kiavcin.sk

Web měl fungovat jako digitální ztělesnění značky Kiavčin, tedy něco, co na první pohled sdělí jeho kvalitu a odliší ho od ostatních webů v podobné tematice (kouči, tvůrci, marketingové komunity). Zároveň měl být extrémně rychlý, aby rychlost webu podporovala dojem „tahle 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á efektní 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 (výchozí 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) ve 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 musel být znovu použitelný napříč několika jazykovými verzemi, aniž bychom design u každé jazykové mutace 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í.