Angelo Studio
Tastelist – Behind the scenes
1. Začiatok s informačnou architektúrou
Na začiatku sme vytvorili mapu celého webu – základ informačnej architektúry. Tento krok nám pomohol jasne definovať štruktúru a tok používateľa, teda ako sa bude prirodzene pohybovať medzi jednotlivými sekciami. Vďaka tomu sme mali od začiatku pevný základ a vyhli sa nejasnostiam v neskorších fázach.
2. Wireframe so zameraním na mobilné zariadenia
Ďalším krokom bolo navrhnúť wireframy s prístupom mobile-first. Keďže väčšina používateľov pristupuje k službe z mobilu, sústredili sme sa na čo najjednoduchšie a najprehľadnejšie rozloženie. Wireframy nám umožnili testovať umiestnenie prvkov a validovať, že navigácia zostáva intuitívna a efektívna.
3. Funkčný prototyp a používateľské testovanie
Zo základných návrhov sme vytvorili klikateľný prototyp, ktorý umožnil testovanie reálnych používateľských scenárov. Tento prístup nám poskytol cennú spätnú väzbu – vedeli sme, ktoré časti sú zrozumiteľné a ktoré potrebujú úpravy. Iteráciami sme dizajn vylepšovali, až sme dosiahli optimálne rozloženie a používateľskú prístupnosť.
4. Logo projektu
V tejto fáze vznikla požiadavka na logo. Cieľom bolo vytvoriť jednoduché textové logo, ktoré sa dá ľahko vysloviť v rôznych jazykoch. Zvolili sme minimalistický prístup – čistý typografický štýl, ktorý je flexibilný, čitateľný a dobre funguje v rôznych kontextoch použitia.
5. Návrh nového vizuálneho štýlu
Po schválení základného smerovania sme vytvorili nový vizuálny dizajn. Sústreďovali sme sa na jasnú vizuálnu hierarchiu, konzistenciu a moderný vzhľad. UI malo pôsobiť profesionálne, ale zároveň priateľsky – tak, aby používatelia od začiatku cítili dôveru aj jednoduchosť.
6. Zmena primárnej farby
Testovanie ukázalo, že pôvodná farba v prostredí plnom obrázkov zanikala a neplnila svoju funkciu. Cieľom novej farby bolo lepšie vyniknúť a poskytnúť používateľovi jasný orientačný bod. Nová farebná paleta posilnila kontrast, zlepšila čitateľnosť a zvýraznila interaktívne prvky, čím podporila použiteľnosť.
7. Prémiová sekcia
Ďalším krokom bolo navrhnúť PREMIUM sekciu určenú pre tvorcov obsahu. Táto sekcia mala pôsobiť exkluzívne, ale zároveň zostať súčasťou jednotného štýlu webu. Použili sme vizuálne akcenty a odlišné patterny, ktoré jasne komunikovali pridanú hodnotu a motivovali používateľov službu vyskúšať.
8. Maskot projektu
Na podporu komunikácie prémiovej sekcie sme vytvorili maskota s menom Cookie Star. Tento hravý prvok dodal značke priateľskejší tón a pomohol sprístupniť informácie o prémiových funkciách. Cookie Star sa stal vizuálne zapamätateľným prvkom, ktorý podporil emocionálne prepojenie s používateľmi.
9. Záver – design systém
Finálnym výstupom bol design systém – knižnica komponentov, pravidiel a vzorov, ktorá umožnila efektívne a konzistentne navrhovať nové stránky aj funkcie. Tento systém zrýchlil prácu tímu, uľahčil udržiavanie konzistencie a zabezpečil dlhodobú udržateľnosť aj škálovateľnosť produktu.
