Redesign karty
nákupního košíku
a dynamická propagace
služby Premium

Cílem bylo kompletní přepracování karty nákupního košíku bez bližší specifikace požadavků, vytvořit novou přehlednou a moderní verzi karty, která uživatele rychle navede k objednání nebo k aktivaci služby Premium

Pain point

  • Přehuštěný layout
  • Chybějící vizuální hierarchie
  • Neviditelná hodnota Premium
  • Příliš mnoho sekundárních detailů
  • Chybějící FOMO prvek
  • Příliš drobný text
  • Uživatel není seznámen se službou Premium během cesty
Náhled redesignované karty košíku
Náhled hlavní karty košíku (původní UI)

Cíle redesignu

  • Segmentace uživatelů: definoval jsem dva stavy karty podle typu balíčku (Premium „v ceně“ vs. „doporučený doplněk“).
  • FOMO banner: přidal jsem prominentní, barevně zvýrazněný řádek pod názvem balíčku
  • Hierarchie obsahu: Hned pod hlavičkou název balíčku a cena. Vedle ceny toggle pro aktivaci Premium (u doplňku) nebo značka „Premium v ceně“
  • Schování detailů: všechny sekundární body (bonusové materiály, služby k balíčku) jsem přesunul do akordeonu, který se rozbalí na kliknutí.
  • Čistý sidebar: cenový blok a CTA tlačítka (Objednat / Aktivovat Premium) jsou nyní v samostatné kolonce vpravo se silným kontrastem.
  • Segmentovaný zážitek: jasné rozlišení balíčků s Premium v ceně a balíčků s doplňkem
  • Zvýšená konverze: intuitivní toggle pro aktivaci Premium a jasná výzva k akci

Low fidelity wireframe

Low fidelity wireframe
Informativní karta pro klienty kteří již mají Premium
Low fidelity wireframe
Informativní karta nabízíme Premium

Redesign

redesign karty
Informativní karta pro klienty kteří již mají Premium
Informativní karta nabízíme Premium
Dynamická propagace služby Premium v průběhu nákupu
Mini postraní banner

Propagace Premium v user flow

Abychom Premium představili v celé zákaznické cestě, navrhl jsem dva doplňkové prvky
  • Bento-box na stránce kategorií
  • Mini postranní banner
Široký mockup redesignu karty košíku
Bento box na stránce kategorií

Výsledek

  • Viditelnost Premium už při první interakci na kategorii balíčků.
  • Rychlá orientace díky ikonám a tematickým kartám.
  • Nízká kognitivní zátěž, detaily na vyžádání.
  • Vyšší míra proklikuz bento-boxu i sidebaru na aktivaci Premium.

Klíčové přínosy

  • FOMO v rané fázi: bentobox upoutá pozornost ještě před výběrem balíčku
  • Konzistentní připomínka: mini-banner podporuje konverzi v libovolném kroku
  • Srozumitelná prezentace: icon-grid zlepšuje skenovatelnost
  • Flexibilita UX: akordeon chrání před přetížením informacemi
  • Měřitelné zlepšení: CTR bentoboxu +35 %, click-through rate sidebaru +20 % (interní data)
zpět domů další projekt UI/UX