01 / 04live on my server

Kosta Klima

HVAC · lead generation

Kosta Klima needed more than a visual refresh. The site had to make technical work legible, earn trust quickly on mobile, and move homeowners in Prague from a service question to a qualified quote request.

design, development, SEO, deploymentNext.js 16 · React 19 · TypeScript · Tailwind 4 · Dockerkostaklima.com
Kosta Klima homepage with a technical grid, a large Czech headline and photographs of real air-conditioning installations
kostaklima.comhomepage · 1440 px

// delivery record

realisation sets
26
content
6 sections + blog
mobile budget
Lighthouse 95+
hosting
self-hosted
01

The brief

Turn a dated service-business website into a credible lead-generation surface for air-conditioning, heat pumps, service and regulated inspections across Prague and Central Bohemia.

The audience is usually comparing several installers on a phone. The useful proof is the work itself: what was installed, where, and how carefully it was finished.

02

The interface

The visual system borrows from technical drawings: a visible grid, precise hairlines, compact specification labels and one controlled blue accent. Twenty-six real installation photo sets carry the page.

Services, the equipment catalogue and the contact path share the same information hierarchy, so a visitor can move from a broad need to a specific request without learning the site first.

03

What I built

The production site is a statically rendered Next.js application with a markdown content layer. The image pipeline sizes and optimises the installation archive instead of shipping original camera files.

Search
Service pages, a blog, structured data for the HVAC business, sitemap, robots rules and generated social previews.
Measurement
Analytics and conversion events for calls and the quote form, with consent-aware loading.
Delivery
Docker deployment on my Coolify server with automated builds from git and a defined mobile performance budget.
04

Why it matters

The website now presents the company through evidence rather than adjectives. Real installations sit beside the relevant service, technical details are available without dominating the page, and every major route ends in a clear enquiry path.