TonModerním produktový web s nabušeným 3D konfigurátorem

WebTop100WebTop100:

1. místo

Firemní web Velké firmy 2024

WebTop100WebTop100:

2. místo

Produktový design 2024

IEAIEA:

1. místo

Spotřební a rychloobrátkové zboží 2024

Highlighty projektu

variant produktu

7jazykových verzí

3ocenění

Česká nábytkářská firma Ton prošla rebrandingem, jehož součástí bylo mimo jiné spuštění nového webu s 3D konfigurátorem a vylepšeným katalogem produktů. A právě ten jsme vyvinuli my v Superkoders.

Náhled projektu TON

Největší výzva: synchronizace dat pro 3D konfigurátor

Dominantou nového webu Tonu je jednoznačně 3D konfigurátor nábytku. Konfigurátor vytvořila firma Bring Digital a naším úkolem bylo zajistit, aby do něj proudila správná a relevantní data.

Když jsme si vyjasnili, jaká data k jednotlivým produktům a variantám potřebujeme, museli jsme najít způsob, jak je sesbírat a do konfigurátoru doručit. I to byla výzva. 

Výsledkem je, že si zákazník v 3D konfigurátoru může naklikat kteroukoliv židli, křeslo nebo stůl z nabídky Tonu, vybere mezi všemi dostupnými parametry, a okamžitě na obrazovce vidí realistický 3D model produktu. S pomocí mobilního telefonu a rozšířené reality si pak tento produkt může promítnout ve svém obýváku nebo kuchyni a podívat se, jak bude u něj doma nebo v kanceláři vypadat.

Jako vývojáři jsme museli nejprve pochopit logiku konfigurátoru. To znamená například vědět, že když si klient v konfiguraci židle zadá výplet, nabídnou se jiné parametry, než když zadá čalounění. Že k dubovým židlím jsou relevantní jiné parametry než k bukovým. Takto bych mohl pokračovat ještě dlouho. V této fázi to nebylo o vývoji, ale o pochopení, jak výroba v Tonu vůbec funguje.

Ton používá informační systém InMedias s vlastním product information management systémem, ve kterém má produktová data uložená ve specifickém formátu. Takže jsme vedle toho na zelené louce postavili systém, do kterého se načítají původní produktová data, převedou se na potřebný formát, aktualizují se, a následně se odesílají k zobrazení do konfigurátoru.

Vojta Brtník

Vojta Brtníkhlavní back-end vývojář webu

Troufám si tvrdit, že jsme společně s Bring Digital a Tonem vytvořili nejlepší 3D konfigurátor na českém internetu. Ten detail je neuvěřitelný, opravdu u každé ze stovek variant produktů naprosto přesně vidíte, co si kupujete.

Tomáš Hejč

Tomáš Hejčprojektový manažer Superkoders

A slova chvály má i klient:

Když porovnám náš původní konfigurátor s tím současným, je to jako nebe a dudy. Nyní máme skutečně plnohodnotný a fotorealistický 3D konfigurátor a od klientů už na něj dostáváme velmi pozitivní zpětnou vazbu.

Petr Kvapil

Petr Kvapilprojektový manažer Ton

Web: rychlý, přehledný a ve více mutacích

Dát dohromady samotný web, ve své podstatě robustní produktový katalog, už pro nás byla hračka (a díky skvělé komunikaci s klientem zároveň i radost). Postavili jsme jej na PHP 8.2 s fulltextovým vyhledáváním Elastic Search a nasadili na něj vlastní CMS SuperAdmin pro správu a editaci obsahu.

V Tonu pak měli na web jen dva speciálnější požadavky:

  • business zónu pro přihlášení, která otevírá přístup k některým neveřejným materiálům,
  • a více jazykových mutací webu, které se od sebe liší tím, že některé nemají zobrazené ceny produktů, nebo jsou zde jiné kontaktní osoby a konverzní cesty.

Ani jeden z požadavků nás však nezaskočil, podobné funkcionality děláme pro klienty běžně a už je považujeme za jakýsi standard toho, co má dobrý web umět.

Termín? Do veletrhu

Naopak velkou výzvou projektu byl deadline. Ten úplně původní se skrze zpoždění prací na rebrandingu o několik týdnů posunul, po nástupu nového projektového manažera na straně Tonu, Petra Kvapila, však věci nabraly rychlý spád. Najednou jsme měli jen asi deset měsíců na to, abychom hrubý polotovar zfinalizovali a připravili na dubnovou výstavu Salone del Mobile v Miláně.

Když jsem v červenci 2023 nastoupil a viděl jsem, v jaké fázi projekt je, na rovinu jsem nevěřil, že to stihneme do dubna 2024 dokončit. Ještě v únoru nám chybělo strašně moc věcí, zejména na business zóně, to nebyl ani polotovar, ale spíš čtvrt-tovar. Superkoders však zejména v poslední fázi skutečně šlápli na pedál a dokázali skoro zázraky.

Petr Kvapil

Petr Kvapilprojektový manažer Ton

Práce se nám přitom občas měnila pod rukama, museli jsme neustále zapracovávat ad-hoc připomínky, každý týden jsme si volali a řešili, co a jak. Petr Kvapil dodává:

Myslím, že nás to všechny stálo pár bezesných nocí, ale nakonec se dubnový termín stihnul. Jasně, není vše 100% dokončené a některé věci ještě ladíme a ladit budeme, ale to hlavní se stihlo. Za to patří klukům a holkám ze Superkoders velká pochvala.

Petr Kvapil

Petr Kvapilprojektový manažer Ton

Náhled projektu Ton

Třešnička na dortu

Web sbírá jedno ocenění za druhým

Radost z nového webu nemáme jen my a klient. Projekt zaujal také odborné poroty a během roku 2024 si odnesl hned tři významná ocenění.

1. místo WebTop100
Firemní web velké firmy

2. místo WebTop100
Produktový design

1. místo Internet Effectiveness Awards
Spotřební a rychloobrátkové zboží

Ocenění potvrzují, že se podařilo propojit výrazný design, propracovanou prezentaci produktů a technické řešení do webu, který funguje nejen na pohled, ale i v praxi.

Webtop100 TON

Jak spolupráci hodnotí klient?

  • Superkoders mají neskutečné know‑how a tah na branku, nezaleknou se žádné výzvy, na všem se s nimi dá domluvit, poradí vám, jsou velmi ochotní, i jejich CMS vypadá a funguje fakt dobře. A to říkám jako člověk, který má s weby přes 20 let zkušeností a zažil toho fakt hodně. Kdybych si měl dneska vybírat firmu na front-end nebo back-end vývoj webu či e‑shopu, neváhám ani sekundu a rovnou volám Tomášovi Hejčovi ze Superkoders.

    Přiznávám, že Superkoders jsem před začátkem spolupráce vůbec neznal. Ve výběrovém řízení jsme zvažovali pět dodavatelů, Superkoders jsme vybrali hlavně pro naše zkušenosti s velkými projekty a díky předchozí úspěšné spolupráci s Bring Digital.

    Petr Kvapil

    Petr Kvapilprojektový manažer Ton

Hledáte
vývojáře?