kiavcin.sk

Web měl fungovat jako digitální ztělesnění značky Kiavčin, tedy něco, co na první pohled odkomunikuje jeho kvalitu a odliší ho od ostatních webů v podobné tematice (coaches, tvůrci, marketingové komunity). Zároveň měl být extrémně rychlý, aby rychlost webu podporovala dojem "tato značka má věci pod kontrolou", nikoliv ho podkopávala pomalým načítáním.

Celý UX design webu jsme zpracovali kompletně ve Figmě, od wireframů přes informační architekturu až po finální rozložení jednotlivých sekcí, ještě než jsme cokoliv začali stavět v kódu. Vycházeli jsme z toho, že Kiavčin má silnou, velmi rozpoznatelnou vizuální identitu na sociálních sítích, takže web se jí musel přizpůsobit. Místo standardní šablony jsme postavili unifikovaný, škálovatelný systém komponent v Next.js, který zvládá flashy design s množstvím absolutně pozicovaných prvků a zároveň udržuje čitelnou strukturu podle běžných skenovacích vzorců. Současně jsme řešili i18n pro SK, CZ a EN (default SK), JSON-LD strukturovaná data přizpůsobená přesně obsahu jednotlivých stránek a přímé napojení na Klaviyo API, aby měl klient v reálném čase přehled o výkonu formulářů bez nutnosti manuálního reportování.

Největší výzvou bylo proměnit designově velmi expresivní koncept (výrazná typografie, absolutně pozicované dekorativní prvky, "street" styl) na funkční UX řešení, které zůstane uživateli srozumitelné a nerozbije skenovací vzorce, na které jsou návštěvníci zvyklí. Druhá výzva byla technická: stejný vizuální jazyk se musel dát znovupoužít napříč několika jazykovými verzemi, aniž bychom design při každé mutaci stavěli znovu, což vedlo k rozhodnutí investovat do unifikovaného komponentového systému místo rychlejších, ale méně škálovatelných řešení.