Artra Studios je značka, ktorá sa zaoberá výrobou špeciálnych tenisiek pre chodenie naboso (barefoot). Tenisky majú jednoduchý dizajn a držia krok s najnovšími trendami. Pre túto spoločnosť sme mali možnosť navrhnúť štýlový internetový obchod. Cieľom projektu bolo navrhnutie e-shopu, ktorý bude pre používateľov ľahko použiteľný a jednoduchý. Pri navrhovaní rozhrania sme realizovali testovanie používateľov, vytvárali wireframes až po finálny dizajn, ktorý sa spustil do produkcie.
Naša práca
E-commerce, UX/UI Design
Rok: 2022
Cieľ projektu
Cieľom projektu je vytvoriť intuitívnu, esteticky príťažlivú a užívateľsky prívetivú online platformu, ktorá zvýši angažovanosť a konverziu návštevníkov. Chceme poskytnúť plynulý a efektívny nákupný zážitok, ktorý odráža hodnoty značky Artra Studios – kvalitu, udržateľnosť a inováciu v oblasti barefoot obuvi.
Timeline
Proces zahŕňa niekoľko kľúčových fáz, ako je výskum, návrh, prototypovanie, testovanie a vývoj. Tieto fázy sa postupne uskutočňujú a vedú k vytvoreniu efektívneho a používateľsky prívetivého produktu.
Zoznámenie sa s barefoot
„Barefoot“ zvyčajne označuje stav, keď človek nemá na nohách žiadnu obuv. Znamená to chodiť alebo venovať sa aktivitám s nohami priamo v kontakte so zemou, bez použitia topánok alebo akéhokoľvek iného druhu obuvi.
Analýza konkurencie
Analyzovali sme konkurenciu, aby sme identifikovali, ktoré funkcie e-shopov sú kľúčové pre predaj barefoot tenisiek.
Zistenia – Hĺbkové rozhovory
Hĺbkové rozhovory s vybranými respondentmi, nám pomohli lepšie pochopiť, čo hľadajú, čo uprednostňujú a s akými prekážkami sa stretávajú. Z analýzy ich odpovedí sme získali prehľad o najdôležitejších potrebách zákazníkov.
Venovali sme extra pozornosť tomu, čo je pre zákazníka dôležité. Snažili sme sa pochopiť, ako premýšľajú, kde hľadajú informácie, čo ich motivuje kúpiť si produkt a čo ich od kúpy odrádza. Usporiadali sme riadenú diskusiu s rôznymi ľuďmi, ktorí by mohli byť našimi zákazníkmi, z rôznych skupín. Táto Focus Group, nás inšpirovala, ako zlepšiť užívateľskú skúsenosť zákazníkov nášho klienta.
User Flow
Vytvorenie user flow nám umožnilo premýšľať z pohľadu používateľa a zvážiť rôzne možnosti, ktoré má user pri online nakupovaní konkrétneho produktu.
Wireframing
Pracovali sme na skicovaní rôznych návrhov rozloženia stránky, ktoré pomáhajú identifikovať optimálne usporiadanie obsahu a navigácie tak, aby sme dosiahli intuitívne a jednoduché užívateľské rozhranie.
1. Skice
Proces tvorby skíc zahŕňal dôkladnú analýzu potrieb zákazníkov a začlenenie najmodernejších prvkov dizajnu, čím sme položili základy pre návrh intuitívneho a vizuálne príjemného e-shopu.
2. Wireframe
Tento proces zahŕňal tvorbu detailných wireframes, ktoré predstavujú základné rozloženie stránok, umiestnenie produktov, navigačných prvkov, informácií o produktoch a tlačidiel.
Design systém
Vytvorili sme design systém ako základný prvok pre jednotnú a konzistentnú vizuálnu identitu projektu. Tento systém nám pomáha spravovať dizajnové prvky počas celého projektu.
Finálne návrhy
Finálne UI návrhy pre e-shop predstavujú posledný krok v našom dizajnovom procese. V tomto kroku sme sa sústredili na premenenie wireframov a konceptuálneho dizajnu na detailne vypracované rozhrania pre desktopové a mobilné zariadenia.
Mobile
Desktop
