Case Study I · Web Development

NordDach — a corporate website that works as hard as its craftsmen

RoleDesigner & Developer
ScopeFull website, concept to code
IndustryRoofing · Construction, Germany
StackHTML · CSS · JS · AI workflow

Overview

NordDach GmbH is a German roofing company with a straightforward promise: Sicher. Präzise. Dauerhaft. — safe, precise, lasting. Its website needed to communicate exactly that to two audiences at once: homeowners comparing local contractors, and commercial clients checking credentials.

I delivered the site end to end as one person — structure, visual design, German copy direction and the complete front-end build — using an AI-accelerated development workflow.

Challenge

  • Trade websites in the region are often outdated, slow and generic — being clearly better was the whole brief.
  • Trust signals (certifications, references, guarantees) had to be prominent without turning the site into a brochure wall.
  • The primary conversion — a quote request — needed to be reachable from every scroll position.

Approach

Design and code from one hand

Because I both designed and built the site, nothing was lost in translation: spacing, type rhythm and interaction details shipped exactly as intended.

AI-accelerated, human-directed

AI tooling compressed the build timeline dramatically — component scaffolding, responsive variants, copy iterations — while every decision about hierarchy, tone and trust stayed a human one.

Built for the way people choose a contractor

Services are explained in plain language, references appear before pricing questions arise, and the quote CTA follows the visitor without shouting.

NordDach before/after project slider showing a completed roof renovation
Before/after project slider — proof of work, not just claims
NordDach contact and quote-request section
A direct, no-friction quote-request form and contact details

Outcome

Complete delivery

Concept, design, copy direction and deployed front end — one accountable person.

Fast static build

No heavy frameworks: semantic HTML and modern CSS that load instantly.

Days, not months

The AI-assisted workflow cut delivery time to a fraction of a traditional agency timeline.