Portfolio case study

Redesign webu před a po

Stejný podnik, stejné služby. Jen lepší první dojem, jasnější nabídka a kratší cesta ke kontaktu.

Ukázka redesignu staršího webu pro lokální službu. Obsah zůstává stejný, ale nová verze lépe vysvětluje nabídku, ukazuje důvěru a vede návštěvníka ke kontaktu.

redesign webu před a po lepší první dojem jasné CTA mobilní verze
Porovnání starého a moderního webu Auto Čištění Profi
Stará verze webu Auto Čištění Profi se zastaralým layoutem a tabulkovým ceníkem

Výchozí stav

Problém: web existuje, ale nepomáhá rozhodnutí

Starý web sice obsahoval služby, ceny i kontakt, návštěvníka ale nevedl k jasnému dalšímu kroku. Informace byly přítomné, jejich pořadí a prezentace však nepomáhaly rozhodnutí.

  • Slabý první dojem a zastaralý vzhled
  • Nevýrazné CTA a kontakt až dole
  • Ceník bez vysvětlení hodnoty služby
  • Málo důvěry, výsledků a ukázek práce
  • Horší čitelnost a použitelnost na mobilu

Co zůstalo

Redesign neznamená zahodit všechno

Zůstává stejný obor, služby, zákazník i základní nabídka. Ruční mytí, tepování a leštění se nemění. Mění se způsob, jakým web jejich hodnotu vysvětluje.

stejný podnik stejné služby stejný zákazník stejný cíl

Nové pořadí

Řešení: stejný obsah, silnější prezentace

Nová verze nejdřív řekne, co podnik dělá, pro koho to je a kam má člověk kliknout. Potom rozvádí služby, ceny, důvěru, výsledky a kontakt.

  1. První dojem
  2. Služby a ceny
  3. Důvěra
  4. Výsledky
  5. Kontakt

Rozbor změn

Co se změnilo a proč to zkracuje cestu ke kontaktu

Každá úprava řeší konkrétní slabinu původního webu. Nejde o nový nátěr, ale o lepší pořadí informací, srozumitelnější nabídku a důvěryhodnější rozhodování.

Moderní redesign webu Auto Čištění Profi s hero sekcí a tlačítkem pro zavolání
01 První dojem

První obrazovka musí hned říct, co podnik nabízí

Původní generické uvítání nenabízelo jasný další krok. Redesign hned ukazuje ruční péči o auta, lokalitu a hlavní benefit.

Tlačítka „Zavolat“ a „Zobrazit služby“ doplňují otevírací dobu, způsob práce a orientační ceny. Návštěvník ví, kam pokračovat.

Detail starého ceníku a kontaktu na webu Auto Čištění Profi
Před: tabulka bez kontextu
Moderní sekce služeb Auto Čištění Profi s přehledem ručního mytí, tepování a leštění
Po: služba, popis a cena
02 Služby a ceny

Ceník nemá být jen tabulka

Stará verze ukazovala cenu, ale téměř nevysvětlovala, co zákazník dostane. Nová verze spojuje službu, krátký popis a orientační cenu.

Ruční mytí, tepování interiéru, leštění i kompletní čištění tak dávají smysl ještě před telefonátem.

Fotografie před a po čištění interiéru auta
03 Výsledek

Výsledek musí být vidět, ne jen popsaný

U čištění auta nestačí tvrdit, že služba funguje. Srovnání před a po ukáže rozdíl během několika sekund a dává nabídce konkrétní důkaz.

Fotka výsledku zvyšuje důvěru dřív, než návštěvník začne řešit termín nebo cenu.

Sekce recenzí zákazníků na moderním webu Auto Čištění Profi
04 Důvěra

Důvěra rozhoduje, jestli člověk opravdu zavolá

Původní web pouze informoval. Redesign přidává zkušenosti zákazníků, konkrétní výsledky a srozumitelný průběh služby.

Recenze společně s ukázkami práce snižují nejistotu a potvrzují, že domluva i výsledek odpovídají očekávání.

Kontaktní sekce moderního redesignu s telefonem, navigací a otevírací dobou
05 CTA a kontakt

Kontakt nesmí být až poslední věc, kterou člověk najde

Telefon a navigace jsou dostupné už v hero sekci a znovu v závěru. Kontaktní blok doplňuje email, adresu a otevírací dobu.

U lokální služby tak člověk nemusí hledat, jak zavolat nebo kam přijet. Akce je viditelná ve chvíli, kdy se rozhodne.

Mobilní verze

Na mobilu musí být cesta ke kontaktu ještě kratší

Staré weby často nutí člověka zoomovat, posouvat tabulky a hledat malé odkazy. V redesignu se obsah skládá pod sebe, tlačítka mají dostatečnou velikost a nejdůležitější akce zůstávají rychle dostupné.

  • Žádné malé menu ani široké tabulky
  • Služby a ceny v přirozeném pořadí
  • Výrazné zavolání a navigace
  • Čitelné sekce bez horizontálního scrollu
Mobilní verze moderního webu Auto Čištění Profi s tlačítky pro zavolání a zobrazení služeb
Stejná hierarchie upravená pro úzký displej

Po spuštění

Co bych u redesignu měřil

Lepší vzhled je začátek. U reálného webu bych v Google Analytics a událostech sledoval, jestli změny opravdu vedou k většímu počtu kontaktů.

01Kliknutí na telefon
02Kliknutí na navigaci
03Přechody ke službám
04Odeslané formuláře
05Návštěvnost z Googlu
06Odchody před kontaktem

Redesign webu

Máš starý web, který nepůsobí tak dobře jako tvoje služba?

Není vždy potřeba začínat od nuly. Někdy stačí správně přestavět první dojem, služby, CTA, důvěru a kontakt.