Přeskočit na hlavní obsahNově na bloguSrovnání nástrojů na ziskovost e-shopu
← Zpět na případové studie·· Případová studie · 2021
PIVOVAR SVIJANY

E-shop pro Pivovar Svijany na Shoptet Premium s napojením na ERP Helios.

PIVOVAR SVIJANY — case study

Postavili jsme moderní e-shop na Shoptet Premium s napojením na ERP Helios přes nové REST API — jako první agentura v ČR. B2C nákup piva, sklo a reklamní předměty v jedné platformě s B2B sekcí pro privátní designy a firemní poptávky.

4–5 měsíců
Délka
do spuštění
Helios REST API
Technická složitost
první v ČR na Shoptet Premium
B2C + B2B
Rozsah
v jedné platformě
Shoptet Premium · Helios REST API
Postaveno na
Klient
PIVOVAR SVIJANY, a.s.
Segment
Pivo · B2C + B2B
Služby
Vývoj · Design · Shoptet Premium · Helios integrace
Platforma
Shoptet Premium
Rok
2021 — ongoing
Tým
5 lidí · 4–5 měsíců
01 · Výzva

Tři typy zákazníků v jednom Shoptetu.

Původní e-shop Pivovaru Svijany existoval několik let, prošel v polovině životnosti faceliftem a několika doplněními funkcionality.

Po nějaké době přestal stačit — vzhledem k plánovanému objemu prodeje, počtu položek, požadavku na moderní design a nutnosti marketingových nástrojů.

Klient potřeboval pokrýt tři typy zákazníků v jedné platformě : B2C nákup piva, skla a reklamních předmětů; B2B firemní poptávky s privátními designy PPCH a soudků 5L; a samostatnou produktovou kategorii pro Zámek Svijany — vouchery a obrandované předměty.

Podstatnou součástí zadání bylo i napojení na ERP Helios . V průběhu realizace Assecco (Helios) nabídlo přechod ze zastaralého API ServiceGate na nové, právě vznikající REST API.

MirandaMedia se tak stala první agenturou, která realizovala napojení Heliosu na Shoptet Premium přes REST API — a vůbec první napojení tohoto druhu v ČR.

„Ve výběrovém řízení nás přesvědčilo nejen jejich nadšení pro spolupráci s pivovarem, ale především to, že jsme si lidsky sedli. Všechny specifické požadavky atypického napojení jsme zvládli úspěšně.“
Ing. Michal MatysMarketingový ředitel · Pivovar Svijany
02 · Náš přístup

Čtyři fáze, jeden tým.

011. měsíc

Analýza

Discovery, definice katalogu, B2C vs B2B user journeys. Mapování požadavků na Helios integraci a nestandardních prvků (atypický layout, věkový gate, B2B formulář).

021.–2. měsíc

Wireframe & design

Návrh struktury jako rozcestníku s vhodně řešenými kategoriemi. Grafický design pro desktop i mobil. Logo uprostřed navigace jako vizuální dominanta.

032.–4. měsíc

Vývoj

Custom kódování na Shoptet Premium . Helios REST API přes komunikační mezivrstvu (dev + produkční prostředí). B2B interaktivní formulář, věkový gate, 3D produktové fotografie.

04běží od 2021

Launch & care

Naplnění daty, testování klientem, předání. Ongoing spolupráce od roku 2021 — další etapy rozvoje funkcionalit a obsahu.

03 · Řešení

Rozcestník, B2B sekce, Helios REST API.

Struktura jako rozcestník

Vydefinovali jsme e-shop jako efektivní rozcestník s vhodně řešenými kategoriemi a podkategoriemi. Jsme prodejce piva především, příslušenství doplňkově — to musí být jasné při příchodu na web. Svijanské logo jsme umístili na čestné místo uprostřed navigačního menu — ve vztahu k Shoptet šabloně nestandardní krok, který vyžadoval individuální kodérské úpravy. Plus věkový gate (18+) jako vstupní prvek.

Úpravy designu a funkcí Shoptetu

B2B sekce s interaktivním formulářem

Vedle hlavní strany a B2C kategorií vznikla samostatná sekce pro firmy — nabídka výroby privátních designů PPCH a soudků 5L. Interaktivní formulář umožňuje B2B zákazníkům zvolit druh piva, objem a další parametry a poptávat přímo konkrétní produkty z nabídky.

Helios přes nové REST API

K funkčnímu provozu mezi Heliosem a Shoptet Premium bylo třeba nainstalovat servery pro vývojové a produkční prostředí komunikační mezivrstvy , naprogramovat procesy spojené s napojením skladového hospodářství a Shoptet Premium, otestovat a předat zákazníkovi k vlastnímu testování. Variabilní doba expedice u každého produktu se odvíjí z reálné dostupnosti v Heliosu.

Napojení Shoptetu na ERP a sklad

04 · Klíčové momenty

Čtyři rozhodnutí, která vyhrála.

Integrace
01

Helios REST API — první napojení v ČR

Assecco (Helios) nabídlo pivovaru přechod ze zastaralého API ServiceGate na nově vznikající REST API. MirandaMedia se stala první agenturou s napojením Heliosu na Shoptet Premium přes REST API. Postavili jsme vlastní komunikační mezivrstvu s odděleným dev a produkčním prostředím.

ERP HeliosREST APIShoptet PremiumKomunikační mezivrstva
Design
02

Logo uprostřed navigace

Dominantou e-shopu je svijanské logo umístěné na čestné místo uprostřed navigačního menu. Ve vztahu k Shoptet šabloně poměrně nestandardní krok, který — stejně jako mnoho dalších částí webu — vyžadoval individuální kodérské úpravy.

Custom CSSShoptet Premium kódování
UX
03

B2B interaktivní poptávkový formulář

Samostatná B2B sekce s formulářem pro privátní designy PPCH a 5L soudků. Klient volí druh piva, objem a další parametry — a poptává přímo konkrétní produkty z nabídky. Žádné generické „kontaktujte nás" — strukturované poptávky napřímo.

Custom B2B formulářShoptet Premium
Design
04

3D produktové fotografie

In-house produktové fotografie včetně 3D — zákazníci si můžou prohlédnout zboží detailně. Kvalitní fotografie mají zásadní vliv na nákupní rozhodnutí; při nakupování online zákazník nemá možnost si zboží fyzicky prohlédnout, fotky slouží jako náhrada.

Produktové fotky in-house3D fotografie
05 · Výsledky

Co se povedlo.

Dvouciferný meziroční růst prodeje

Po spuštění nového e-shopu rostl meziroční obrat dvouciferně v procentech — a v této hodnotě se drží stabilně.

První napojení Helios REST API na Shoptet Premium v ČR

MirandaMedia se stala první agenturou, která realizovala napojení Heliosu na Shoptet Premium přes nové REST API. Komunikační mezivrstva běží stabilně v produkci.

Nadstandardní funkcionality nad rámec Shoptet Premium

Unikátní design na míru, atypické rozložení navigace, B2B formulář, věkový gate, slučování objednávek, variabilní doba expedice navázaná na Helios.

Spolupráce pokračuje od 2021 dodnes

Po dokončení launche jsme nezavřeli projekt — pivovar s námi pokračuje na dalších etapách rozvoje funkcionalit a obsahu.

06 · Tech stack

Volby, které obhájíme.

Platforma
Shoptet Premium
Frontend
Custom Shoptet kódováníCSSResponzivní design
Backend & integrace
ERP HeliosREST APIKomunikační mezivrstvaFoxentryBalíkobotGoogle Maps
Marketing & analytika
GTMGA4SklikMeta
Marketplace
MallAlzaHeureka
Ostatní
18+ věkový gate2FAHlídací pesSlučování objednávekVariabilní expedice (Helios)
07 · Tým

Pět lidí, žádní externisti.

Stejný tým, který projekt navrhl, ho i postavil. Žádné předávky mezi agenturami, žádní externisti na nejcitlivějších částech (Helios integrace).

01

Lead designer

02

UX/UI designer

03

Frontend developer

04

Backend & integrace

05

Project manager

Další případové studie

Stavíme i pro
jiné značky.

Všechny případové studie →
Margly

Co udělat, aby ti e-shop vydělával víc? Margly to ví dřív než ty.

Více informací →margly.io
Bez závazku

Stavíme i pro
vás.

Pošlete nám pár vět o vašem projektu. Dáme si nezávazný hovor.