Spolupráce mezi dkLAB a Kulinou začala v roce 2020. Od té doby jsme společně realizovali několik zásadních technologických i designových změn a postupně jsme projekt rozvíjeli až do dnešní podoby, kdy běží na platformě Shoptet Premium ve 24 evropských lokalizacích.
Nejnovější redesign byl z pohledu rozsahu i technické náročnosti největší etapou celé spolupráce.
Projekt Kulina v číslech
- 24 evropských e-shopů
- více než 12 000 produktů skladem
- 8 hlavních kategorií produktů
- přibližně 2 500 hodin vývoje na posledním redesignu
- tým přibližně 6 lidí z dkLAB na posledním redesignu
Projekt běží současně pro řadu evropských trhů a obsah jednotlivých lokalizací je mezi sebou propojen pomocí našeho nadstavbového systému Premium CMS.
Tři redesigny během jedné spolupráce
Během naší dlouhodobé spolupráce jsme s Kulinou realizovali již tři velké redesigny.
První redesign – stabilizace projektu
Když jsme projekt přebírali, Kulina již měla silnou značku a existující design. První redesign proto vycházel z původní vizuální identity, aby nedošlo k narušení zákaznické zkušenosti. Současně jsme začali projekt technologicky připravovat na další růst a expanzi.
Tento redesign byl realizován pro trhy:
- Česká republika
- Slovensko
- Maďarsko
Druhý redesign – příprava na evropskou expanzi
Další redesign byl již kompletní. Cílem bylo výrazně zlepšit UX, posunout projekt do prémiovější vizuální podoby a zároveň připravit infrastrukturu pro expanzi do celé Evropské unie. V této fázi jsme také začali nasazovat naše Premium CMS, které umožňuje centrální správu obsahu a modulů pro všechny lokalizace. Projekt se postupně rozšířil až na 27 evropských zemí.
Třetí redesign – čistota, prémiovost a nový vizuální směr
Poslední redesign byl dosud největší a nejnáročnější. Kulina chtěla svůj brand ještě více posunout směrem k prémiovému segmentu a zároveň se odlišit od tradičních kuchyňských značek. Součástí redesignu byla i změna barevné identity. Tradiční červená barva byla nahrazena dominantní modrou, zatímco červená zůstala jako doplňkový prvek. Na návrhu UX a UI jsme spolupracovali s externí agenturou a velký důraz byl kladen také na rychlost webu a technickou optimalizaci.
Ve spolupráci s externí agenturou zaměřenou na optimalizaci rychlosti se podařilo dostat všechny klíčové metriky výkonu do zelených hodnot jak na desktopu, tak na mobilních zařízeních.
Výzva: redesign pro 24 produkčních e-shopů
Technicky nejnáročnější částí projektu nebyl samotný design ani vývoj jednotlivých funkcí, ale koordinace změn napříč všemi lokalizacemi.
Redesign tohoto rozsahu znamenal:
- návrh velkého množství nových stránek
- přepracování všech výchozích stránek platformy
- vytvoření nových kampaňových prvků
- refaktoring existujících funkcí
- vývoj nových modulů na míru
A to vše bylo potřeba připravit tak, aby bylo možné redesign bezproblémově nasadit na 24 produkčních e-shopů současně. Celkově tým dkLAB strávil na posledním redesignu a souvisejících funkcích přibližně 2500 hodin práce.
Premium CMS: vlastní systém pro správu všech e-shopů
Zásadní součástí celého řešení je naše vlastní nadstavba nad platformou Shoptet Premium – Premium CMS. Jedná se o redakční systém, který umožňuje klientům spravovat obsah a moduly napříč všemi lokalizacemi z jednoho místa.
Například:
- jeden modul může upravit obsah všech 24 e-shopů
- obsah lze spravovat centrálně nebo lokálně
- změny ve zdrojových kódech lze nasadit jedním kliknutím pro všechny mutace
Díky tomu může Kulina efektivně spravovat rozsáhlý mezinárodní projekt bez nutnosti pracovat s každým e-shopem samostatně.
Klíčové moduly a funkce
V rámci Premium CMS vznikla pro Kulinu celá řada modulů na míru. Mezi nejdůležitější patří například:
Agregátor recenzí obchodů
Kulina působí na mnoha trzích a využívá různé lokální recenzní služby. Vytvořili jsme proto modul, který agreguje recenze z různých zdrojů:
- Heureka
- Trusted Shops
- Árukereső
- Compari
- Opineo
- Pazaruvaj
Vybrané recenze se následně zobrazují na jednotlivých mutacích webu.
Agregátor produktových recenzí napříč lokalizacemi
Pro projekt Kulina jsme vytvořili také agregátor produktových recenzí, který propojuje recenze napříč všemi jazykovými mutacemi e-shopu.
Recenze se automaticky sbírají ze všech lokalizací, následně se automaticky překládají do jazyka konkrétního e-shopu a zobrazují přímo na detailu produktu. Díky tomu mají zákazníci k dispozici výrazně větší množství reálných zkušeností s produktem, i když pocházejí z jiných trhů. Každá recenze zároveň obsahuje informaci o tom, ve které jazykové mutaci původně vznikla. U takových recenzí se zobrazuje vlaječka příslušné země a zákazník si může jedním kliknutím zobrazit také originální znění recenze.
Tento systém pomáhá budovat důvěru zákazníků a zároveň efektivně využívá obsah vytvořený na jednotlivých trzích napříč celým projektem.
Inspirátor a Shop the Look
Pro inspiraci zákazníků vznikl modul, který umožňuje označovat produkty přímo v obrázcích.
Zákazníci tak mohou jednoduše nakupovat produkty z připravených scén nebo inspirací.
WYSIWYG editor pro obsah a překlady
Součástí Premium CMS je také vlastní WYSIWYG editor (page builder), který umožňuje marketingovému týmu Kuliny vytvářet obsahové stránky, produktové popisy nebo landing pages bez nutnosti zásahu vývojářů.
Editor obsahuje připravené šablony a komponenty pro tvorbu vizuálně bohatého obsahu. Zároveň jsme do něj integrovali speciální rozhraní pro překladatele, ve kterém se jednotlivé obsahové bloky zobrazují v samostatných polích. Překladatelé tak pracují pouze s konkrétními texty bez nutnosti zasahovat do struktury stránky, což výrazně eliminuje chybovost při lokalizaci.
Součástí editoru je také live náhled pro různá zařízení, díky kterému mohou uživatelé okamžitě vidět, jak bude obsah vypadat na desktopu, tabletu nebo mobilním telefonu. To výrazně zjednodušuje práci s obsahem napříč všemi 24 e-shopovými lokalizacemi.
Automatizované překlady obsahu:
Systém umožňuje automatické překlady textů pomocí služeb:
- DeepL
- OpenAI
- Google Translate
- LOCO
To výrazně zrychluje práci s lokalizacemi a umožňuje rychlou expanzi na nové trhy.
Správa bannerů pro všechny trhy
Marketingové kampaně lze spravovat centrálně pomocí systému bannerových skupin:
- hlavní bannery na homepage
- top bannery
- bannery v kategoriích
- akční kampaně
Změny se mohou projevit na všech mutacích současně.
Další implementované funkce
Součástí projektu byla také implementace řady dalších funkcí:
- produktová média (video, 360° fotografie)
- seskupování doprav podle typu
- odpočty akcí na detailu produktu
- slevové štítky řízené datalayerem
- rezervace zboží na prodejně
- datum doručení v detailu produktu a v objednávce
- datum doručení dopravců
- vlastní správa skriptů Luigi’s Box
(Na fotografii část týmu dkLAB a vedení Kuliny společně na konferenci Reshoper)
Jedna z největších referencí na Shoptet Premium
Projekt Kulina dnes patří mezi největší a technologicky nejzajímavější implementace na platformě Shoptet Premium. Ukazuje, že i rozsáhlý mezinárodní e-commerce projekt může na této platformě úspěšně fungovat, pokud je postaven na promyšlené architektuře a doplněn o kvalitní nadstavbové řešení.
Naše spolupráce s Kulinou je zároveň dlouhodobým partnerstvím, které nekončí nasazením redesignu. S týmem Kuliny jsme v každodenním kontaktu, pravidelně řešíme další rozvoj projektu a na týdenní bázi máme společné status cally, kde plánujeme nové funkce, marketingové aktivity i technologické změny. Díky tomu se projekt může průběžně vyvíjet a reagovat na potřeby jednotlivých evropských trhů.
Kulina tak není jen jednorázovou realizací, ale živým projektem, který společně dlouhodobě rozvíjíme – a který dnes patří mezi nejvýraznější reference na platformě Shoptet Premium.
Připojte se k úspěšným projektům
Nezávazná poptávka