# Olive Online — design SaaS platformy pro maloobchod | Jan Cikrle

> Případová studie Olive Online: mobilní aplikace a B2B SaaS administrace pro digitalizaci maloobchodu. White-label design systém a pilot s objednávkami o 300 Kč vyššími.

Canonical: https://jancikrle.cz/portfolio/olive-online

[Přeskočit na obsah](#main-content)

## Přehled projektu

### Zadání a výzva

Cílem projektu bylo vytvořit platformu, díky které by mohly menší obchody a lokální potraviny v menších městech a vesnicích konkurovat moderním rozvážkovým službám a velkým řetězcům. Výzvou proto bylo navrhnout dva provázané produkty: intuitivní mobilní aplikaci plnou výhod pro koncové zákazníky a komplexní B2B SaaS webovou platformu pro obchodníky, kde mohou snadno spravovat nejen obsah aplikace, ale i celý svůj sortiment a produktová data.

### Cílová skupina

Majitelé maloobchodů, večerek a lokálních prodejen potravin.

### Moje role

V roli produktového designéra a Product Ownera jsem zodpovídal nejen za kompletní návrh design systému, mobilní aplikace a webové platformy, ale měl jsem na starosti také strategické plánování produktové roadmapy, uživatelský výzkum a prioritizaci funkcí.

![Detail objednávky v administraci](/images/editorial/study/olive-order-v2.webp)

Detail objednávky v administraci

## Proces a iterace

### Mobilní aplikace

Největší výzvou aplikace pro lokální obchodníky je motivovat uživatele k jejímu stažení a aktivnímu používání. Kromě samotného katalogu a hladkého nákupního procesu jsem aplikaci obohatil o marketingové moduly a funkce pro zvýšení engagementu. Navrhoval jsem pravidla košíku, exkluzivní akce dostupné pouze v aplikaci, slevové kódy, referral program, cashback i kreditní systém. Klíčové bylo, aby všechny tyto benefity byly jasně komunikovány – uživatel musel na první pohled vědět, kolik peněz ušetřil a proč je pro něj nákup přes aplikaci výhodný.

### Dvě admin rozhraní

Jelikož nešlo o e-shop pro jednoho obchodníka, ale o komplexní SaaS platformu, musel jsem navrhnout dvě propojená administrátorská rozhraní – jedno pro samotné obchody a druhé pro administrátory Olive. Vše bylo datově provázané na úrovni šablon a EAN kódů, takže obchodník nemusel ručně aktualizovat globální produkty; systém většinu práce odvedl za něj. Pro obě tyto role jsem definoval specifické uživatelské toky tak, aby měl každý uživatel plnou kontrolu nad svou částí byznysu, ale zároveň nebyl kognitivně zahlcen funkcemi, které k práci nepotřebuje.

### Design systém jako základ

Aby mohl takto rozsáhlý projekt spolehlivě fungovat, musel stát na pevných základech. Postavil jsem ho na dvou robustních design systémech: jednom pro webovou administraci a druhém pro mobilní aplikace. U mobilní verze jsem design systém navíc navrhl tak (white-label přístup), aby se dal jednoduše a rychle přizpůsobit brandu jednotlivých obchodů. Výsledkem je škálovatelný, do detailu dotažený produktový balíček, který vývojářům šetří čas při implementaci a obchodníkům poskytuje sebevědomý nástroj pro růst jejich podnikání.

![Flow objednávky napříč adminem a aplikací](/images/editorial/study/olive-flow-v2.webp)

Flow objednávky napříč adminem a aplikací

![Design systém](/images/editorial/study/olive-design-system.webp)

Design systém

## Výsledek a dopad

### Zpětná vazba od zaměstnanců

Jedním z hlavních požadavků bylo, aby byl systém maximálně jednoduchý i pro běžný personál prodejny. To se mi během pilotního provozu potvrdilo. Zpětná vazba z praxe ukázala, že je administrace i odbavování objednávek intuitivní a obsluha nevyžaduje složité zaškolování.

### Pilotní provoz: Potraviny u Chalupů

Úspěšný start aplikace v pilotním provozu přinesl okamžité pozitivní ohlasy. Průměrná hodnota prvních objednávek přes aplikaci byla o 300 Kč vyšší než průměrný nákup ve fyzickém obchodě. Zákazníci, kteří systém začali používat, si navíc velmi chválili jeho přehlednost a snadný nákupní proces.

![Recepty a filtrace](/images/editorial/study/mobile-app-recipes.webp)

Recepty a filtrace

![Věrnostní kredity a referenční systém](/images/editorial/study/mobile-gallery-olive-loyalty.webp)

Věrnostní kredity a referenční systém

![Objednávka a platba](/images/editorial/study/mobile-gallery-order-checkout.webp)

Objednávka a platba

![Detail rozhraní](/images/editorial/study/olive-4.webp)

Detail rozhraní

![Admin — responsivita](/images/editorial/study/webapp-order-panels.webp)

Admin — responsivita

![Admin — tvorba receptů](/images/editorial/study/webapp-settings-form.webp)

Admin — tvorba receptů

![Admin — nastavení](/images/editorial/study/olive-admin-billing.webp)

Admin — nastavení

![Admin — detail objednávky](/images/editorial/study/olive-2.webp)

Admin — detail objednávky

![Webová stránka platformy](/images/editorial/study/olive-3.webp)

Webová stránka platformy

Kontakt

## Máte komplexní vizi? Pojďme ji zhmotnit.

[jan.ciki@seznam.cz](mailto:jan.ciki@seznam.cz)