Preskočiť na obsah
DNA ERA

Nová verzia e-shopu
bez zastavenia predaja

DNA ERA predáva genetické testy, ktoré si zákazník objedná domov. Návrh Studia 001 sme premenili na funkčný e-shop pre slovenský a český trh.

Od implementácie cez spustenie až po ďalší rozvoj sme pri e-shope dlhodobým technologickým partnerom.

30 000+

migrovaných zľavových kódov

7

jazykových mutácií · z pôvodných dvoch

6

integrácií · platby, fakturácia, marketing

1

backend pre e-shop aj aplikáciu

Redizajnovaný e-shop DNA ERA — hlavná stránka a porovnanie produktov

Redizajn e-shopu, ktorý medzitým predával

Keď pôvodná verzia e-shopu prestala stačiť, nový vizuál navrhol náš partner Studio 001. Do projektu sme sa zapojili už počas dizajnových workshopov — technickými konzultáciami aj návrhmi na vylepšenie riešenia.

Naším zadaním bolo premeniť návrh na funkčný e-shop pre slovenský aj český trh. E-shop pritom celý čas predával — prechod na novú verziu sa preto musel naplánovať tak, aby ho zákazník prakticky nezachytil.

E-shop, ktorý predáva, sa nedá vypnúť a prerobiť.

Systém komponentov namiesto jednorazových stránok

Dizajn sme v Elementore implementovali ako systém šablón a komponentov, z ktorých sa skladá celý e-shop.

Kampaňové a obsahové stránky si tak DNA ERA skladá z pripravených prvkov sama — a vizuál pritom drží pohromade.

Obsahová stránka e-shopu poskladaná z pripravených komponentovKampaňová stránka „Ako to celé funguje“ z rovnakých komponentov

Kampaňová stránka nemá čakať na vývojára.

Dva trhy od prvého dňa

E-shop sme pripravili pre slovenský a český trh. K eurám sme pridali české koruny, aby zákazník platil v mene, ktorú pozná.

Platby v oboch menách spracúva brána CardPay, fakturáciu rieši Superfaktúra. Cestou sme opravili aj nefunkčný plugin pre newsletter.

A riešenie sme od začiatku pripravili tak, aby sa dali pridávať ďalšie jazykové verzie.

Detail produktu v českej verzii e-shopu s cenami v korunách

Najťažšia časť: živá databáza

Kým sa nová verzia stavala, stará ďalej predávala — pribúdali objednávky, zákazníci aj zľavové kódy.

Najnáročnejšou časťou projektu bolo spojenie novej a živej databázy. Migrovali sme vyše 30 000 zľavových kódov tak, aby zákazníkom fungovali aj po prepnutí.

Celé spúšťanie sme naplánovali okolo bežiaceho predaja, nie proti nemu.

Nákupný košík e-shopu s poľom na zľavový kód

Zákazník nemá zistiť, že e-shop práve vymenil základy.

Z dvoch jazykových mutácií je dnes sedem

Redizajnom sa spolupráca neskončila. Ako DNA ERA expandovala, pribúdali ďalšie jazykové mutácie — na základe, ktorý s tým od začiatku počítal.

Jazykové mutácie dnes

SK

slovenčina

CZ

čeština

EN

angličtina

HU

maďarčina

PL

poľština

RO

rumunčina

RS

srbčina

Objednávky dnes prichádzajú aj z aplikácie

DNA ERA medzičasom vyvinula vlastnú mobilnú aplikáciu. Tú sme nevyvíjali my — našou úlohou bolo pripraviť e-shop na nový predajný kanál.

Cesta objednávky z aplikácie

Nový kanál

Aplikácia DNA ERA

vlastný vývoj klienta

Prepojenie

API vrstva

WooCommerce upravený na objednávky zvonka

Spracovanie

E-commerce backend

objednávky z webu aj aplikácie

Existujúce riešenie tak zostalo jadrom predaja aj po pridaní nového kanála — všetky objednávky končia v jednom systéme.

Nový predajný kanál nemusí znamenať nový systém.

Jedna spolupráca od návrhu po prevádzku

Do projektu sme vstúpili počas návrhu, pokračovali implementáciou a pri e-shope sme zostali aj po spustení.

„Ďakujeme za super spoluprácu, ktorá začala už pri tvorbe webu, pokračovala cez implementáciu a pokračuje dodnes. Vďační sme najmä za to, že ste vždy ochotní pomôcť, poradiť, pošpekulovať, ako by sa dal problém riešiť efektívne a v čo najkratšom čase.“
Dominik Illek · CMODNA ERA

E-shop, ktorý rastie spolu s biznisom

Redizajn bol len začiatok. Skutočná hodnota riešenia je v tom, že drží krok s tým, ako DNA ERA rastie.

Nové jazyky, kampane aj nový predajný kanál riešime na existujúcom základe.

Ďalšie jazykové mutácie

Z dvoch jazykových verzií je dnes sedem — pribúdali podľa toho, ako DNA ERA expandovala.

Rozvoj a podpora

E-shop priebežne dopĺňame a technicky podporujeme podľa potrieb predaja.

Nový predajný kanál

WooCommerce sme upravili tak, aby prijímal headless objednávky z vlastnej aplikácie.

To je rozdiel medzi dodaním e-shopu a starostlivosťou o predajný kanál.

Jeden e-shop, sedem jazykov,
dva predajné kanály

Z redizajnu pre slovenský a český trh je riešenie, ktoré sa ďalej rozvíja spolu s biznisom DNA ERA.

Marketing si stránky skladá sám, zákazník platí vo svojej mene a jeden backend obsluhuje web aj aplikáciu.

Pri riešení sme zostali technologickým partnerom aj po spustení.

Technické riešenie

Technológiu vyberáme podľa projektu, nie projekt podľa technológie. Toto sú rozhodnutia, ktoré nesú e-shop DNA ERA.

Platforma

WordPress

Základ celého riešenia — obsah aj správa e-shopu v jednom prostredí.

WooCommerce

E-commerce vrstva — produkty, objednávky aj zľavové kódy.

Elementor

Systém šablón a komponentov, z ktorých si klient skladá obsahové stránky.

Integrácie

CardPay

Platobná brána pre platby v eurách aj českých korunách.

Superfaktúra

Fakturácia objednávok napojená priamo na e-shop.

Marketingové nástroje

HubSpot, HotJar a dvojica Google Tag Manager a Analytics.

Rozvoj

Viacjazyčnosť

Sedem jazykových mutácií, pridávaných postupne podľa toho, ako DNA ERA expandovala.

Headless objednávky

Upravené API WooCommerce prijíma objednávky z vlastnej aplikácie DNA ERA.

Migrácie dát

Spojenie novej a živej databázy pri spustení — zľavové kódy fungovali zákazníkom ďalej.

Ďalšie projekty z e-commerce

Všetky projekty
Powerlogy
Powerlogy · E-commercepowerlogy.com

Riešenia na mieru pre e-shop so zdravou výživou

E-commerce riešenie pre slovenskú značku funkčných potravín a výživových produktov.

E-commerce · Dlhodobá spolupráca
Tatra banka Na splátkyᵀᴮ
Tatra banka · Fintechtatrabanka.sk

Platba na splátky priamo v košíku e-shopu

Splátková služba Tatra banky integrovaná priamo do platobného kroku e-shopov — od napojenia na bankové API po UX celého procesu.

Integrácie · E-commerce

E-shop nemusí pri raste začínať odznova.

DNA ERA sme na novú verziu prepínali počas plnej prevádzky a neskôr sme jej e-shop otvorili objednávkam z vlastnej aplikácie. Ak riešite podobný krok, prejdeme si ho s vami ešte pred prvým riadkom kódu.

Prekonzultujte svoj e-shop

Ozveme sa do 24 hodín.
Nezáväzne.