Michal Litványi Dostupný 70–100 h / mes. · UX/UI · Frontend · AI workflow · Dobšiná, SK · Remote
SKEN

Equiservis

Redesign e-shopu od kostry. Vlastná šablóna, vlastný design system, priestor pre marketing aj prezentáciu firmy.

Obdobie
2024 – 2025
Rola
UX/UI dizajn + frontend
Autor
Michal Litványi
dizajnux/uifrontenddesign systeme-commerceaccessibility

Kontext

Equiservis fungoval roky na šablóne, ktorá si svoje odslúžila. Marketing nemal priestor. Obsah sa tlačil do rovnakej formy ako produkty. A web nevyzeral ako firma, ktorá má za sebou roky na trhu a stabilnú zákaznícku základňu.

Prvý krok bol spísať, ako zákazníci reálne prechádzajú webom, kde narážajú a čo im chýba. Z toho vznikli typové stránky, task flowy a prvé wireframy.

Equiservis UX research a task flow

Najprv systém, potom dizajn

Pred tým, ako sa začalo kresliť čokoľvek finálne, postavil sa design system. Typografia, farby, sety ikon, vlastné ilustrácie pre kategórie a marketingové sekcie. Atomický prístup, komponenty, ktoré sa dajú skladať.

Vďaka tomu žiadna nová stránka nevyzerala ako kompromis. Všetko vychádzalo z rovnakých pravidiel a komponentov. A keď klient prišiel s ďalšou požiadavkou, nemuselo sa nič kresliť od nuly.

Detail design systému: komponenty
Task flow a user journeyMapa typových stránokWireframy desktop a mobile
Farebná paleta design systémuTypografia design systému

Z univerzálnej šablóny na mieru. Každý komponent navrhnutý tak, aby fungoval aj po odovzdaní projektu.

Vernostný program na každom kroku

Zákazníci Equiservisu sa vracajú. Časť sortimentu sú drahšie produkty na mieru, ako sedlá, a práve pri nich má vernostný program zmysel. Preto sme ho pretavili do celého nákupného procesu. Na produktovej karte, v košíku, v rekapitulácii, v účte. Bez kriku, bez bannerov. Len jasná informácia na správnom mieste.

Výsledok

Funkčný e-shop s vlastnou šablónou postavenou na mieru. Design system, ktorý drží konzistenciu naprieč celým webom. Vernostný program integrovaný priamo do nákupného procesu. Prístupnosť riešená od začiatku, nie dodatočne.

TL;DR
  • Z univerzálnej šablóny vlastný e-shop, graficky na mieru.
  • Design system, ktorý funguje aj po odovzdaní projektu.
  • Vernostný program viditeľný všade, kde nakupujúci robí rozhodnutie.
  • Prístupnosť ako vstupný filter, nie posledný checkbox.
Pozrieť naživo