01 / 04běží na mém serveru

Kosta Klima

klimatizace · získávání poptávek

Kosta Klima nepotřebovala jen nový vzhled. Web musel srozumitelně ukázat technickou práci, rychle získat důvěru na mobilu a dovést majitele nemovitostí v Praze od otázky ke konkrétní poptávce.

návrh, vývoj, SEO, nasazeníNext.js 16 · React 19 · TypeScript · Tailwind 4 · Dockerkostaklima.com
Domovská stránka Kosta Klima s technickou mřížkou, velkým českým nadpisem a fotografiemi skutečných instalací klimatizací
kostaklima.comdomovská stránka · 1440 px

// přehled dodávky

sady realizací
26
obsah
6 sekcí + blog
mobilní výkon
Lighthouse 95+
hosting
vlastní server
01

Zadání

Proměnit zastaralý web servisní firmy v důvěryhodný nástroj pro získávání poptávek na klimatizace, tepelná čerpadla, servis a zákonné kontroly v Praze a Středočeském kraji.

Návštěvníci obvykle porovnávají několik montážních firem na telefonu. Nejpřesvědčivějším důkazem je proto samotná práce: co se instalovalo, kde a jak čistě byla zakázka dokončena.

02

Rozhraní

Vizuální systém vychází z technických výkresů: viditelná mřížka, přesné linky, stručné technické štítky a jeden kontrolovaný modrý akcent. Hlavní roli má 26 sad fotografií skutečných instalací.

Služby, katalog zařízení a kontaktní cesta používají stejnou informační hierarchii. Návštěvník se tak dostane od obecné potřeby ke konkrétní poptávce bez toho, aby se nejdřív učil web ovládat.

03

Co jsem postavil

Produkční web je staticky renderovaná aplikace v Next.js s obsahem v Markdownu. Obrázková pipeline mění rozměry a optimalizuje archiv realizací, takže se neposílají původní soubory z fotoaparátu.

Vyhledávání
Stránky služeb, blog, strukturovaná data pro firmu v oboru HVAC, sitemap, pravidla pro roboty a generované náhledy pro sociální sítě.
Měření
Analytika a konverzní události pro telefonáty a poptávkový formulář, načítané s ohledem na souhlas uživatele.
Provoz
Docker nasazení přes Coolify na mém serveru, automatické buildy z gitu a jasně daný výkonnostní limit pro mobil.
04

Proč to funguje

Web dnes představuje firmu pomocí důkazů, ne přídavných jmen. Skutečné instalace jsou vedle odpovídající služby, technické detaily jsou dostupné bez zahlcení stránky a každá hlavní cesta končí jasnou možností poptávky.