Klientský web2026

Hydrocist

Web pro firmu na čištění střech, fasád a dlažby. Všechno vede k nezávazné poptávce s fotkami povrchu.

Otevřít webhydrocistic-web.vercel.app
hydrocistic-web.vercel.app
Titulní strana webu Hydrocist, firmy na čištění střech, fasád a dlažby.
Rok
2026
Typ
Klientský web
Moje role
Návrh a vývoj
Postaveno na
  • Vite
  • React
  • Tailwind

Pro koho

Hydrocist čistí střechy, fasády, dlažbu a příjezdové cesty, odstraňuje mech, řasy a lišejníky a povrchy po čištění impregnuje. Pracuje pro rodinné domy, firmy i SVJ.

Zákazník většinou neví, co přesně jeho střecha potřebuje, ani kolik to bude stát. Ví jen, že nevypadá dobře. Web mu má pomoct udělat první krok tak, aby se tím k ničemu nezavázal.

Základní myšlenka

Cenu za čištění střechy nejde říct, dokud ji nikdo neviděl.

Proto web nevede k telefonu, ale k formuláři, ke kterému se dají přiložit fotky povrchu. Podle nich firma udělá první odhad a teprve potom se domlouvá termín.

Formulář chce jen to podstatné: kontakt, co se má čistit a krátký popis. Celý postup od první fotky po hotový výsledek je na stránce rozepsaný ve čtyřech krocích, takže je jasné, co přijde po odeslání.

Jak jsem to postavil

hydrocistic-web.vercel.app
Přehled šesti služeb na webu Hydrocist, od čištění střech po pravidelnou údržbu.

Co se čistí

Šest služeb, každá v jedné krátké kartě: čištění střech, čištění fasád, dlažba a příjezdové cesty, mech, řasy a lišejníky, impregnace a ochrana a pravidelná údržba. Karty jsou pojmenované podle toho, co se čistí, ne podle technologie, protože zákazník hledá svůj povrch.

hydrocistic-web.vercel.app
Čtyři kroky postupu na webu Hydrocist: pošlete fotky, navrhneme řešení, přijedeme na místo, předáme výsledek.

Od první fotky k výsledku

Pošlete fotky, navrhneme řešení, přijedeme na místo, předáme výsledek. Čtyři kroky odpovídají na otázku, co se stane po odeslání formuláře, a ukazují, že nejdřív přijde návrh a teprve potom práce.

hydrocistic-web.vercel.app
Sekce Proč Hydrocist se šesti důvody v tmavé mřížce.

Proč zrovna tahle firma

Šest krátkých důvodů v jedné tmavé mřížce, od postupu přizpůsobeného povrchu po služby pro domy, firmy i SVJ. Každý se vejde do jedné věty, aby se dala celá mřížka přečíst za pár vteřin.

Drobnosti

  1. 01

    Video místo fotky

    Úvod tvoří video, jak se ze střešních tašek smývá špína. Rozdíl je vidět dřív, než si člověk přečte nadpis.

  2. 02

    Fotky přímo ve formuláři

    K poptávce jde přiložit fotky povrchu, takže první odhad nevzniká naslepo.

  3. 03

    Povrch ze seznamu

    Co se má čistit, se ve formuláři vybírá ze seznamu. Zákazník to nemusí popisovat vlastními slovy.

  4. 04

    Všude nezávazně

    Tlačítka mluví stejně: nezávazná kalkulace, nezávazná poptávka. Odesláním se nikdo k ničemu nezavazuje.

  5. 05

    Kurzíva na důležitých slovech

    Klíčové slovo v každém nadpisu, třeba čistotu nebo první dojem, je v kurzívě patkového písma, aby z nadpisu vystoupilo.

  6. 06

    Pro Google jako místní firma

    Strukturovaná data popisují Hydrocist jako místní firmu, s e-mailem a oblastí, kde působí.

Barvy a písmo

Skoro černá, bílá a jediná barva navíc, bledá vodní modrá. Text je v písmu Inter a klíčová slova v nadpisech v kurzívě Instrument Serif.

Barvy

Písmo

  • InterNadpisy i text
  • Instrument SerifZvýrazněná slova

Pojďme na to.

Máš projekt, spolupráci nebo jen otázku? Odpovídám obvykle do jednoho dne.

Napiš mi

Pracovní e-mail

tobiasvolny.info@icloud.com

Osobní e-mail

tobiasvolny@icloud.com