uzdowski.design

← WorkArchitectural climateClient work · Finished

Po Co Rekuperacja

A rebuild for a heat-recovery ventilation installer, drawn in supply and extract air.

Type
Company website rebuild
Role
Design and development
Year
2026
For
Client work
Stack
Next.js 16 · React 19 · TypeScript · Server Actions · Zod · Resend · SVG

Visit pocorekuperacja.vercel.app

Po Co Rekuperacja homepage in Polish: “Dom, który oddycha.” - A house that breathes - beside a line drawing of a house with supply and extract air.
Homepage

02

Context

The company’s existing WordPress site had grown to 26 pages, including 20 city landing pages that were almost identical to each other, and carried claims that could not be verified.

The rebuild had to keep every existing URL working.

03

Role

Client work delivered through Binary Brain Technologies. I designed and built the rebuild.

04

Idea

Colour means air.

The site explains a technical product through drawings rather than stock photos. A signature section draws a section through a house, stage by stage, from an airtight building to comfortable air.

Colour has a fixed meaning everywhere: turquoise is always fresh supply air, warm orange is always extract air, and the dashes move in the true direction of flow.

UnitLivingBedroomKitchenBathroomsupplyextract
Drawing: supply air in turquoise, extract air in orange, moving in the true direction.

05

Experience

  • 46 statically generated pages: services, installations with 133 real project photos, service area, articles, contact and quote request.
  • The 20 city pages were rewritten around real geography - each one with computed distances and its own questions - instead of swapping a town name in the same text.
  • Heroes use line drawings instead of photos, after early feedback that the photo heroes felt heavy.
  • Nothing tracks the visitor at launch: no analytics, no cookies.
Dark section drawing a cross-section of a house: “Dom wygląda na nieruchomy. Powietrze w nim - nie.”
The airflow section: turquoise is supply, orange is extract
Section explaining why an airtight house needs mechanical ventilation, in five short points.
Po Co Rekuperacja homepage on a phone.

06

System

  1. InterfaceNext.js 16 App Router, fully staticSVG + CSS motion, one IntersectionObserver
  2. ContentTyped content modules, ready for a CMS laterUnverifiable claims not republished
  3. FormsServer Actions + ZodHoneypot, minimum fill time, rate limitAttachment checks: size, type and magic bytesWorks without JavaScript
  4. SEOEvery old URL kept or redirectedStructured data for the business, services, FAQ and breadcrumbsRSS feedA single switch for indexing at launch
  5. InfrastructureVercelSix runtime dependencies

07

Details

No URL left behind

A root-level dynamic route and trailing-slash URLs keep the WordPress addresses; the rest redirect. An automated check verifies that every old URL resolves.

The steps are text; the drawing illustrates them

The steps of the airflow section are server-rendered text, so they are readable by search engines and screen readers; the drawing illustrates them and has a static state for reduced motion.

08

Output

A finished rebuild of 46 static pages, preserving every existing URL.

09

Reflection

A rebuild like this is as much about deciding what the old site should stop saying as about what the new one shows.