200+ keer beoordeeld, gemiddeld starstarstarstarstar sterren

Helder ontwerp voor een toekomst in hout

Industrie:

Bouw & prefabricatie

Tijdlijn:

2 weken

Impact:

+57% meer interactie met projectgalerijen

Website voor houtbouw van Holzwerk Nova met hero, dienstenblokken en projectbeelden

Waar houtbouw strak is, mag de site niet rommelen

Maatwerk UX-ontwerp voor een Duits houtbouwmerk. Als een snelgroeiend houtbouwbedrijf zijn website op hetzelfde niveau wil krijgen als zijn vakwerk, kom je niet aanzetten met een standaard WordPress-thema. Dan maak je een website voor houtbouw met een modulair ontwerpsysteem dat mee kan groeien, logisch in elkaar zit en de identiteit van het merk netjes naar pixels vertaalt, zonder eruit te zien alsof het uit een digitaal restvak komt.

Precies dat hebben we voor Holzwerk Nova gedaan. En nee, het ging niet alleen om stijl. Ze hadden behoefte aan helderheid, structuur en een slimmere manier om inhoud over tientallen pagina’s te verdelen. Met een modulair ontwerpsysteem leverden we iets af dat met het bedrijf mee kan bewegen. Hieronder zie je hoe we dat hebben aangepakt.

Goede inhoud, nul samenhang

Geen lijn, geen ritme, geen systeem

Holzwerk Nova had prima inhoud, maar geen vaste pagina-opbouw, geen visueel verhaal en geen schaalbaar raamwerk. De bestaande site voelde eerder als een stapel documenten dan als een overtuigende website voor houtbouw. De structuur was rommelig, de merkidentiteit kwam nauwelijks naar voren en elke nieuwe pagina voelde alsof iemand weer opnieuw het wiel stond uit te vinden.

De kern van het probleem:

  • Wisselende lay-outs en ontwerpkeuzes
  • Geen schaalbaar componentsysteem voor nieuwe inhoud
  • Te weinig aansluiting op de scherpe visuele identiteit van het bedrijf
  • Onvoldoende onderscheid tussen productpagina’s en informatiepagina’s


Ze wilden dus niet alleen een frissere uitstraling. Ze hadden een website voor houtbouw nodig die hun digitale verhaal ordent. Het doel was een herbruikbaar modulair ontwerpsysteem waar hun team, of ieder ander ontwikkelteam, ook over een paar jaar nog fatsoenlijk mee uit de voeten kan. Precies passend bij hun B2B-verhaal in de bouw.

Website voor houtbouw met pagina over abbund en maatwerkoplossingen van Holzwerk Nova
Website voor houtbouw met sectie over houtskeletbouw en voordelen binnen het modulair ontwerpsysteem

Hoe we het hebben aangepakt

Eerst structuur. Dan templates. Dan stijl.

We trapten dit project af met een scherpe sessie over de doelen van Holzwerk Nova, samen met KUBE Studio, onze partner. Niet om gezellig wat schermen te bewonderen, maar om de juiste vragen te stellen. Wat moet blijven? Wat ontbreekt? Wat moet slimmer werken?

Van daaruit lag de focus op:

  • Eerst de structuur – We maakten een modulair wireframe-systeem om paginastromen, inhoudsprioriteit en relaties tussen onderdelen helder te krijgen.
  • Ontwerppatronen – We bouwden herbruikbare templates die mee konden bewegen met verschillende soorten inhoud, zoals projectoverzichten, dienstpagina’s en partnerprofielen.
  • Merklogica – We verwerkten de hoekige vormen, paarse merkkleur en rustige visuele toon consequent in het ontwerp.
  • Schaalbaarheid – Alles werd opgeleverd als modulair ontwerpsysteem waar ontwikkelaars direct mee verder konden.


Het resultaat? Een website voor houtbouw die praktisch werkt en tegelijk karakter heeft. Door eerst naar structuur en schaalbaarheid te kijken, ontstond een oplossing die niet na drie nieuwe pagina’s alweer kraakt.

We ontwierpen alles in Adobe XD en leverden het op in overzichtelijke artboards, met duidelijke logica en genoeg ruimte voor volgende rondes.

Website voor houtbouw met inspiratiegalerij van gerealiseerde projecten van Holzwerk Nova
Website voor houtbouw met projectdetail, contactblok en isometrische scans van bouwprojecten

Waarmee we dit hebben uitgewerkt

Voor dit pure UX-project hielden we het gereedschap bewust scherp en overzichtelijk om een sterke website voor houtbouw neer te zetten:

  • Adobe XD – Voor wireframes, lay-outs en de uiteindelijke pixelnauwkeurige ontwerpbestanden.
  • Componenten voor het ontwerpsysteem – We bouwden modulaire templates die ontwikkelaars later opnieuw kunnen inzetten bij uitbreiding.
  • Typografie- en kleurspecificaties – Opgeleverd als richtlijnen die netjes aansluiten op de merkhandleiding van Holzwerk Nova.
  • Ontwikkelklaar aangeleverd – Alles voorbereid voor het frontendteam van KUBE Studio.


Omdat onze rol hier ontwerp was en geen bouw, hebben we de overdracht strak en bruikbaar gemaakt. Geen losse eindjes, geen raadspelletjes, gewoon een modulair ontwerpsysteem waar een ontwikkelteam direct mee verder kan.

Website voor houtbouw met teampagina en bedrijfsverhaal van Holzwerk Nova
Website voor houtbouw met tijdlijn van de bedrijfsgeschiedenis van Holzwerk Nova

Wat er uiteindelijk stond

Wat begon als een los idee met veel goede bedoelingen, eindigde als een duidelijke website voor houtbouw met karakter. Het UX-ontwerp voor Holzwerk Nova leverde:

  • Een professionele en rustige interface die aansluit op het paarse kleurenpalet en de hoekige merkelementen
  • Herbruikbare ontwerptemplates, waardoor nieuwe inhoud snel en consistent kan worden geplaatst
  • Heldere hiërarchie en logische lay-outs, zodat ook volle B2B-pagina’s leesbaar blijven
  • Een overdracht waar KUBE Studio zonder extra giswerk mee door kon naar de bouw


De klant was tevreden. KUBE ook. En de site zelf zag er eindelijk net zo scherp uit als het hout waar het bedrijf dagelijks mee werkt. Zo simpel kan een goede website voor houtbouw soms zijn, al maken mensen er in de praktijk graag meer drama van dan nodig.

Website voor houtbouw met detail van tijdlijn en groeifases binnen het modulair ontwerpsysteem
Laptopmock-up van website voor houtbouw van Holzwerk Nova

Ook een UX-traject zonder chaos?

Heb je behoefte aan structuur, helderheid en net genoeg visuele scherpte om niet in de middelmaat te verdwijnen? Plan een korte videocall van 30 minuten, dan laten we zien hoe je een rommelig plan kunt terugbrengen tot iets dat klopt, of het nu gaat om een website voor houtbouw of een modulair ontwerpsysteem. Geen druk.

Laten we praten

Hand met een keramische koffiemok op een houten bureau in een Zwols industrieel kantoor, zacht daglicht
Collega loopt door een gang met sterke bewegingsblur in een Zwols industrieel kantoor
Twee collega's staan even stil in een zwartomrande deuropening voor een kort gesprek in een industrieel kantoor Twee collega's lachen tijdens een koffiemoment in de keuken van het Zwolse industriële kantoor
Drie collega's in een gang van een industrieel kantoor, één loopt voorbij met sterke bewegingsblur Collega kijkt in zijprofiel uit een hoog industrieel raam, zacht daglicht op haar gezicht
Collega werkt aan een houten bureau met haar rug naar de camera, grote plant wazig in voorgrond
Schuin van bovenaf van twee paar handen op een houten bureau met koffiemok en MacBook in een Zwols industrieel kantoor

Laten we van je volgende
project een succesverhaal maken.

Vraag een voorstel aan

Vertel wat vastloopt, wat je wilt bouwen, of wat opgelost moet worden. We reageren binnen 24 uur.

    Dit formulier is voor mensen met een project. Niet voor bureaus die toevallig hetzelfde doen als wij.

    Plan een call

    //