E-shop pre Pivovar Svijany na Shoptet Premium s napojením na ERP Helios.
Postavili sme moderný e-shop na Shoptet Premium s napojením na ERP Helios cez nové REST API — ako prvá agentúra v ČR. B2C nákup piva, sklo a reklamné predmety v jednej platforme s B2B sekciou pre privátne dizajny a firemné dopyty.
Tri typy zákazníkov v jednom Shoptete.
Pôvodný e-shop Pivovaru Svijany existoval niekoľko rokov, prešiel v polovici životnosti faceliftom a niekoľkými doplneniami funkcionality.
Po nejakom čase prestal stačiť — vzhľadom na plánovaný objem predaja, počet položiek, požiadavku na moderný dizajn a nutnosť marketingových nástrojov.
Klient potreboval pokryť tri typy zákazníkov v jednej platforme : B2C nákup piva, skla a reklamných predmetov; B2B firemné dopyty s privátnymi dizajnmi PPCH a súdkov 5L; a samostatnú produktovú kategóriu pre Zámok Svijany — vouchery a obrandované predmety.
Podstatnou súčasťou zadania bolo aj napojenie na ERP Helios . V priebehu realizácie Assecco (Helios) ponúklo prechod zo zastaraného API ServiceGate na nové, práve vznikajúce REST API.
MirandaMedia sa tak stala prvou agentúrou, ktorá realizovala napojenie Heliosu na Shoptet Premium cez REST API — a vôbec prvé napojenie tohto druhu v ČR.
„„Vo výberovom konaní nás presvedčilo nielen ich nadšenie pre spoluprácu s pivovarom, ale predovšetkým to, že sme si ľudsky sadli. Všetky špecifické požiadavky atypického napojenia sme zvládli úspešne."“
Štyri fázy, jeden tím.
Analýza
Discovery, definícia katalógu, B2C vs B2B user journeys. Mapovanie požiadaviek na Helios integráciu a neštandardných prvkov (atypický layout, vekový gate, B2B formulár).
Wireframe & dizajn
Návrh štruktúry ako rozcestníka s vhodne riešenými kategóriami. Grafický dizajn pre desktop aj mobil. Logo uprostred navigácie ako vizuálna dominanta.
Vývoj
Custom kódovanie na Shoptet Premium . Helios REST API cez komunikačnú medzivrstvu (dev + produkčné prostredie). B2B interaktívny formulár, vekový gate, 3D produktové fotografie.
Launch & care
Naplnenie dátami, testovanie klientom, odovzdanie. Ongoing spolupráca od roku 2021 — ďalšie etapy rozvoja funkcionalít a obsahu.
Rozcestník, B2B sekcia, Helios REST API.
Štruktúra ako rozcestník
Vydefinovali sme e-shop ako efektívny rozcestník s vhodne riešenými kategóriami a podkategóriami. Sme predajca piva predovšetkým, príslušenstvo doplnkovo — to musí byť jasné pri príchode na web. Svijanské logo sme umiestnili na čestné miesto uprostred navigačného menu — vo vzťahu k Shoptet šablóne neštandardný krok, ktorý vyžadoval individuálne kóderské úpravy. Plus vekový gate (18+) ako vstupný prvok.
B2B sekcia s interaktívnym formulárom
Popri hlavnej strane a B2C kategóriách vznikla samostatná sekcia pre firmy — ponuka výroby privátnych dizajnov PPCH a súdkov 5L. Interaktívny formulár umožňuje B2B zákazníkom zvoliť druh piva, objem a ďalšie parametre a dopytovať priamo konkrétne produkty z ponuky.
Helios cez nové REST API
Na funkčnú prevádzku medzi Heliosom a Shoptet Premium bolo treba nainštalovať servery pre vývojové a produkčné prostredie komunikačnej medzivrstvy , naprogramovať procesy spojené s napojením skladového hospodárstva a Shoptet Premium, otestovať a odovzdať zákazníkovi na vlastné testovanie. Variabilná doba expedície pri každom produkte sa odvíja od reálnej dostupnosti v Heliose.
Štyri rozhodnutia, ktoré vyhrali.
Helios REST API — prvé napojenie v ČR
Assecco (Helios) ponúklo pivovaru prechod zo zastaraného API ServiceGate na novo vznikajúce REST API. MirandaMedia sa stala prvou agentúrou s napojením Heliosu na Shoptet Premium cez REST API. Postavili sme vlastnú komunikačnú medzivrstvu s oddeleným dev a produkčným prostredím.
Logo uprostred navigácie
Dominantou e-shopu je svijanské logo umiestnené na čestné miesto uprostred navigačného menu. Vo vzťahu k Shoptet šablóne pomerne neštandardný krok, ktorý — rovnako ako mnoho ďalších častí webu — vyžadoval individuálne kóderské úpravy.
B2B interaktívny dopytový formulár
Samostatná B2B sekcia s formulárom pre privátne dizajny PPCH a 5L súdkov. Klient volí druh piva, objem a ďalšie parametre — a dopytuje priamo konkrétne produkty z ponuky. Žiadne generické „kontaktujte nás" — štruktúrované dopyty napriamo.
3D produktové fotografie
In-house produktové fotografie vrátane 3D — zákazníci si môžu prezrieť tovar detailne. Kvalitné fotografie majú zásadný vplyv na nákupné rozhodnutie; pri nakupovaní online zákazník nemá možnosť si tovar fyzicky prezrieť, fotky slúžia ako náhrada.
Čo sa podarilo.
Dvojciferný medziročný rast predaja
Po spustení nového e-shopu rástol medziročný obrat dvojciferne v percentách — a v tejto hodnote sa drží stabilne.
Prvé napojenie Helios REST API na Shoptet Premium v ČR
MirandaMedia sa stala prvou agentúrou, ktorá realizovala napojenie Heliosu na Shoptet Premium cez nové REST API. Komunikačná medzivrstva beží stabilne v produkcii.
Nadštandardné funkcionality nad rámec Shoptet Premium
Unikátny dizajn na mieru, atypické rozloženie navigácie, B2B formulár, vekový gate, zlučovanie objednávok, variabilná doba expedície naviazaná na Helios.
Spolupráca pokračuje od 2021 dodnes
Po dokončení launchu sme neuzavreli projekt — pivovar s nami pokračuje na ďalších etapách rozvoja funkcionalít a obsahu.
Voľby, ktoré obhájime.
Päť ľudí, žiadni externisti.
Rovnaký tím, ktorý projekt navrhol, ho aj postavil. Žiadne odovzdávky medzi agentúrami, žiadni externisti na najcitlivejších častiach (Helios integrácia).
Lead designer
UX/UI designer
Frontend developer
Backend & integrácie
Project manager
Staviame aj pre
iné značky.
Čo urobiť, aby ti e-shop zarábal viac? Margly to vie skôr než ty.
Staviame aj pre
vás.
Pošlite nám pár viet o vašom projekte. Dáme si nezáväzný hovor.