# Moje Makro & Moje METRO — design B2B aplikace | Jan Cikrle > Případová studie: 8 let designu B2B aplikací Moje Makro a Moje METRO — design systém pro dvě země, Sales Cockpit a 300 000+ stažení s hodnocením 4,5/5. Canonical: https://jancikrle.cz/portfolio/moje-makro-metro [Přeskočit na obsah](#main-content) ## Přehled projektu ### Zadání a výzva Cílem projektu byla rozsáhlá digitalizace velkoobchodního giganta s důrazem na modernizaci B2B služeb. Záměrem bylo navrhnout komplexní a propracovaný digitální produkt, kde na sebe jednotlivé funkce logicky navazují a usnadňují klientům jejich každodenní podnikání. ### Cílová skupina B2B partneři (majitelé gastro provozů, maloobchodníci a další podnikatelé), pro které je při zásobování klíčová rychlost, přehlednost a efektivita. ### Moje role Projekt jsem převzal v roce 2018 ve fázi rozpracovaného MVP. Jako jediný UX/UI a následně produktový designér jsem zodpovídal za kompletní návrh řešení. Mou hlavní výzvou bylo propojovat světy byznysu, technologií a uživatelů – transformoval jsem komplexní zadání klienta a marketingového oddělení do intuitivního rozhraní, které plně respektovalo technické možnosti systémů a doručovalo skvělou uživatelskou zkušenost. ![Evoluce aplikace 2018–2025](/images/editorial/studie-evoluce-v2.webp) Evoluce aplikace 2018–2025 ## Proces a iterace ### Dvě aplikace a jeden design systém Ve skutečnosti nešlo jen o jednu aplikaci, ale hned o dvě sesterské – Moje Makro pro Česko a Moje Metro pro Slovensko. Zásadním úkolem proto bylo vytvořit jednotný design systém, který by respektoval požadavky marketingu, brand obou zemí i globální korporátní identitu, a zároveň perfektně fungoval v nativním prostředí mobilních telefonů. V rámci tohoto systému hrály kromě klasických UI komponent důležitou roli také custom ilustrace pro různé stavy aplikace a velmi precizní práce s barevnou paletou, aby obě verze aplikace působily konzistentně. ### Výzvy B2B segmentu Navrhování pro B2B vyžaduje odlišný přístup než klasické B2C. Zákazníci nenakupují pro radost, ale z nutnosti. Potřebují rutinně objednávat stovky položek, vidět specifické cenové hladiny a mít okamžitý přehled o skladu i fakturách. Na co jsem se při návrhu zaměřil: - **Informační architektura nad UI:** Vytvoření robustní a logické struktury mělo absolutní prioritu před pouhým hezkým vizuálem. - **Komplexita na malém displeji:** Převedení složitých procesů (jako je pokročilá filtrace v nekonečném katalogu) do srozumitelného mobilního rozhraní. - **B2B funkce na míru:** Návrh plynulého sdílení nákupních seznamů mezi zaměstnanci a přehledná správa kreditních účtů a pohledávek. ### Napojení na systémy a technické limity Hlavní výzvou projektu bylo, že ne vždy šlo z pohledu UX navrhnout naprosto ideální cestu. Makro jako velká korporace využívá celou řadu nejrůznějších služeb a interních systémů, což hledání optimálního řešení často komplikovalo. Ať už šlo o přihlašování pomocí plastových kartiček a řešení jejich expirace, napojení na pokladní systémy, nebo o celou logiku fungování kupónů a věrnostních bodů v aplikaci. Kvůli těmto technickým limitacím jsem musel často dělat pragmatické kompromisy a navrhovat řešení, která sice nebyla „učebnicově dokonalá", ale v daném prostředí bezpečně a spolehlivě fungovala. ![Návrh přihlašovacího flow](/images/editorial/study/makro-login-flow.webp) Návrh přihlašovacího flow ![Design systém](/images/editorial/study/makro-design-system.webp) Design systém ## Aplikací to nekončí ### Administrace pro správu obsahu Součástí projektu nebyla jen samotná mobilní aplikace, ale také návrh administrace pro správu jejího obsahu. Bylo potřeba vytvořit funkční zázemí pro zaměstnance, aby mohli snadno nahrávat a spravovat skupiny uživatelů, plánovat nasazení bannerů a notifikací nebo vytvářet a přiřazovat slevové kupóny. ### Sales Cockpit: Interní systém pro obchodní zástupce Kromě zákaznických aplikací jsem navrhoval také Sales Cockpit – interní systém určený přímo pro obchodní zástupce Makra. Cílem bylo maximálně jim usnadnit jejich každodenní agendu. Pomocí této aplikace mohou uživatelé snadno plánovat a evidovat schůzky s klienty, detailně zaznamenávat průběh obchodních jednání a efektivně ukládat cenové nabídky vytvořené na míru jednotlivým zákazníkům. ![Sales Cockpit](/images/editorial/study/makro-4-v2.webp) Sales Cockpit ![Admin — bannery](/images/editorial/study/webapp-blue-admin.webp) Admin — bannery ![Admin — uživatelské skupiny](/images/editorial/study/webapp-dark-dashboard.webp) Admin — uživatelské skupiny ![Admin — nastavení kupónů](/images/editorial/study/webapp-product-admin.webp) Admin — nastavení kupónů ## Výsledek a dopad Výsledkem je ucelený digitální produkt, který zákazníkům nestojí v cestě, ale prokazatelně jim šetří drahocenný čas při každodenní rutině. Návrh aplikace Moje Makro je důkazem, že i ten nejkomplexnější firemní systém, plný těžkých dat a složitých logických závislostí, může mít čistou, elegantní a vysoce funkční podobu. Stačí k němu od samého začátku přistupovat s důrazem na detail a s hlubokým pochopením toho, jak lidé s produktem reálně pracují. ### Data k červenci 2026 Aplikace Moje Makro: - **200 000+** stažení aplikace - **4,5/5** průměrné hodnocení na Google Play a App Storu Aplikace Moje METRO: - **100 000+** stažení aplikace - **5/5** průměrné hodnocení na Google Play a App Storu ![Přihlášení a zákaznické karty](/images/editorial/study/makro-2.webp) Přihlášení a zákaznické karty ![Faktury a pohledávky](/images/editorial/study/mobile-gallery-makro-invoices.webp) Faktury a pohledávky ![Digitální zákaznická karta](/images/editorial/study/mobile-gallery-makro-card.webp) Digitální zákaznická karta ![Makro wallet a finance](/images/editorial/study/mobile-app-makro-finance.webp) Makro wallet a finance Kontakt ## Máte komplexní vizi? Pojďme ji zhmotnit. [jan.ciki@seznam.cz](mailto:jan.ciki@seznam.cz)