Návrh e-shopu pre predajcu interiérových tkanín a látok, od nuly vybudovaná vizuálna identita, design systém a detail produktu navrhnutý tak, aby látka prehovorila sama za seba. Všetko v rámci reálnych možností platformy PrestaShop.
Zips Interier je český predajca interiérových tkanín s fyzickou predajňou aj online ponukou. Napriek kvalitnej kolekcii tkanín e-shop nemal vlastnú vizuálnu identit, pôsobil genericky a nedokázal preniesť materiálovosť a estetiku produktov do digitálneho prostredia. Zákazník, ktorý hľadá tkaninu do interiéru, potrebuje vidieť štruktúru, farbu a kontext, nie len produktovú fotografiu na bielom pozadí.
Zadanie bolo dvojité: vytvoriť vizuálny jazyk od základov a zároveň navrhnúť e-shop, ktorý látky skutočne predáva, cez kolekcie, detail a zoom, ktorý nahrádza fyzický dotyk.
Úvodný meeting odhalil kľúčové: klient mal jasnú predstavu o tom, aký chce výsledok, inšpiráciu predstavoval referenčný web janeclayton.com, ale platforma PrestaShop kladie konkrétne technické limity. Výstupom kickoffu bol brief, ktorý definoval, čo sa z referencie dá prevziať priamo, čo treba adaptovať a čo je mimo scope.
Zips Interier nemal brand manuál ani ustálený vizuálny štýl. Pred samotným návrhom obrazoviek bolo potrebné definovať základy - farebnú paletu, typografiu a celkový tón komunikácie. Cieľom bola identita, ktorá pôsobí prémiovo, neutrálne a nechá vyniknúť samotné tkaniny.
Na základe definovanej identity som postavila design systém: farby, typografia, spacing a stavy komponentov. Systém zohľadňoval možnosti PrestaShop šablóny, aby bola odovzdávka vývojárom čistá a bez nutnosti domýšľania.
Postupne som navrhla kľúčové obrazovky: domovská stránka, priechod košíkom, kategória a detail produktu. Každá obrazovka prešla internou revíziou s dôrazom na technickú realizovateľnosť v rámci PrestaShop platformy.
Identita od nuly
Vizuálny jazyk bolo potrebné vymyslieť, zdôvodniť a odovzdať ako základ pre ďalší rozvoj, nie len pre tento e-shop.
PrestaShop ako mantinel
Niektoré prvky inšpirované referenčným webom bolo potrebné adaptovať alebo nahradiť riešeniami, ktoré sú natívne podporované.
Látky potrebujú byť vidieť
Zoom, kontextové fotografie, príslušnosť ku kolekcii a detailný popis materiálu - to všetko bolo súčasťou návrhu detail stránky.
Sada kľúčových obrazoviek: domovská stránka, prechod košíkom, kategória a detail produktu - každá navrhnutá s jedným zámerom: nechať tkaninu hovoriť za seba a zákazníkovi dať dostatok kontextu na rozhodnutie.
Vizuálna identita vznikla od základov a funguje ako konzistentný rámec naprieč celým e-shopom. Detail produktu dostal zoom, kolekčný kontext a štruktúrovaný popis - náhradu za fyzický dotyk v predajni.
Výstupom nie je len sada screenov - je to zdokumentovaný design systém reflektujúci možnosti PrestaShop platformy. Žiadne komponenty, ktoré nie je možné implementovať. Vývojový tím dostal podklady bez otáznikov a Zips Interier základ, na ktorom môže ďalej stavať.
