2020 — současně

Prodejce Kia na obrazovce. Digitální platforma

Kia je největším výrobcem automobilů na světě. V roce 2019 společnost aktualizovala korejskou a americkou verzi svých stránek, načež se ruské zastoupení rozhodlo kompletně přepracovat i svou digitální platformu. Kia nás oslovila, abychom promysleli celý design UI a UX nového webu. Globální výzvou bylo, aby výběr a nákup vozidla byly stejně snadné jako jakékoli každodenní nakupování online.

Kia web

Provedli jsme kvalitativní průzkum publika a analýzu konkurence patnácti výrobců automobilů. Poté jsme navrhli kompletně změnit logiku a strukturu předchozí verze webu a vybudovat novou na principech personalizace obsahu. Hlavní myšlenkou bylo proměnit stránky v pohodlnou odbočkovou navigaci, která by odpovídala na potřeby tří typů uživatelů najednou: těch, kteří teprve zkoumají modelovou řadu, těch, kteří si chtějí vůz koupit, a samotných majitelů vozů Kia.

Při vývoji sekce nákupu jsme se setkali s opravdu obrovským množstvím konfigurací. Některé modely Kia jich mají více než dvacet. Aby uživatel nebyl zmaten, vytvořili jsme praktický konfigurátor s postupnými kroky a různými parametry, které určují výběr té či oné konfigurace. Nevhodné varianty nejsou zcela skryty, ale jsou shromážděny v samostatné skupině a zůstávají k dispozici — můžete se k nim vrátit, pokud v hlavním vyhledávání není dostatek relevantních výsledků.

O koupi vozu se často rozhoduje podle toho, který autosalon poskytl výhodnější úvěrové podmínky. Na základě tohoto poznatku jsme vyvinuli úvěrovou kalkulačku, která uživateli pomůže sestavit individuální žádost, zobrazit možné slevy a dotace, zjistit výši doplatku a měsíční splátky, přidat pojištění a další služby. O půjčku můžete požádat online bez zbytečné návštěvy bankovní pobočky.

Vizuální styl je ovlivněn systémem designu globálních webových stránek společnosti Kia, který nám poskytl velkou volnost. Nesnažili jsme se vytvořit minimum stránek se spoustou informací, ale spíše jsme na každé z nich nechali dostatek vzduchu a prostoru. Neobjevují se zde žádné zbytečné ozdoby ani neopodstatněné prvky, které by mohly odvádět pozornost uživatele od toho hlavního, tedy modelové řady Kia.

Důležitým rozhodnutím bylo vytvoření modulárního systému a nástroje pro tvorbu webových stránek, s jehož pomocí může tým společnosti Kia web libovolně rozšiřovat a přidávat nové stránky. Vyvinuli jsme sadu hotových bloků: text, rozhraní a obrázky na celou obrazovku. Jejich propojením můžete získat libovolnou stránku a zachovat logiku jednoduchosti a pohodlí, kterou jsme stanovili.

Vyvinuli jsme přibližně čtyři stovky rozvržení (webové a mobilní verze). Většina stránek obsahuje mikroanimace, které zpříjemňují interakci. Abychom klientovi usnadnili udržování jednotného vizuálního stylu webu, připravili jsme kromě builderu také podrobnou sadu uživatelského rozhraní, která namalovala všechny možné typy barev, ikon a řešení pro rozvržení textu.

Aktualizace vizuálu a UX

Nový vizuální styl

V roce 2020 Kia kompletně přepracovala svůj vizuální styl. Při předávání materiálů z hlavního štábu jsme se rozhodli provést velký UX audit souběžně s vizuální aktualizací webu. Analyzovali jsme získaná data a provedli změny UX.

Hlavní stránka

Úvodní blok na domovské stránce byl upraven podle mezinárodní podoby. V řadě modelů Kia má každý své vlastní pozadí, které odráží charakter modelu.

Stránka s upoutávkou

Stránka s upoutávkou je čistě informativní a obsahuje převážně vizuální aktualizace.

Stránka modelu

Hodně jsme experimentovali s modelovou stránkou. Vytvořili jsme pohybové přístupy spojené s rolováním, ale praxe ukázala, že na různých obrazovkách vypadají příliš odlišně. Zaměřili jsme se tedy na vytvoření rozmanitého a stylového rozvržení. Se spoustou zajímavých informací, statistik a srovnání.

Konfigurátor: krok 1

Pro aktualizaci konfigurátoru bylo provedeno a analyzováno 10 rozhovorů UX. Následoval dokument popisující změny, které by výrazně zlepšily uživatelskou zkušenost. Bylo provedeno přibližně sto změn a byla provedena hloubková copywriterská práce. Následné testy ukázaly, že navigace v konfigurátoru je pro uživatele mnohem snazší.

Konfigurátor: krok 2

Konfigurátor: krok 3

Konfigurátor: krok 4

Konfigurátor: krok 5

Konfigurátor: krok 6

O mně🇬🇧