Calypso
Calypso učí zvládat stres pomocí autogenního tréninku. Stačí na to patnáct minut denně. Navrhl a naprogramoval jsem jeho nový web, od prvního hovoru s klientem po spuštění. Na web má navázat i vývoj samotné aplikace.
- Role
- Design, vývoj, spuštění
- Rok
- 2026
- Typ
- Web a mobilní aplikace

Zadání
Calypso je vzdělávací aplikace pro prevenci stresu, úzkosti a nespavosti. Původní web vznikl ze šablony a klient chtěl nový, který bude působit profesionálně, a přitom uklidní. Měl oslovit jednotlivce, včetně mladých lidí, i firmy, které aplikaci nabídnou zaměstnancům.
Jak jsme hledali vzhled
Na prvním hovoru jsme si hlavně ujasnili, co nechceme: hravost ve stylu Headspace, křiklavé barvy ani tmavý technický styl. Zůstala tlumená zelená a teplá béžová, která podle klienta připomíná papír dobré knihy. Čistě bílá by prý působila jako lékařský plášť.
Místo obrázků ve Figmě jsem stavěl rovnou v kódu. Klient tak od začátku proklikával skutečný web na počítači i v telefonu a připomínky jsme řešili nad hotovými stránkami.




Kromě světlého režimu má web dvě tmavé palety, Forest Night a Midnight Sage. Posuňte předělem.
8 jazyků
Čeština, angličtina, ukrajinština, němčina, francouzština, španělština, portugalština a čínština. Texty každého jazyka jsou v jednom souboru, takže další jazyk se přidá snadno.
Nádech, výdech
V úvodu pulzuje bod v rytmu dechu a střídá se u něj nápis Nádech a Výdech. Nápad přišel přímo ze zadání klienta. Kdo má v systému vypnuté animace, uvidí bod v klidu.
Soukromí a bezpečnost
Google Analytics se načte až po souhlasu s cookies. Web posílá přísné bezpečnostní hlavičky a přihlášky k odběru novinek ukládá malá funkce na Cloudflaru, bez dalšího placeného nástroje.


Mimo web
Navrhl jsem i obrazovky aplikace ve stejném stylu jako web. Nahradily původní ilustrační obrázky a najdete je přímo na webu. K tomu jsem připravil prezentace pro sponzory v češtině a angličtině.




Co bude dál
S klientem jsme se domluvili i na vývoji samotné aplikace. Plán je přesunout ji z no-code platformy na vlastní backend v Supabase, přidat předplatné přes Stripe, přepracovat rozhraní a nakonec ji vydat jako aplikaci pro iOS a Android.
Technologie
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS 4
- Cloudflare Pages
- Cloudflare KV
- Google Analytics 4