Világi Winery

Klient:  Világi Winery

Odvetvie:  Vinárstvo, e-commerce

Realizácia:  Cstudios, s. r. o.

Technológie:  Craft CMS, YUI Commerce (vlastný e-shop modul)

Rozsah projektu:  Webová stránka, e-shop, obsahová architektúra, viacjazyčnosť, degustačný a event systém

Väčšina e-shopov s vínom rieši jednu vec: dostať návštevníka od produktu ku košíku čo najrýchlejšie. Pri Világi Winery to takto fungovať nemohlo. Značka stojí na silnom naratíve – vulkanická pôda, dvetisícročná história regiónu, produkt spojený so silným miestnym príbehom. Naším zadaním bolo postaviť platformu, ktorá dokáže niesť tento príbeh na úrovni content-heavy prezentácie a súčasne fungovať ako plnohodnotný e-shop – bez toho, aby si tieto dva režimy navzájom prekážali v UX ani v technickej architektúre.

Web sme postavili na Craft CMS, ktorý sme zvolili najmä kvôli flexibilnej entry/section architektúre – tá nám umožnila modelovať produktovú a redakčnú štruktúru (kategórie vín, edície, degustačné balíčky, redakčný obsah o vinárstve) ako prepojené, ale nezávisle spravovateľné celky, nie ako lineárny blog alebo rigidný e-shop katalóg.
Na e-commerce vrstvu sme nasadili YUI Commerce – náš vlastný e-shop modul postavený nad Craft CMS. Namiesto nasadenia hotového e-commerce riešenia (napr. Shopify alebo Craft Commerce) sme si tak zachovali plnú kontrolu nad dátovým modelom produktov, cenotvorbou, variantmi (ročník, objem, darčekové balenie) a nad tým, ako presne sa produkt správa v kontexte redakčného obsahu okolo neho.

E-shop nie je izolovaný ostrov – reálne funguje ako predná vrstva nad širším firemným systémom klienta. Preto sme YUI Commerce napojili na dve kľúčové externé integrácie:

• TatraPay – platobná brána pre online platby priamo v checkout flow.
• Microsoft Navision (Dynamics NAV) – centrálny skladový a ERP systém klienta, s ktorým je e-shop obojstranne prepojený. Skladové stavy aj ceny produktov sa synchronizujú priamo z NAV, takže e-shop nikdy nežije s vlastnými, izolovanými dátami, ale reálne odzrkadľuje aktuálny stav v hlavnom podnikovom systéme – čo je kritické pri produkte, akým je víno, kde sa limitované ročníky a edície môžu minúť naprieč viacerými predajnými kanálmi súčasne (e-shop, vinárstvo, distribúcia) a ceny sa môžu meniť centrálne.

Táto integrácia bola technicky náročnejšia než samotný front-end e-shopu – museli sme navrhnúť spoľahlivú synchronizáciu dát medzi Craft CMS/YUI Commerce a Navisionom tak, aby nevznikali rozpory v skladových stavoch a aby zákazník nikdy neobjednal produkt, ktorý už fyzicky nie je k dispozícii.

Najväčším technickým orieškom nebola samotná implementácia e-shopu ani CMS štruktúry – bolo to ich zosúladenie do jedného plynulého flow. Bežný e-commerce web má lineárnu cestu: kategória → produkt → košík → checkout. Content-driven web má naopak cestu asociatívnu: príbeh → emócia → objav.

Pri Világi Winery museli obe cesty koexistovať na tej istej stránke, často v tom istom scrolli. Návštevník, ktorý prišiel čítať o vulkanickej pôde a histórii vinárstva, musí mať prirodzenú možnosť prejsť rovno k nákupu konkrétneho vína – bez toho, aby ho web vytrhol z kontextu do odlišne fungujúceho „shopového“ prostredia.

Riešili sme to na niekoľkých úrovniach:

• Produkt ako súčasť obsahovej entity, nie samostatný typ. V Craft CMS sme produkty YUI Commerce navrhli tak, aby sa dali natívne vkladať a prepájať priamo do redakčných sekcií, namiesto toho, aby žili v izolovanom „shop“ strome.
• Konzistentné UI komponenty naprieč režimami. CTA prvky, karty produktov aj degustačných balíčkov zdieľajú rovnaký dizajnový systém ako redakčný obsah, takže prechod medzi „čítaním“ a „nakupovaním“ nepôsobí ako zmena aplikácie.
• Oddelený, ale prepojený checkout flow. Samotný nákupný proces (košík, doprava, platba) sme držali technicky oddelený a optimalizovaný na konverziu, ale vizuálne a navigačne naviazaný späť na značkový kontext, aby neprišiel o atmosféru vytvorenú okolo neho.

Craft CMS sme využili na modelovanie viacúrovňovej štruktúry obsahu, ktorá zodpovedá reálnej produktovej ponuke vinárstva. Katalóg je postavený ako hierarchia kategórií – typ vína (tiché/šumivé), farba (biele/červené/ružové), sladkosť (suché/polosuché/sladké...) a edícia/kolekcia (napr. Modern Balance Selection) – až po konkrétny produkt danej odrody a ročníka. Táto štruktúra umožňuje zákazníkovi filtrovať sa k vínu prirodzeným spôsobom (podľa typu, farby, chuti), zatiaľ čo na strane klienta zostáva správa katalógu flexibilná a rozšíriteľná o nové edície bez zásahu do kódu.

• Degustácie a eventy ako samostatný typ obsahu s vlastným flow na rezerváciu, oddeleným od klasického e-shopového nákupu, ale zdieľajúcim rovnaký dizajnový a technický základ.
• Galéria a mediálna vrstva postavená na natívnych image transformoch Craft CMS – veľkoformátové fotografie sa generujú vo viacerých veľkostiach a formátoch (WebP) priamo pri buildovaní stránky, čo bolo kľúčové pri webe so silným dôrazom na fotografiu bez obetovania výkonu.

Rovnako ako obsahová architektúra, aj vizuálna vrstva vznikala ako súčasť toho istého príbehu, nie ako dekorácia navrch hotového webu. Namiesto univerzálnych ikon alebo stock ilustrácií sme použili sériu vlastných, ručne kreslených grafických prvkov, ktoré priamo odkazujú na konkrétne miesto a jeho charakter:

• Vtáky nad Dunajom – sada samostatných SVG ilustrácií vtáctva, ktoré sa objavujú naprieč sekciami ako živý, pohyblivý prvok, nie ako statický dekor. Odkazujú na reálnu faunu Údolia 3 riek.
• Skalné a andezitové útvary (rock-top) – kreslené vrstvy, ktoré vizuálne rozdeľujú sekcie stránky spôsobom, akým sa v teréne reálne strieda krajina – návštevník tak „schádza“ webom podobne, ako by schádzal svahom vinohradu.
• Rybie a riečne motívy (fish) – jemný odkaz na sútok troch riek, ktorý je jadrom celého príbehu značky.
• Drevená textúra (wood) – opakujúci sa prvok naprieč sekciami, ktorý odkazuje na dubové sudy a remeselnú stránku výroby vína.

Tieto prvky nie sú náhodne rozmiestnené ilustrácie – fungujú ako vizuálny ekvivalent obsahovej architektúry: rovnako ako sme celý katalóg a obsah previazali do jedného konzistentného systému, prepojili sme aj vizuálny jazyk stránky s konkrétnym, reálnym miestom. Na technickej úrovni to znamenalo držať tieto SVG prvky ako ľahké, škálovateľné assety naviazané na konkrétne sekcie v Craft CMS, nie ako súčasť veľkých rastrových obrázkov – aby sa dali nezávisle animovať a zároveň nezaťažovali výkon stránky.

Vzhľadom na exportné smerovanie značky (aktuálne šesť krajín) sme web postavili ako viacjazyčný už na úrovni dátového modelu Craft CMS, nie ako dodatočnú prekladovú vrstvu. To znamená, že marketingový aj produktový obsah – vrátane popisov vín a e-shopových produktov – sa spravuje ako prepojené, ale samostatne editovateľné jazykové verzie, pripravené na ďalšie rozširovanie o nové trhy.

Postavili sme platformu, kde e-shop nie je pridaná vrstva nad marketingovým webom, ale integrálna súčasť toho istého obsahového modelu. Vďaka Craft CMS a vlastnému modulu YUI Commerce má klient plnú kontrolu nad tým, ako sa produkt, príbeh a predaj prelínajú – a my sme si zachovali technickú flexibilitu, ktorú by nám hotové e-commerce riešenie „z krabice“ neposkytlo.

Výsledkom je web, ktorý sa dá čítať ako sprievodca krajinou aj používať ako plnohodnotný e-shop – bez toho, aby jeden režim oslaboval ten druhý.

Projekt sme dodali ako skutočne kompletné riešenie – nezastavili sme sa pri odovzdaní funkčného webu a e-shopu. Súčasťou dodávky bolo aj kompletné nahratie obsahu (texty, produktové dáta, fotografie, viacjazyčné verzie) priamo do Craft CMS, takže klient dostal do rúk hotovú, plne naplnenú stránku, nie prázdnu šablónu.

Rovnako sme od základu riešili aj SEO – technickú aj obsahovú stránku: štruktúru URL a metadát, prácu s nadpismi a sémantikou naprieč Craft CMS entries, prepojenie viacjazyčných verzií (hreflang) tak, aby si jazykové mutácie navzájom nekonkurovali vo vyhľadávaní, a optimalizáciu výkonu (image transformy, načítavanie) ako priamy faktor SEO. Klient tak nedostal len dizajn a technológiu, ale web pripravený reálne fungovať vo vyhľadávaní od prvého dňa.
 

Cstudios je digitálna agentúra s hlavným sídlom (HQ) v Dunajskej Strede a s ďalšími pobočkami v Budapešti a Bratislave. Už takmer 20 rokov sa venuje vývoju webových stránok, e-shopov a digitálneho marketingu pre klientov na Slovensku, v Maďarsku, Rakúsku aj Česku. Ako partner Craft CMS staviame na mieru šité riešenia tam, kde hotové platformy narážajú na svoje limity.