Příklady dobrého webdesignu: co mají společné nejlepší weby pro služby

Dobré příklady webdesignu mají společných pár věcí: návštěvník během několika vteřin pozná, pro koho web je, co nabízí a jak se ozvat. Vzhled hraje menší roli, než si většina lidí myslí. U kouče nebo konzultanta jsou nejlepší ty weby, které mění návštěvníky v rezervované hovory, a dělají to několika opakovatelnými rozhodnutími, ne chytrou vizuální show.

Proč vás většina galerií dobrého webdesignu svádí špatným směrem

Inspirační galerie odměňují to, co na snímku obrazovky působí nápadně: velké animace, výrazné písmo, neobvyklé rozvržení. Snímek ale neukáže, jestli si někdo rezervoval hovor. Web designérské agentury a web business kouče mají každý jiný úkol, takže kopírovat první pro druhého často skončí špatně.

Lepší otázka u každého příkladu zní: kdybych byl správný klient, věděl bych, co mám udělat dál? Pět rozhodnutí níže vám pomůže odpovědět.

1. První obrazovka, která říká, pro koho je

Nejsilnější weby služeb začínají jasným nadpisem o tom, komu pomáhají a s čím. Ne heslo, ne nálada. Pod ním je jedna krátká věta a jeden zřejmý další krok.

• Nadpis pojmenovává cílovou skupinu nebo problém.
• Jedna podpůrná věta, ne odstavec.
• Jedno hlavní tlačítko s popiskem, který říká, co se stane dál.
• Obrázek, který text podporuje, a nevytlačuje ho z obrazovky.

2. Krátká cesta ke kontaktu

Ve FluoSite navrhujeme stránky tak, aby kontakt zabral dvě kliknutí, ne deset. Dobré příklady dělají totéž. Tlačítko pro rezervaci je vidět brzy, objeví se znovu níže na stránce a neschovává se v menu.

3. Struktura, která odpovídá tomu, jak se lidé rozhodují

Návštěvníci nečtou stránku odshora dolů jako knihu. Prolétnou ji, podívají se na nadpisy, ověří si jeden dva detaily a rozhodnou se. Dobré weby dávají zásadní informace tam, kam se oči samy dívají, a každá sekce si své místo zaslouží. Proto pracujeme nejdřív se strukturou: drátěný model schvalujete dřív, než přidáme jedinou barvu nebo písmo.

Pokud můžete sekci odstranit a nic se neztratí, je web bez ní lepší.

4. Reference, které jsou konkrétní a poctivé

Důvěra se opírá o konkrétní věci. Dobrý příklad ukazuje skutečné výsledky a skutečná slova skutečného člověka, ne řadu nic neříkajících pochval. Vezměte OilTarator, českou ropnou firmu, které jsme vytvořili první web. Zhruba za rok po spuštění majitel napočítal 3 nové zakázky a zájem 2 německých a 12 ukrajinských firem a web pochválil finanční úřad za přehlednost.

Je to jeden případ a netvrdíme, že předpovídá každý výsledek. Ukazuje ale, jak vypadá reference: pojmenovaná, spočitatelná a vyslovená klientem. Pokud web, který obdivujete, nemá žádné reference, je to jen brožura.

5. Design, který sedí oboru, ne šablona

Dobré weby působí správně pro svůj trh. To vychází z průzkumu: podívat se, co funguje v oboru klienta, a stavět na těchto poznatcích, ne na osobním vkusu. Také to brání tomu, aby web vypadal jako všechny ostatní postavené ze stejné šablony.

Jak tyto příklady využít dřív, než někoho najmete

Vyberte si tři weby, které se vám líbí ve vašem oboru. U každého udělejte stejný rychlý test.

• Dokážete po pěti vteřinách říct, pro koho je?
• Najdete cestu k rezervaci bez dlouhého posouvání?
• Jsou tam reference, které byste mohli skutečně ověřit?
• Zůstává stránka přehledná i v telefonu?
• Působí, že do tohoto oboru patří?

Poznámky přineste na první rozhovor s designérem. Dá mu to něco konkrétního, s čím může pracovat, a vám to pomůže posoudit, jestli chápe, o co ho žádáte. Designér, který se ptá na vaše návštěvníky a váš další krok, myslí na totéž, co ukazují tyto příklady.