Case Study Vaka Çalışması
Focus Timer Odak Zamanlayıcı
A browser-based focus coach crafted with HTML, CSS, and JavaScript, blending adaptive timers, integrated music, and gentle reminders. HTML, CSS ve JavaScript ile geliştirilmiş tarayıcı tabanlı bir odak koçu; uyarlanabilir zamanlayıcılar, entegre müzik ve nazik hatırlatıcıları bir araya getiriyor.
Role
Rol
Sole creator — from UX research to interface design and full frontend build. UX araştırmasından arayüz tasarımına ve tüm frontend geliştirmeye kadar tamamını tek başıma yürüttüm.
Stack
Teknolojiler
HTML · CSS · JavaScript
Problem Problem
Existing timers forced constant app switching for music and rarely nudged me back when breaks overran. I needed a single-page flow that keeps sound, focus, and reminders together. Mevcut zamanlayıcılar müzik için sürekli uygulama değiştirmeme neden oluyor ve molalar uzadığında nadiren beni geri çağırıyordu. Ses, odak ve hatırlatıcıları tek bir sayfada toplayan bir akışa ihtiyaç duydum.
Solution highlights Çözüm notları
- Integrated YouTube playlist controls so favourite focus tracks stay within the app. Favori odak parçalarını uygulama içinde tutan entegre YouTube playlist kontrolleri.
- Custom focus/break presets with HTML, CSS, and JavaScript powered live feedback. HTML, CSS ve JavaScript ile canlı geri bildirim sunan özelleştirilebilir odak/mola ayarları.
- End-of-session reminders and gentle notifications that invite you back on schedule. Seans sonunda takvime geri dönmeye davet eden nazik hatırlatıcılar ve bildirimler.
Impact Etkisi
Usability sessions showed longer uninterrupted focus blocks and higher return rates thanks to reminders and seamless playlist flow. Kullanılabilirlik seansları, hatırlatıcılar ve kesintisiz playlist akışı sayesinde daha uzun kesintisiz odak blokları ve daha yüksek geri dönüş oranları ortaya koydu.