The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Herzog Bau GmbH | Website Design
A full-scope website for a German construction company specialising in historic building renovation (Altbausanierung). The design balances professional authority with warmth — using a clean white-and-green colour palette, bold editorial headings, and rich before/after photography to communicate craftsmanship and trust.
Key sections include a hero with a strong value proposition, a showroom spotlight, service breakdowns (aesthetic restoration, energy efficiency, sustainable renovation), a reasons-to-choose block, an active projects gallery, and a contact/cost estimate CTA.
The layout guides visitors from awareness to conversion with clear visual hierarchy, strong imagery, and a structured footer with full navigation. Designed to build credibility and generate leads for a premium renovation service.
Deliverables: Full-page responsive website design · German-language copy integration · Lead generation contact form · Project portfolio gallery
Check it out: herzog-bau.gmbh
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Challenges
View all
Related posts
Two case studies, two totally opposite registers.
One is carved in stone and says nothing.
One drips off a spoon and won't shut up about which field it came from.
Which one do you want first?
vectis — zero-knowledge privacy, dithered like a forgotten statue
HIVE INDEX — raw honey with a paper trail. No two lots taste the same, and we don't correct for that.
45 voted
51%
43 voted
49%
88 votes
Closed
Vectis
Custom liquid interaction built in Framer.
Turning a static hero into a responsive visual surface through cursor-driven distortion.
How do you adapt the cursor-driven effect for touch screens?
The 404 was treated as a proper page rather than a fallback state.
The number is constructed as an architectural drawing. The 4 and the 0 are formed from walls at true thickness, with furniture laid out inside the resulting rooms and dimension strings running along both edges. It sits inside the same drafting system as the rest of the site rather than borrowing a display typeface.
The error message then repeats. Instead of a single dialog, identical windows cascade back across the canvas, each one carrying the same 404 notice. It reads as a system throwing an unresolved warning over and over, which is the exact behaviour Heron is built to prevent inside a model.
Error pages are never in the brief. They're a good measure of whether a team understood the product or just styled it.
Treating a 404 as an actual page instead of a dead end is such a good instinct, where did the architectural drawing idea come from, personal interest bleeding into the work?