Redesign
e-shopu Minifigs.cz

Diplomová práce
Mockup redesignu e-shopu Minifigs.cz

Diplomová práce zaměřená na důkladný uživatelský výzkum a návrh prototypu redesignu webových stránek Minifigs.cz, specializovaného e-shopu s LEGO minifigurkami a dílky. Cílem bylo zlepšit uživatelský zážitek, přehlednost a použitelnost webu.

Projekt využil metodiku Design Thinking, která pomohla hluboce porozumět potřebám uživatelů a systematicky identifikovat klíčové problémy současného designu.

Role UX Researcher & Designer
Typ Diplomová práce
Nástroje Figma, Google Forms
Metody Design Thinking (Empatie, Definice, Ideace, Prototypování, Testování), Heuristická analýza, Polostrukturované rozhovory, Persony, HMW otázky, Testování použitelnosti

Expertní analýza a uživatelský výzkum odhalily řadu problémů, které negativně ovlivňovaly nákupní zkušenost zákazníků:

  • Velký uvítací banner zakrýval produkty na úvodní stránce
  • Nepřehledné vertikální menu bez obrázků a s nízkým kontrastem
  • Složitý výběr barevných variant produktů
  • Neefektivní filtrování (skrytý filtr barev, nezachovaná volba)
  • Matoucí zobrazení cen a slev
  • Nejasná informace o skladové dostupnosti
  • Nerelevantní doporučení produktů
  • Chybějící komunikace, že e-shop prodává pouze nové LEGO

Projekt sledoval 5 fází metodiky Design Thinking — nelineární a iterativní proces zaměřený na hluboké porozumění uživateli.

Kvalitativní uživatelské testování s 6 respondenty (věk 28–44 let): 2 stávající zákazníci a 4 noví uživatelé z cílové skupiny. Testování zahrnovalo rozhovory o nákupních zvyklostech a průchod e-shopem s metodou „thinking aloud".

Klíčová zjištění: LEGO není jen hračka — pro sběratele představuje vášeň a způsob relaxace, pro rodiče smysluplný čas s dětmi. Obě skupiny kladou důraz na přehlednost, důvěryhodnost a dostupnost zboží.

Záznamy z uživatelského testování / Affinity map

Na základě tematické analýzy rozhovorů byly vytvořeny dvě klíčové persony reprezentující hlavní zákaznické segmenty:

Persona: Sběratel
Persona: Rodič

Problémy byly přeformulovány do návrhových výzev:

  • Jak bychom mohli zlepšit úvodní stránku, aby byla přehlednější a zaměřená na produkty?
  • Jak bychom mohli komunikovat, že e-shop nabízí pouze nové dílky?
  • Jak bychom mohli zjednodušit vertikální menu?
  • Jak bychom mohli usnadnit výběr barevných variant?
  • Jak bychom mohli zlepšit zobrazení cen a slev?
  • Jak bychom mohli přizpůsobit doporučené produkty?

Brainstormingové session s post-it lístky pro generování co nejvíce různorodých návrhových řešení. Vybrané nápady byly následně rozpracovány do vizuálních skic.

Nápady z brainstormingu a skic byly na základě UX principů převedeny do interaktivního prototypu ve Figmě. Níže jsou aplikované principy a hlavní změny v porovnání s původním stavem.

Uživatelská přívětivost

Zjednodušení navigace a interakcí pro lepší efektivitu a spokojenost uživatelů.

Vizuální hierarchie

Strukturování informací tak, aby uživatelé intuitivně věděli, kam se zaměřit.

Konzistence designu

Jednotný vzhled a chování prvků pro rychlejší adaptaci uživatelů.

Přístupnost

Dostatečný kontrast, velikost písma a orientační prvky pro všechny uživatele.

Interakce a zpětná vazba

Okamžitá vizuální odezva na akce uživatele (neaktivní tlačítka, změna barvy).

Kategorizace a navigace

Logické uspořádání kategorií odpovídající způsobu uvažování uživatelů.

Minimalizace kognitivní zátěže

Eliminace nadbytečných informací a přehledné uspořádání obsahu.

01

Úvodní strana

Před
Původní úvodní strana

Velký banner zakrýval produkty, novinky nebyly vidět.

Po
Nová úvodní strana

Novinky viditelné ihned. Bublina „U nás jen NOVÉ LEGO" informuje o stavu produktů.

02

Vertikální menu

Před
Původní vertikální menu

Chaotické menu bez obrázků, nízký kontrast textu.

Po
Nové vertikální menu

Obrázky u kategorií, vyšší kontrast, rozbalena jen aktuální kategorie.

03

Přidání do košíku

Před
Původní přidání do košíku

Tlačítko vypadalo aktivně i bez zvolené barvy, matoucí pro uživatele.

Po
Nové přidání do košíku

Text „ZVOLTE BARVU" vybízí k akci, tlačítko se aktivuje až po výběru.

04

Filtry

Před
Původní filtry

Vybraná barva se neprojevila na zobrazených produktech.

Po
Nové filtry

Produkty se zobrazují ve zvolené barvě.

05

Zobrazení cen a skladem

Před
Původní zobrazení cen

Jen aktuální cena, sleva jako malý badge, „Skladem" bez počtu kusů.

Po
Nové zobrazení cen

Přeškrtnutá původní cena + nová cena, „Skladem (X ks)" s počtem.

Moderované online testování použitelnosti prototypu se 3 respondenty (muži 29–42 let). Úkoly simulovaly běžné nákupní situace.

Pozitivní zjištění:

  • Carousel s novinkami účinně upoutal pozornost
  • Menu s obrázky výrazně zlepšilo orientaci
  • Barevné filtry fungovaly intuitivně a zachovávaly nastavení
  • Navigace přes kategorie místo vyhledávače u příslušenství
  • Doporučené produkty vnímány jako relevantní a užitečné

Oblasti ke zlepšení:

  • Nejednoznačný pojem „nové LEGO": uživatelé si nebyli jistí, zda jde o nové produkty nebo nepoužité dílky
  • Rozpis barevných variant nebyl dostatečně zřetelný: uživatelé ho objevili až po chvíli

Testování potvrdilo celkové zlepšení orientace a použitelnosti webu. Všechny testovací úkoly byly splněny rychle a bez výrazných problémů. Redesign úspěšně adresoval klíčové problémy identifikované ve výzkumu. Uživatelé ocenili zejména přehlednější navigaci a intuitivnější práci s filtry. Prototyp a dokumentace byly předány majiteli e-shopu jako podklad pro budoucí implementaci.

4 Konkurenční analýzy
6 Uživatelských testování
8 Problémů
15 HMW otázek
2 Persony
8 Oblastí redesignu
3 Usability testy

Tento projekt mi umožnil aplikovat kompletní proces Design Thinking v reálném kontextu e-commerce. Klíčové poznatky:

  • Důležitost empatie — pochopení skutečných motivací uživatelů (sběratelé vs. rodiče)
  • Hodnota iterativního přístupu — testování odhalilo nové problémy k řešení
  • Potřeba balancu mezi různými skupinami uživatelů (detailní info pro sběratele vs. jednoduchost pro rodiče)
  • Význam vizuální hierarchie a okamžité zpětné vazby v UI

Testování a analýza odhalily příležitosti pro budoucí rozvoj projektu. Následující doporučení by mohla být implementována v dalších iteracích:

Z testování

Vylepšit zobrazení variant

Využít kontrastní barvy a ikony pro lepší viditelnost přehledu barevných variant v detailu produktu.

Z testování

Jasný claim o kvalitě

Vytvořit atraktivní sdělení komunikující, že e-shop prodává pouze nepoužité LEGO dílky.

Z analýzy

Propojení výběru barev

Kliknutí na barevnou variantu v obrázcích produktu automaticky změní i vybranou variantu pro nákup.

Z analýzy

Nové kategorie

Přidat kategorie „Novinky" a „Slevy" pro snadnější přístup k aktuálním nabídkám.

Z analýzy

Mobilní optimalizace

Optimalizovat klíčové prvky (košík, filtry) pro mobilní zařízení.

Z analýzy

Přehledná stránka dopravy

Přepracovat stránku dopravy a platby do tabulkového přehledu s ikonami dopravců.