Problem
Aplikacja duchowa nie może wyglądać jak agresywny portal. Klient chciał spokojnego UX, codziennego rytuału wejścia i delikatnej muzyki, bez blokady dźwięku przez politykę przeglądarek.
← Realizacje
Case study · Realizacja
Duchowość / Web App
Moja Modlitwa
Produkt ma zapraszać do codziennego powrotu: jeden spokojny ekran, cytat i modlitwa na dziś. Zamiast metryk retencji opieramy się na jakości doświadczenia i zadowoleniu z wdrożenia.
Moja Modlitwa
Rozwiązanie
Jeden spokojny ekran z modlitwą/cytatem dnia, czytelną hierarchią i muzyką odblokowywaną pierwszą gestem użytkownika (zgodnie z Chrome, Safari i Firefox).
Zakres
- UX/UI aplikacji webowej
- Frontend Next.js
- Design system
- SEO techniczne
- Obsługa audio (unlock on gesture)
- Wdrożenie na własnej domenie
Efekt
Produkt live na mojamodlitwa.eu: spokojne doświadczenie, które klient może pokazać jako przykład dojrzałego UX, bez wymyślonych metryk retencji.
Wyzwanie
Aplikacja duchowa nie może wyglądać jak agresywny portal ani jak szablon bloga. Użytkownik ma poczuć spokój i wracać z przyzwyczajenia, nie z presji powiadomień.
Klient chciał też delikatną muzykę w tle, ale przeglądarki na starcie blokują dźwięk bez interakcji użytkownika. To nie może być „na siłę” autoplay.
Rozwiązanie
Zbudowaliśmy spójny ekran: przełącznik cytat/modlitwa, centralna karta z treścią dnia i spokojne tło. Wszystko jest czytelniejsze i na swoim miejscu, bez rozpraszaczy.
Muzyka nie startuje klasycznym autoplay z dźwiękiem przy samym wejściu na URL. Przy pierwszej geście użytkownika (tap, klik, świadome włączenie z kontrolki „Muzyka”) odblokowujemy odtwarzacz, zgodnie z polityką Chrome, Safari i Firefox. Dopiero wtedy audio może grać w tle, bez irytującego komunikatu o zablokowaniu.
Muzyka a polityka przeglądarek
Przeglądarki traktują dźwięk jako „wymagający zgody” medium: load strony bez kliknięcia nie może nagle puszczać muzyki. Wymuszenie autoplay kończy się ciszą albo błędem w konsoli; użytkownik i tak tego nie słyszy.
Wdrożyliśmy model odblokowania przy pierwszej geście: jeden wspólny handler na pierwsze dotknięcie/kliknięcie inicjuje kontekst audio i dopiero potem włącza ścieżkę. To nie obchodzenie zasad, tylko standardowy, zgodny sposób na aplikacje z muzyką ambientową. Na ekranie widać kontrolkę: użytkownik wie, że dźwięk jest dostępny i sam decyduje, kiedy go włączyć.
Efekt dla klienta
Projekt jest live pod własną domeną i wygląda jak produkt, a nie makietka. Klient może pokazać go jako przykład spokojnego, dojrzałego UX.
Nie mamy publicznych statystyk DAU, za to mamy produkt, który realizuje założenie: codzienne zaangażowanie przez prosty, powtarzalny rytuał wejścia na stronę.
„Wygląda dokładnie tak spokojnie, jak miało. Użytkownicy wiedzą, gdzie są, i chętnie wracają.”
Co wyszło z projektu
Bez wymyślonych liczb: efekt w produkcie i w odbiorze. Wszystko jest czytelniejsze i na miejscu:
- Spójny ekran „Słowo na dziś” z modlitwą i cytatem dnia
- Muzyka w tle po odblokowaniu pierwszą gestą, bez blokady na starcie
- Widoczna kontrola dźwięku i spokojny UX na desktopie i telefonie
- Wdrożenie live na mojamodlitwa.eu
Technologie
- Next.js
- Design system
- SEO techniczne
Chcesz podobny produkt?
Podeślij adres swojej strony lub opowiedz o projekcie; ustalimy zakres i sensowny kolejny krok.
Wszystkie case study