Představení spolupráce
Z webu, který přestal stačit růstu firmy, vznikla digitální platforma propojená s obchodem, výrobou a produktovými daty.
Pro Conteg jsme nenavrhovali jen nový web. Cílem bylo vytvořit funkční digitální ekosystém, který sjednotí obsah, zjednoduší správu dat, pomůže zákazníkům s výběrem technicky náročných produktů a propojí web s interním provozem firmy.
Snížení o 90%
4,5/5
10 000
Situace
O Contegu
Conteg je technologická B2B společnost s komplexním produktovým portfoliem a mezinárodním přesahem. Její zákazníci často nehledají jednoduchý produkt z katalogu, ale řešení podle konkrétních technických požadavků.
Web proto musel zvládnout víc než představit značku. Měl pomoct uživatelům rychle pochopit nabídku, zorientovat se v produktech, sestavit vhodnou konfiguraci a bezpečně dojít k objednávce nebo dalšímu obchodnímu kroku.
Pozadí projektu
S růstem firmy přestalo původní webové řešení stačit. Informace byly rozptýlené na více místech, část obsahu neodpovídala aktuálním potřebám a chyběl jeden spolehlivý zdroj pravdivých dat.
U komplexního B2B portfolia takový stav rychle dopadá na zákazníky i interní týmy. Lidé hůř hledají správné informace, obchodníci pracují s nejednotným obsahem a každá změna na webu znamená zbytečnou závislost na vývoji.
Cíl transformace
Nestačilo dodat modernější rozhraní. Naším cílem bylo vytvořit platformu, která bude užitečná pro tři hlavní skupiny: zákazníky, obchodní tým a interní provoz.
Zákazník se má snadněji rozhodnout. Obchod má pracovat s přesnějšími vstupy. Firma má mít řešení, které půjde dál spravovat a rozvíjet.
Exekutivní řešení
1. Přístup k realizaci
2. Jak jsme postupovali
3. Analýza
4. Výsledek
5. Obsah jako součást transformace
Výstupy
Web jako obchodní a provozní platforma: B2B web nemusí být jen katalog. Místo další prezentační vrstvy vznikla platforma, která propojuje zákaznickou cestu, produktová data, konfiguraci, objednávky a interní provoz firmy.
Produktový konfigurátor s realistickým 3D modelem: U technicky složitých produktů nestačí jen dobrý popis nebo statická fotografie. Zákazník potřebuje vidět, co přesně si vybírá, jak se mění jednotlivé parametry a jestli výsledná konfigurace odpovídá jeho požadavkům.
Integrace s KARÁT a automatizace objednávek: Web se tak stal součástí provozu firmy, ne jen místem, kde začíná poptávka. Objednávky vytvořené na webu se propisují do systému KARÁT, se kterým pracuje obchodní i výrobní tým. Tím se omezuje ruční přepisování dat, snižuje riziko chyb a zjednodušuje předávání informací mezi zákazníkem, obchodem a výrobou.
Vizuální styl
U technologické B2B značky, jako je Conteg, nestačí, aby design jen dobře vypadal. Musí pomáhat uživatelům rychle se zorientovat, pracovat s technickým obsahem a důvěřovat informacím, které na webu najdou.
Vizuální systém proto staví na čisté struktuře, výrazných akcentech a konzistentním použití prvků napříč stránkami, jazykovými mutacemi i produktovým obsahem. Web díky tomu působí sebevědomě a technologicky, ale zároveň zůstává přehledný i při velkém objemu dat.
Logo
Východiskem loga byl princip ikigai, tedy hledání smyslu v průsečíku několika rovin. V případě Contegu se tato myšlenka promítá do šestiúhelníkového symbolu, který pracuje s motivem propojení lidí, technologií a společného cíle.
V digitálním prostředí logo funguje jako stabilní kotevní prvek identity. Musí zůstat dobře čitelné na světlém i tmavém pozadí a fungovat napříč produktovými sekcemi, technickými stránkami i mezinárodními mutacemi webu.
Barvy
U tak rozsáhlého B2B webu musí barvy pomáhat víc než jen odlišit značku. Conteg pracuje s velkým množstvím produktů, technických informací a návazných kroků, proto musel vizuální systém pomáhat uživateli rychle poznat, co je důležité, kde se nachází a kam může pokračovat.
Kombinace výrazných akcentů, světlých ploch a tmavého technologického režimu dává webu jasnou hierarchii i potřebnou energii.
Barvy tak podporují čitelnost, orientaci a konzistenci napříč produktovými stránkami, konfigurátorem i mezinárodními mutacemi.
Maska
Správné používání masky vyžaduje dodržování několika klíčových pravidel.
Maska musí mít jasně definovaný tvar, který je v souladu s vizuálním stylem značky. Při aplikaci masky na obrázek je třeba dbát na to, aby hlavní část obrázku správně zapadla do masky, aby cílová část obrázku byla viditelná a jasná. Obrázek by měl být dostatečně kvalitní, aby zajistil profesionální vzhled.
Morph
Příklad morfingu před a po. Nejprve vytvoříme tvar a poté upravíme barvy a efekty. Morping může být založen na různých tvarech, které najdete na následujících slajdech.
Shaping & Digital effect
Správné používání masky vyžaduje dodržování několika klíčových pravidel.
Maska musí mít jasně definovaný tvar, který je v souladu s vizuálním stylem značky. Při aplikaci masky na obrázek je třeba dbát na to, aby hlavní část obrázku správně zapadla do masky, aby cílová část obrázku byla viditelná a jasná. Obrázek by měl být dostatečně kvalitní, aby zajistil profesionální vzhled.
Web
Digitální transformace se do návrhu webu propsala v každém detailu. Struktura, obsah, UX i technické funkce společně vedou zákazníka od první orientace v nabídce přes výběr produktu až po další obchodní krok.
Pro Conteg jsme nenavrhovali jen nový web. Cílem bylo vytvořit funkční digitální ekosystém, který sjednotí obsah, zjednoduší správu dat, pomůže zákazníkům s výběrem technicky náročných produktů a propojí web s interním provozem firmy.
Konfigurátor
Konfigurátor mění způsob, jakým zákazník pracuje s technickým produktem. Místo procházení parametrů získává interaktivní prostředí, ve kterém jednotlivé volby okamžitě vidí v realistickém 3D modelu.
Složitý výběr se tak mění v přehledný proces. Zákazník lépe chápe výslednou konfiguraci, může ji snáz ověřit a pokračuje k objednávce s větší jistotou. Pro Conteg to zároveň znamená přesnější vstupy pro obchodní tým a menší prostor pro nejasnosti v dalším zpracování.
Klíčové funkce
- Interaktivní konfigurace rozvaděče s podporou 3D vizualizace.
- Výběr příslušenství a možnost definovat jeho konkrétní osazení.
- Uložení rozpracované konfigurace pro pozdější úpravy nebo opětovné využití.
- Export konfigurace do formátů PDF a XLS.
- Přímé odeslání poptávky na základě vytvořené konfigurace.
- Přenos kompletní technické specifikace obchodnímu oddělení, které díky tomu může okamžitě navázat konkrétní obchodní a technickou komunikaci se zákazníkem.
Přínosy pro zákazníky
- Získávání výrazně kvalitnějších a přesněji definovaných poptávek.
- Zkrácení času potřebného pro zpracování nabídky.
- Efektivnější komunikace mezi zákazníkem a obchodním oddělením.
- Omezení chyb vznikajících při ručním přepisu technických požadavků.
- Digitalizace obchodního procesu od prvního kontaktu až po zpracování nabídky.
Přínosy pro firmu
- Získávání výrazně kvalitnějších a přesněji definovaných poptávek.
- Zkrácení času potřebného pro zpracování nabídky.
- Efektivnější komunikace mezi zákazníkem a obchodním oddělením.
- Omezení chyb vznikajících při ručním přepisu technických požadavků.
- Digitalizace obchodního procesu od prvního kontaktu až po zpracování nabídky.
Jak to funguje?
1. Krok
Zákazník zvolí produkt nebo produktovou řadu. Konfiguraci upraví podle technických požadavků. Změny se průběžně promítají do realistického modelu.
2. Krok
Zvolí jaké a kolik příslušenství chce použít do nakonfiguroavaného modulu.
3. Krok
Výběr místa pro jednotlivé produkty příslušenství, pomocí interaktivního modelu.
4. Krok
Výběr místa pro jednotlivé produkty příslušenství, pomocí interaktivního modelu.
Výsledky a dopady
Digitální transformace Contegu ukazuje, jak může web změnit fungování celé firmy. Nezůstal u prezentace produktů, ale stal se platformou, která propojuje zákazníky, obchodní partnery, obchodní tým, produktová data, zahraniční pobočky i interní provoz.
Conteg získal řešení, které roste spolu s jeho potřebami. Zjednodušuje každodenní práci interním týmům, zpřesňuje produktová data, podporuje mezinárodní pobočky a zákazníkům nabízí srozumitelnější cestu od prvního zájmu až po objednávku.
