Přeskočit na obsah
Lukáš Kubík
Všechny práce

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
Úvodní stránka webu Calypso

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.

Hero sekce webu Calypso
Web Calypso na mobilu
Web Calypso v tmavé paletě Forest Night
Web Calypso ve světlém režimu
SvětlýForest Night

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.

Sekce o tom, jak Calypso funguje
Ceník aplikace Calypso

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ě.

Vstupní dotazník v aplikaci CalypsoDomovská obrazovka aplikace CalypsoPřehrávač audio cvičení v aplikaci CalypsoSledování pokroku v aplikaci Calypso

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