Realizacja / Autorskie
Mythic Dream.
Zasypianie i relaks
Przeglądarkowa pomoc na zasypianie — spokojny dreamscape i ilustrowany kodeks 130 bóstw i symboli.
- Rodzaj projektu
- Autorskie
- Zakres
- Projekt, budowa i rozwój
- Rok
- 2026
- Obszar
- Zasypianie i relaks
- Wersje językowe
- 8
- Adres strony
- mythic-dream.com (otwiera nową kartę)
01 / Kontekst
Pomysł i zakres produktu
Spokojna, atmosferyczna przestrzeń do zasypiania: przewijający się pejzaż, prowadzenie oddechu i wyłącznik czasowy. Towarzyszy jej ilustrowany kodeks 130 bóstw i symboli z mitologii świata, który można przeglądać zamiast przewijać telefon.
03 / Wykonanie
Decyzje widoczne w szczegółach
Pomysł w działającym interfejsie
- Pejzaż prowadzony jednym ruchem, bo o tej porze nikt nie chce szukać po menu
- Prowadzenie oddechu i wyłącznik czasowy wpisane w scenerię, a nie schowane w ustawieniach
- 159 stron kodeksu bóstw i symboli do czytania na jawie, skoro nocą i tak nikt nie studiuje
Szczegóły sposobu użycia
- 81 haseł słownika snów podpiętych do kodeksu, żeby jedno prowadziło do drugiego
- 24 światy mitologiczne jako osobne ścieżki, żeby nie zwiedzać wszystkiego naraz
- Siedem wersji językowych po 247 podstron, bo sen nie jest tematem lokalnym
Zakres / pozostałe elementy
Co zostało zbudowane
- Wejście bez konta, bo aplikacja na zasypianie nie może zaczynać się od formularza
04 / Funkcje i technika
Co ta strona potrafi
Widać ją od razu
0,29 sGłówna treść pojawia się w 0,29 s — zanim ktokolwiek zdąży się zniecierpliwić i wrócić do wyników wyszukiwania.
LCP — largest contentful paint — czas do największego elementu
Mówi w kilku językach
88 wersji językowych, opisane tak, żeby Google pokazał właściwą osobie z właściwego kraju.
hreflang — znacznik wersji językowej
Da się z niej korzystać bez myszy
28 testówMythic Dream przechodzi 28 automatycznych testów dostępności bez jednego poważnego błędu: obsłużysz ją klawiaturą, przeczyta ją czytnik ekranu.
WCAG 2.2 AA — wytyczne dostępności W3C, poziom AA
Pod maską (8)
- Instaluje się jak aplikacjaMythic Dream
- Po dodaniu do ekranu telefonu otwiera się jako „Mythic Dream” — w osobnym oknie, bez paska adresu i bez pobierania czegokolwiek ze sklepu.PWA — progresywna aplikacja webowa
- Działa bez zasięgu
- Mythic Dream otworzy się nawet wtedy, gdy telefon zgubi zasięg — raz obejrzane strony zostają w pamięci przeglądarki.Service worker — skrypt buforujący po stronie przeglądarki
- Ma tryb nocnyprzełącznik jasny/ciemny
- Ma własny przełącznik jasny/ciemny, a wybór zostaje zapamiętany na następną wizytę.prefers-color-scheme — systemowe ustawienie motywu
- W Google pokazuje więcej niż tytułpytania i odpowiedzi
- Wyszukiwarka czyta stąd gotowe dane: pytania i odpowiedzi — nie musi ich zgadywać z treści.schema.org — słownik danych strukturalnych
- Nie zjada transferu203 kB
- Pierwsze wejście pobiera 203 kB — mniej niż jedno zdjęcie z telefonu, więc strona otwiera się też na słabym zasięgu i starszym sprzęcie.< 500 kB — waga strony przy pierwszym wejściu
- Zdjęcia dopasowane do ekranu10 zdjęć
- 10 zdjęć podawanych jest w nowoczesnym formacie i w rozmiarze dobranym do ekranu, a te niżej doładowują się dopiero przy przewijaniu.WebP · srcset — nowoczesny format i zestaw rozmiarów
- Trudniej ją podrobić7 nagłówków bezpieczeństwa
- Odpowiada 7 nagłówkami bezpieczeństwa, które wymuszają szyfrowanie i ograniczają, co obcy kod może na niej zrobić.CSP · HSTS — polityka bezpieczeństwa treści i wymuszone HTTPS
- Przygotowana dla wyszukiwarek1873 adresy w mapie strony
- Mapa strony podaje Google 1873 adresy, więc nowa podstrona nie czeka, aż robot trafi na nią sam.robots.txt · sitemap.xml — instrukcje dla robotów i mapa strony
Data i sposób weryfikacji
Zmierzone na działającej stronie, 12 września 2026. Odczyty dotyczą sprawdzonych publicznych stron: pomiar ładowania w przeglądarce, kontrola dostępności axe-core, nagłówków HTTP, manifestu aplikacji i mapy strony. To stan z dnia pomiaru, nie obietnica wyników biznesowych. Zakres kontroli zależy od pokazanej funkcji.
Jak została zbudowana
Spokojna aplikacja nastawiona na wieczorne użycie: lekka, ciemna i generowana statycznie, żeby nie budzić telefonem w środku nocy.
