Reference / Vývoj / Výroba

Masonite v říši dveří: konfigurátor a videonávody

Pro českého výrobce dveří Masonite (značka skupiny VMS Vision) jsme vyvinuli webový produktový konfigurátor a sadu animovaných videonávodů. Zákazníci si v aplikaci nakonfigurují dveře podle typu, materiálu, povrchové úpravy a rozměrů. Administrační systém spravuje tisíce kombinací produktových parametrů. Konfigurátor je postavený na naší platformě Guru a funguje od roku 2017.

Masonite (VMS Vision)2017 / 2021Konfigurátor + videonávody
[screenshot: produktový konfigurátor Masonite s výběrem typu dveří, materiálu a povrchové úpravy]
1 000+

kombinací variant

4

videonávody montáže

od 2017

konfigurátor v provozu

Konfigurátor dveřína míru

Český výrobce dveří uvedl na trh responsivní web s produktovým konfigurátorem na míru. Zákazníci si vyberou typ dveří, materiál, výplň a další parametry, sami si tak online vytvoří dveře na míru z mobilu i desktopu.

Konfigurátor pracuje s tisíci kombinacemi variant a je postavený na naší konfigurační platformě Guru s plnou podporou parametrických sestav.

[screenshot: konfigurátor s výběrem materiálu a vizualizací dveří]
[screenshot: administrační systém se správou produktových parametrů a variant]

Tisíce kombinacípod jednou správou

Administrační systém umožňuje Masonite spravovat tisíce kombinací produktových parametrů a variant. Backend je napojený na platformu Guru, která zajišťuje konfigurační logiku a parametrické sestavy.

React aplikace funguje na všech zařízeních, od desktopu po mobilní telefony. Správu stavu zajišťuje Redux, sestavení a optimalizaci Webpack.

Animované videonávodypro montáž zárubní

Zákazníci Masonite požadovali srozumitelnější návody k montáži, které by nahradily rozsáhlé textové příručky. Masonite nám poskytl standardní manuál pro montáž zárubní, kontakt na technickou podporu a kreativní volnost ve vizuálním zpracování.

Natáčení živých videí by bylo časově i finančně náročné. Hledali jsme řešení, které vyvažuje přiměřenou produkční náročnost a rozpočet, recyklovatelnost scén pro další typy produktů, srozumitelné podání s vizuální atraktivitou a délku videa udržující pozornost diváka.

[screenshot: animovaný videonávod montáže zárubně s 3D modelem]
[screenshot: ukázka 3D objektu zárubně z knihovny pro další dokumentaci]

Čtyři videaa knihovna 3D objektů

Inspirovali jsme se standardy z nábytku a vytvořili instruktážní videa pro čtyři typy zárubní. Videa ukazují montážní kroky, doporučené nástroje a kritická místa, na která je třeba dát pozor.

Nad rámec zakázky vznikla knihovna unikátních 3D objektů pro budoucí montážní a servisní dokumentaci.

Co o naší práci řekl klient

[screenshot: animovaný videonávod montáže zárubně s kroky a 3D modelem]
VMS Vision
„Videa mají výbornou odezvu od zákazníků. Jsou precizní a moderní. Interní reakce je stejně pozitivní."
foto

David Krubner

Sales Marketing Manager, Masonite

Jak jsme postupovali

Od produktového konfigurátoru přes administrační systém po animované videonávody, dlouhodobá spolupráce na více projektech.

Chci konzultaci
1

Produktový konfigurátor

Webová aplikace umožňující zákazníkům konfigurovat dveře podle typu, materiálu, povrchové úpravy a rozměrů z jakéhokoli zařízení.

2

Administrační systém

Backend pro správu tisíců kombinací produktových parametrů a variant napojený na platformu Guru.

3

Responzivní frontend v Reactu

React aplikace s Reduxem pro správu stavu, sestavení a optimalizace přes Webpack, jazyk ECMAScript 6 s JSX.

4

Animované videonávody

Instruktážní videa pro čtyři typy zárubní s montážními kroky, doporučenými nástroji a knihovnou 3D objektů.

React
React
Redux
Redux
Webpack
Webpack
ECMAScript 6
ECMAScript 6

Použité technologie

Produktový konfigurátor Masonite je postaven na Reactu s Reduxem pro správu stavu. Sestavení a optimalizaci zajišťuje Webpack, kód je psaný v ECMAScript 6 s JSX. Aplikace běží na naší konfigurační platformě Guru.