Začít projekt

Spahouse

Webový 3D konfigurátor s napojením na e-shop pro Spahouse

  • UX/UI
  • Qunity
  • AR
Člověk na zahradní lavici drží tablet a Apple Pencil a v aplikaci Spahouse si konfiguruje vířivku; dole vzorníky opláštění a barvy povrchu.
Doba trvání
3 měsíce
Technologie
Qunity, React, TypeScript
Platformy
iOS, Android, web
Přínos
Vyšší ochota nakoupit

Ve zkratce

Kompletní proměna e-shopu společnosti WellnessTrade.

Byli jsme rádi, že jsme mohli být u téhle digitální proměny. Vyvinuli jsme 3D konfigurátor s rozšířenou realitou, aby náš partner předčil konkurenci. Kromě samotného softwaru jsme věnovali spoustu času převodu fyzických produktů do realistických 3D modelů — skenování objektů, retopologii a simulaci materiálů.

Výsledné řešení věrně zobrazuje wellness produkty. WellnessTrade tak svým zákazníkům dokáže nabídnout ojedinělý, pohlcující a intuitivní zážitek i v digitálním prostředí.

Moderní rozhraní zve uživatele, aby si wellness vybavení upravil a prohlédl v rozšířené realitě z pohodlí domova. Když pak dojde na objednávku, jsou si svou volbou jistější.

Koupající se žena hledící na vodní hladinu, vedle obrazovky konfigurátoru: vířivka vykreslená ve 3D se vzorníky povrchu a opláštění a telefon, na kterém si ji lze prohlédnout v rozšířené realitě.

Výzva a řešení

Jednou z hlavních výzev bylo naskenovat a namodelovat jednotlivé vířivky pro webové prohlížeče i rozšířenou realitu, a to jak na iOS, tak na Androidu. Potřebovali jsme k tomu efektivní postup, který zároveň udrží vysokou kvalitu vizualizací.

Výsledkem je webový 3D konfigurátor plynule napojený na e-shop našeho partnera. Zákazníci si teď můžou vířivku prohlédnout v různých materiálech a barvách, opravdu si ji přizpůsobit a zároveň si nasimulovat, jak zapadne do jejich prostoru.

Tablet s katalogem konfigurátoru: vlevo seznam modelů vířivek, vpravo 3D model s výzvou k otočení o 360°.

Jak to vznikalo

Navrhli a vyvinuli jsme přehledný systém navigace, ve kterém se zákazníci WellnessTrade snadno proberou celým portfoliem. K desktopovému i mobilnímu řešení jsme přistoupili iterativně. Samotný 3D konfigurátor doplněný o AR jsme postavili na platformě Qunity.

Klíčovou částí projektu byla pečlivá příprava 3D modelů: skenování fyzických kusů, optimalizace sítě a velikosti 3D dat a tvorba materiálů a textur, aby výsledek působil realisticky. S partnerem jsme úzce spolupracovali a řešení dotáhli v několika iteracích.

Vířivky jsou hlavním produktem Spahouse. Od barvy po povrchovou úpravu — v interaktivních 3D modelech si je uživatelé můžou přiblížit, otočit a prohlédnout si každý detail, jako by je měli na dosah ruky.

Vířivka vykreslená ve 3D na jednoduchém pozadí: bílý tvarovaný interiér s desítkami trysek, usazený v tmavém opláštění s dřevěným dekorem.

Technologie

3D konfigurátor pro WellnessTrade vznikl na naší vlastní platformě v kombinaci s dalšími technologiemi. Sáhli jsme po Reactu, JavaScriptové knihovně pro efektivní a pružná uživatelská rozhraní, a po Three.js, knihovně pro 3D grafiku na webu.

Podařilo se nám vyvinout silný produktový konfigurátor, který zvedá prodeje i návštěvnost webu. Zákazníci našeho partnera si teď navrhnou vířivku svých snů a promítnou si ji přes AR přímo k sobě domů.

Pojďme spolu
postavit něco,
co dává smysl.

office@qubixstudio.comŘekněte nám, na čem pracujete. My se ozveme s tím, jak bychom to uchopili. Bez závazků a bez prodejních triků.