Moje Makro & Metro Aplikace
7 let vývoje klíčové B2B/B2C mobilní aplikace: navigace, benefit systém, redesign 2025, architektura a kompletní UI/UX.
Moje role
UI/UX Design (Solo)
Klient
Makro ČR / Metro SR (přes Appelis)
Platforma
iOS & Android
Nástroje
Figma
1. Výzva: Digitalizace B2B giganta
V roce 2018 jsem v Appelis převzal designový návrh tehdy vznikající aplikace Moje Makro. Původní zadání bylo jasné: přenést fyzickou Makro kartu do mobilu a přidat několik klíčových funkcí pro B2B zákazníky, jako je přehled bonusových programů, kreditů a stravenkového konta.
Makro se tak stalo jedním z prvních velkoobchodů v ČR s takto rozsáhlou mobilní aplikací.
Postupem let se však z jednoduché aplikace stával masivní a komplexní ekosystém. Původní design, postavený na hamburgerovém menu, přestal být udržitelný. Aplikace bobtnala o funkce jako kompletní sortiment, sdílené nákupní seznamy, kupony a komplexní věrnostní programy (Cook Like a Pro).
Hlavní výzvou se v roce 2025 stalo, jak tento obrovský objem funkcí kompletně přeuspořádat, zpřehlednit a přenést do moderního designu, který by byl intuitivní jak pro B2C zákazníky, tak pro náročné B2B uživatele.
2. Moje Role: Strategický design partner (Solo)
Ačkoliv jsem na projekt nastoupil po jeho prvotní iteraci, od roku 2018 jsem převzal kompletní zodpovědnost za veškerý UI/UX design pro českou (Moje Makro) i slovenskou (Moje Metro) verzi.
Moje role nebyla jen exekutivní "klikač", ale zahrnovala:
- Kompletní UI/UX Design: Návrh všech nových funkcí od prvotních wireframů přes prototypy až po finální pixel-perfect design ve Figmě.
- Strategie & Architektura: Analýza problémů původní verze a návrh kompletně nové informační architektury a navigace pro redesign v roce 2025.
- Vedení Redesignu: Samostatné vedení celého procesu redesignu z pohledu designu, včetně přechodu z hnědého vizuálu až po finální modrý brand Makra.
- Stakeholder Management: Pravidelná komunikace, prezentace a iterace designu na základě (často náročných) požadavků od marketingu a vedení Makra.
- Údržba Design Systému: Postupný vývoj a údržba knihovny komponent pro zajištění konzistence napříč CZ a SK verzí.
3. Proces & Řešení (Ukázka designových výzev)
Během sedmi let práce na aplikaci jsem řešil stovky designových výzev. Zde jsou ty nejklíčovější:
A) Redesign 2025: Od hamburgeru k moderní navigaci
Původní "one-page" aplikace s hamburger menu už obsahovala desítky položek a byla nepřehledná. Navrhl jsem kompletní přechod na spodní tab-bar navigaci, která zpřístupnila 5 klíčových pilířů aplikace na jeden dotek: Domů, Sortiment, Karta, Benefity a Menu.
B) Komplexní Onboarding & Multi-profil
Jak přihlásit B2B uživatele, který má často více firemních karet a rolí? Navrhl jsem robustní, ale přehledný proces přihlášení, který podporuje:
- E-mail, telefonní číslo, číslo karty i skenování
- Dvoufázové ověření (SMS/email)
- Snadnou správu a přepínání více profilů
C) Srdce B2B: Přehled financí a benefitů
Zákazníci Makra potřebují mít absolutní přehled o svých financích. Navrhl jsem centralizovanou sekci "Benefity", která přehledně sdružuje:
- Kreditní systém, Bonusový program, Stravenkové konto
- M-Peněženku (Makrománie)
- Věrnostní program Cook Like a Pro (přehled bodů a odměn)
- Historii faktur s možností stažení PDF
D) Interní B2B nástroj "Sales Cocpit"
Kromě hlavní zákaznické aplikace jsem také navrhl klíčový interní nástroj Sales Cocpit. Jedná se o B2B systém pro obchodní zástupce Makra, který slouží k plánování a evidenci schůzek, správě zákazníků a zaznamenávání cenových nabídek. Zde byl kladen maximální důraz na efektivitu a přehlednost pro práci v terénu.
4. Vize, Realita a Strategický Kompromis
Jako designér s produktovým přesahem jsem pro redesign v roce 2025 navrhl kompletní vizi, která obsahovala řadu pokročilejších funkcí a propracovanější personalizaci.
Během procesu však vstoupily do hry reálné byznys proměnné: nutnost korporátní harmonizace napříč zeměmi a alokovaný rozpočet na první fázi redesignu. Bylo proto přijato strategické rozhodnutí spustit redesign s prioritizovanou, mírně "osekanou" sadou funkcí, která zajistila nejrychlejší doručení hodnoty zákazníkům.
Pro vás jako klienta to znamená, že umím přemýšlet ve velkém (mám vizi), ale zároveň jsem pragmatik. Rozumím byznysu, rozpočtům a fázování. Mé kompletní návrhy pro pokročilejší moduly zůstaly v design backlogu připravené pro budoucí roadmapu produktu.
5. Výsledek a Dopad
Aplikace Moje Makro / Moje Metro se staly jedním z hlavních digitálních kanálů pro komunikaci se zákazníky v ČR a SR. Jsou klíčovým nástrojem pro tisíce B2B i B2C uživatelů denně.
- Průkopník na trhu: Makro se stalo jedním z prvních velkoobchodů v ČR, který nabídl takto komplexní mobilní řešení.
- Úspěšná evoluce (Redesign 2025): Aplikace prošla úspěšným redesignem, který zvládl obrovský nárůst funkcionality a zpřehlednil celý systém.
- Statisíce stažení: Aplikace mají na Google Play a App Store statisíce stažení a tisíce hodnocení.
- Dlouhodobé partnerství: Moje více než 7letá práce na projektu (2018-2025) demonstruje schopnost dodávat konzistentní a strategicky se vyvíjející design v náročném enterprise prostředí.