Redesign firemního webu pro českou firmu dodávající automatické dveře, vrata a související servis. Cílem bylo vytvořit moderní a přehledný web, který odpovídá kvalitě služeb firmy a usnadní zákazníkům orientaci.
Role
UX Research · Produktové uvažování · Webový návrh
Klient
Duo Doors, s.r.o.
Nástroje
Figma · FigJam · Macaly
Výstup
Živý web
Duo Doors je česká firma dodávající automatické dveře, vrata a související servis pro komerční i průmyslové budovy. Projekt vznikl jako reálný redesign firemního webu.
Původní web byl funkční, ale vizuálně a obsahově zastaralý — firma se za poslední roky posunula a web tuto proměnu neodrážel.
Cílem bylo vytvořit moderní, přehledný a reprezentativní web — takový, který odpovídá kvalitě služeb firmy a usnadní zákazníkům orientaci.
Výsledkem je nový web nasazený na produkční doméně www.duodoors.cz.
Součástí návrhu byl rozhovor s člověkem, který se dlouhodobě pohybuje v oblasti facility managementu a pravidelně řeší servisní požadavky a technické poptávky. Rozhovor pomohl pochopit, jaké informace zákazníci při výběru dodavatele skutečně hledají.
Nahrávání souborů
Při servisních požadavcích a technických poptávkách bývá potřeba přikládat fotografie, výkresy nebo další dokumentaci. Proto bylo důležité umožnit nahrávání příloh přímo ve formuláři.
Realizace jako důvěra
Analýza konkurence i rozhovor ukázaly, že zákazníci chtějí rychle vidět konkrétní realizace. Proto byly realizace výrazněji zviditelněny a dostaly důležitější místo v rámci webu.
Přehlednost na prvním místě
Cílová skupina nehledá kreativní web. Potřebuje rychle najít služby, realizace a kontakt. Proto byl kladen důraz na jednoduchost, orientaci a srozumitelnost.
Původní web byl funkční, ale zastaralý. Neodpovídal tomu, jak firma dnes vypadá a co nabízí. Tři hlavní oblasti potřebovaly řešení.
Formulář bez možnosti nahrát přílohy
Poptávkový formulář neumožňoval přiložit soubory. Při technických poptávkách — výkresy, fotky stávajícího stavu, rozměry — je to zásadní chybějící funkce.
Realizace nebyly dostatečně viditelné
Web sice referoval o typech zakázek, ale konkrétní dokončené projekty nebyly dostupné. Zákazníci přitom chtějí vidět, s čím má firma reálné zkušenosti — ne jen co nabízí.
Vizuální prezentace neodpovídala kvalitě firmy
Původní design působil zastarale. Firma obsluhuje nemocnice, supermarkety i logistická centra — web by měl tuto úroveň odrážet.
Moderní a reprezentativní web
Design odpovídající kvalitě a rozsahu služeb firmy. Zákazník musí na první pohled poznat, s kým má tu čest.
Realizace na viditelném místě
Konkrétní dokončené projekty jako klíčový prvek pro budování důvěry. Zákazník vidí, co firma dělala.
Formulář s nahráváním příloh
Možnost přiložit výkresy, fotky nebo dokumentaci přímo ve formuláři poptávky.
Zachování identity značky
Žlutá barva jako výrazný akcent — zachování vizuální identity firmy a odlišení od konkurence.
Jednoduchá správa realizací
Klient může přidávat a upravovat realizace bez zásahu vývojáře.
Analyzovala jsem několik českých firem působících ve stejném oboru. Některé weby byly velmi přehledné a inspirativní, jiné obsahovaly prvky, které ztěžovaly orientaci. Cílem nebylo hodnotit konkurenci, ale pochopit způsoby prezentace služeb, realizací a kontaktních informací.
Prezentace realizací
Firmy v oboru přistupují k prezentaci realizací různě — od detailních fotogalerií po pouhý seznam zakázek. Způsob, jakým firma sdílí svou práci, ovlivňuje, co si zákazník o firmě dokáže představit.
Barevná identita
Červená barva je u řady konkurentů. Zachování žluté jako primárního akcentu Duo Doors přirozeně odlišuje firmu na první pohled.
Formuláře a kontakt
Většina formulářů neumožňuje přikládat soubory. Tato funkce je pro technické poptávky podstatná a v nabídce konkurence chybí.
Přehlednost a orientace
Weby s jasnou strukturou — služby, realizace, kontakt — usnadňují zákazníkovi rozhodnutí. Přehlednost je důležitější než efektní vizuál.
Každé rozhodnutí mělo konkrétní důvod — vycházející z výzkumu nebo z analýzy konkurence.
Výzva
Formulář bez možnosti nahrát přílohy
Rozhodnutí
Formulář s nahráváním dokumentů a fotek
Přímá odpověď na zjištění z výzkumu. Při technických poptávkách je přiložení dokumentace běžnou součástí procesu — formulář to musí umožnit.
Výzva
Realizace a poptávka jako dvě klíčové akce
Rozhodnutí
Realizace a poptávkový formulář umístěny vedle sebe
Zákazník nejprve chce vidět, co firma dělá, a pak se rozhodne oslovit. Obě sekce jsou na dosah ruky hned po příchodu na web.
Výzva
Vizuální identita a odlišení
Rozhodnutí
Žlutá jako výrazný akcent, zachování firemní barevnosti
Žlutá barva je součástí identity Duo Doors. Byla použita jako akcent pro důležité prvky. Základní barevnost značky byla zachována — žlutá přirozeně odlišuje od červené, která převažuje u konkurence.
Výzva
Realizace jako klíčová sekce webu
Rozhodnutí
Sekce Realizace výrazně v navigaci i na hlavní stránce
Z rozhovoru i analýzy vyplynulo, že zákazníci přicházejí na web s konkrétním záměrem — chtějí vidět, co firma skutečně dělá. Realizace proto dostaly výrazné místo v navigaci i na úvodní stránce, nikoliv jen jako skrytá podstránka.
Výzva
Průběžné přidávání nových projektů
Rozhodnutí
Vlastní administrace pro správu realizací
Navrhla jsem jednoduché administrační rozhraní, ve kterém klient sám přidává nové realizace, upravuje jejich pořadí a spravuje obsah bez zásahu vývojáře. Nová realizace se automaticky propisuje i na domovskou stránku. Šlo o produktové rozhodnutí — systém musí fungovat i po předání.
Responzivita a bezpečnost
Web byl kontrolován na mobilních zařízeních a jednotlivé stránky byly ověřeny i v mobilním zobrazení. Součástí návrhu bylo také řešení ochrany proti spamovým odesláním formulářů a zohlednění základních požadavků GDPR.
Before / After
Sekce Realizace
Fotogalerie realizovaných projektů — důvěra a orientace pro zákazníky
Poptávkový formulář s nahráváním souborů
Drag-and-drop nahrávání dokumentů — přímá odpověď na výzkum
Výsledkem je nový firemní web na www.duodoors.cz — přístupný zákazníkům i na mobilu. Design vycházel z výzkumu a z praktické zkušenosti s tím, jak zákazníci o zakázkách uvažují.
Rozhovor se zákazníkem pomohl pochopit, jak poptávkový proces v praxi funguje — a to se konkrétně promítlo do funkcí a obsahu webu.
Co bych rozvíjela dál
Zajímalo by mě, jak zákazníci sekci Realizace skutečně využívají — jestli jim pomáhá při rozhodování a co by ocenili vidět navíc. Sledovala bych také, zda klient administraci obsahu aktivně používá a co dalšího by potřeboval spravovat sám.