MyMoser – Jak zobrazit 200 tisíc kombinací produktů na e-shopu

Jedním z hlavních cílů platformy Moser, krom tvorby zcela nového e-shopu www.moser.com, byl konfigurátor. Jedná se o zcela unikátní sekci webu, kde má návštěvník možnost navrhnout a personalisovat si vlastní produkt prostřednictvím zakázkové výroby. Přidat ruku k dílu a dotáhnout tak společně s autorem umělecké dílo v podobě královského skla je jedinečná zákaznická zkušenost, kterou nově nabízí právě Moser. Jak ale celý projekt vznikl?

Návrh vázy v on-line světě

Jak na webu zobrazit produkty, které zatím neexistují? Nejjednodušší řešení by bylo vyrobit všechny možné budoucí kombinace produktů a ty nechat studiově nafotit. Jenomže u prvních dvou vybraných produktů Diva a Spheres by bylo potřeba vyrobit a nafotit zhruba 2 tisíce různých kombinací (jiné barvy, počty fazet, velkosti). První problém byl na světě.

 

Prvotní představy a návrhy konfigurátoru Moser

Naštěstí jsme na takové situace v rámci skupiny FG připraveni. FG Forrest, ve spolupráci s Edee.oneMore.is.More připravili několik návrhů řešení. V situaci, kdy je k dispozici pouze část skládanky a neexistují všechny potřebné díly k sestavení finální fotky produktu, si zkrátka vyrobíme díly vlastní. V úvahu přicházejí dvě základní řešení. První a jednodušší varianta je zhmotnění modelu prostřednictvím 2D grafiky. Další, mnohem náročnější řešení, je varianta ve formě 3D renderu. Jakou cestou se ale vydat? 

2D grafika – rychlé, ale nepřesné

2D grafika je nejrychlejší řešení v časové tísni. Jedním z možných řešení je zobrazit zákazníkovi možné kombinace produktů prostřednictvím animovaných obrázků, které by byly upraveny v grafickém editoru. Generování všech možných variant produktů, jako jsou například velikost, barva, počet fazet (stran vázy) by bylo tvořeno prostřednictvím jednoduché kreslené grafiky. 

2D grafika vázy Spheres

Hlavním problémem této animace je vysoká míra abstrakce. Jednoduché obrázky dávají velký prostor představivosti zákazníka a to si v případě, kdy jeden produkt zabere desítky až stovky hodin práce, jednoduše nemůžeme dovolit. Naší prioritou je spokojený zákazník a to poslední, co bychom chtěli řešit, je zahlcené reklamační oddělení z důvodu nenaplněných představ zákazníků.

3D skenování – naprosto věrné výsledku

Abychom byli schopni garantovat fotorealistické zobrazení vázy a zákazníci tak měli přesnou představu o její podobě, nabízí se jako ideální 3D rendery všech možných budoucích variant výrobků. V takovém případě není nutné vytvářet všechny varianty fyzicky, ale postačí pouze základní produkt (Diva, Spheres), ukázka možných barev, textur, struktur, rytin a veškeré budoucí kombinace budou vytvořeny digitálně. Zároveň tím odpadnou nemalé náklady na výrobu a focení tisíců variant.

3D render vázy Diva s rostlinou Sakura

Výstupem celého procesu jsou fotorealistické rendery všech možných kombinací produktů, včetně odlesků, kaustiky a refrakcí. 

Jedna z nejsložitějších věcí v online světě je předání emoce zákazníkovi. Prodejní galerie Moseru v tomto ohledu mají obrovskou výhodu. Zákazník, který vejde například do prvorepublikové pražské galerie Na Příkopech, zažije slovy jen velmi těžko popsatelnou zákaznickou zkušenost. Krásné prostředí, klasická hudba, pestrá paleta všech možných barev a tvarů věhlasného českého křišťálu perfektně rozmístěná po prostorách galerie. Na produkt je možné si sáhnout, natočit ze všech stran, sledovat lom světla, který dokáže v závislosti na sklonu měnit barvu produktu přímo před očima 

Předat zákazníkovi takovou emocí prostřednictvím 2D grafiky by nikdy nebylo možné, a proto jsme museli zvolit naprosto věrné zobrazení produktů pomocí profesionálního 3D skenování.

Virtuální „photoshoot” krok za krokem

3D model je možné využít pro virtuální “photoshoot”, kdy vázu nasvítíme tak jako bychom ji fotili v reálném studiu. Samotná modelace od nuly by byla náročná, proto je využívána pomoc moderních technologií, v tomto případě zmíněné 3D skenování. Ke spolehlivému skenu je navíc důležité samotný objekt zmatnit, aby se neleskl. K tomu jsme využili speciální sprej, který po několika hodinách z produktu sám zmizí a zanechá objekt naprosto čistý a bez následků. 

Váza Diva s nánosem speciálního spreje

Po naskenování získáme přesný model povrchu vázy, se kterou můžeme dál pracovat.

Váza Diva v základním 3D renderu s rytinami

Rytiny

Zvláštní pozornost při tvorbě 3D renderů si zaslouží rytiny. Skenováním jsme získali model tvaru povrchu, nikoliv však povrchové vlastnosti jemného brusu. K měření lesklosti a odrazivosti povrchu využíváme fotografování s polarizovaným světlem. Výsledkem tohoto procesu je textura, která definuje, jak je povrch lesklý či matný. Tyto detaily jsou pak hezky vidět na výsledných renderech.  

Na obrázku níže je zachycena textura brusu japonské rostliny Sakura.    

Textura brusu Sakura (vlevo) s detailem brusu (vpravo)


Je libo vlastní monogram? 

V rámci konfigurátoru je možné umístit na vybrané produkty vlastní text nebo třeba datum významné události. Text je na náhled produktu umístěn prostřednictvím javascriptu ve webovém prohlížeči a podporuje různé úpravy. Například změnu fontu, případně velikosti, vždy podle limitů nastavených pro daný produkt. 

BAR KARAFA, 750 ml s iniciály PL

Oroplastika patentováno Moserem

Další možností rozšíření produktu prostřednictvím konfigurátoru je oroplastika. Oroplastika může mít několik variant a je dynamicky generována do obrázku přidáním další vrstvy. Pro zákazníka to znamená, že po výběru “typu oroplastiky” je přidána nová vrstva obrázku, která je přesně nasazena na sklenici v podobě zlatého pásu. Typ oroplastika tak může být použit i na další produkty. 

 

BAR SKLENICE NA WHISKY, 220 ml s oroplastikou

Po dokončení návrhu k novému majiteli

Ať už zákazník navrhne kompletní dílo v podobě vázy nebo si třeba jen drobně personalizuje skleničku na whisky, všechny jeho cesty vedou v ideálním případě do košíku. Košík je místem, kde se střetávají veškeré individuální technologické úpravy konfigurátoru. Každá velikost, barva, rytina, typ skla nebo oroplastika má svůj kód i cenu a ta se promítne jak u detailu produktu, tak následně i v košíku. Rozpad objednávky je po jejím potvrzení odeslán přímo do výroby sklárny Moser. Po zpracování návrhu mistrem sklářem produkty putují ke svým majitelům. V případě přání mohou být třeba zabaleny i v dárkovém balení s věnováním. 

Tento unikátní konfigurátor si už teď můžete vyzkoušet na stránkách www.moser.com

A co dál?

3D vizualizace má ještě jednu velmi podstatnou výhodu, která zatím nebyla zmíněna. Říká Vám něco pojem rozšířená realita? Jak budou vypadat další kroky zatím nemůžeme prozradit, ale konfigurátor je pouze prvním krokem k něčemu výjimečnému. 



Mohlo by vás zajímat

Vybojovali jsme 2. místo na WebTop100 za projekt pro Armádu ČR

Jsme hrdí na to, že kvalitu tak významného řešení ocenila porota největší soutěže digitálních projektů v Česku a na Slovensku. Pojďme si jej představit.

Celý článek

Náš B2C a B2B e-shop pro SENESI získal už pět významných ocenění

SENESI patří mezi naše dlouhodobé klienty, s nimiž průběžně rozvíjíme jejich online řešení. Těší nás, že to oceňují jak zákazníci, tak poroty prestižních soutěží.

Celý článek

Přeskočit na hlavní nabídku