Gomatela
06 — Case Study — Jan KurdiovskýVšechny projekty

Plán místo produktu.
I ve stavbě webu.

Záznam živého webu · osa vlevo místo menu

Jan je poradce s certifikací PFP a zároveň spolumajitel firmy na potisk textilu. Na peníze se dívá i očima majitele, ne jen poradce, a web to musel unést: rodinný rozpočet i firemní portfolio, aniž by se rozpadl na dva různé weby.

Rok2026
RoleDesign · Vývoj
StackHTML · CSS · vanilla JS · Vercel Functions
Mrkni na live
Přístup

Místo menu jsme dali osu.

Celý web drží jediná svislá linka po levé straně. Jak návštěvník sjíždí dolů, rozsvěcí se na ní zastávky: princip, o mně, služby, certifikace, reference, aplikace, rezervace. Není to dekorace, ale navigace, která pořád ukazuje, kde jste a co ještě přijde. Web je jedna dlouhá stránka bez frameworku, čisté HTML, CSS a JavaScript, takže na téhle animaci nic nezdržuje. Barevně jsme šli po červené a grafitové, tedy po Janově značce, ne po bankovní modrobílé. Poslední zastávka je kontakt: dokud má Jan online rezervace pozastavené, vede rovnou na SMS a telefon.

Sekce Celý plán v jedné aplikaci: text o aplikaci MyPlann s odkazy do App Store a Google Play a vpravo telefon s plánem Finanční nezávislost, grafem a stavem rezervy, investic a bydlení
01 — Aplikace MyPlann

Plán, který klientovi zůstane v kapse.

Telefon není fotka z fotobanky, je vykreslený rovnou v HTML a CSS: postup plánu, graf a stav rezervy, investic a bydlení. Sekce ukazuje, co klient dostane po schůzce, místo aby to jen slibovala větou.

Sekce Co říkají klienti: hodnocení 5,0 na Googlu z 12 recenzí a šest karet s citacemi klientů
02 — Reference

Klienti mluví vlastními slovy.

Skutečné recenze klientů s hodnocením 5,0 z Googlu a odkazem, kde napsat další. Na poradce, kterého člověk ještě nezná, zabere cizí zkušenost víc než jakýkoli slogan.

Výsledek

Dvě publika, jeden web

Rodina i firma mají vlastní kartu a vlastní cestu ke schůzce, ale sdílejí jeden příběh.

Navigace, co drží pozici

Osa vlevo ukazuje, kde návštěvník je. Menu se nemusí hledat.

Ovladatelné bez myši

Web jde projít z klávesnice i se čtečkou obrazovky a animace se ztiší, když si to prohlížeč vyžádá.

Chcete web, který mluví za vás,
ne za produkt?

Napište nám