NedDev®
NL Get in touch
Home Work
Services
SaaS developmentAI developmentAPI developmentMobile app developmentGoogle Ads managementHeadless ShopifyLaravel developmentNext.js developmentReact developmentTypeScript engineeringUI/UX designSEO & AEOEcommerce development
Solutions
AI solutionsB2B platformsE-commerceHospitalityLead generationLogisticsEducationProcess automationSaaS platformsStartup MVPReal estateHealthcare
Industries
LegalHealthcareReal estateFinanceHospitality
Regions
The HagueRotterdamAmsterdamUtrechtEindhovenAlmereBredaArnhemNijmegenTilburgEnschedeGroningenLeidenDelftZoetermeerDen Bosch
Studio
AboutProcessLabBlogContact

Over ons-pagina · Bouwbedrijf Hofstede, Meppel New

About page for a family-run building company: the story told in a filmstrip of workshop and building sites, the family and crew on camera, the story in their own words, what they do differently and an invitation for coffee in the workshop.

View full screen ↗

Werkplaats open op werkdagen van 7:00 tot 16:30

0522 123 456

Drie generaties, één werkplaats

Bouwbedrijf Hofstede is een familiebedrijf uit Meppel. We bouwen en verbouwen woningen en boerderijen in Zuidwest-Drenthe en de kop van Overijssel, met 24 mensen in vaste dienst en een eigen timmerwerkplaats.

De timmerwerkplaats van Hofstede met houtrekken en een eiken kozijn op de werkbank
De werkplaats aan de Industrieweg. Kozijnen, trappen en deuren maken we hier zelf.
Anke Hofstede bekijkt bouwtekeningen op het kantoor boven de werkplaats
Anke op kantoor boven de werkplaats. Bel je ons, dan krijg je meestal haar.
Een leerling zaagt een zwaluwstaartverbinding onder begeleiding van een oudere timmerman
Elk jaar leren we twee jongens of meiden het vak. Dit is Daan, tweede jaar BBL.
Gerestaureerde Drentse boerderij met rieten dak en nieuwe eiken kozijnen
Een boerderij in Ruinerwold: nieuw riet en eiken kozijnen uit de eigen werkplaats.
Vier bouwvakkers lunchen aan een klaptafel op de bouwplaats
Lunch in Havelte. Dezelfde ploeg van fundering tot oplevering.
Massief eiken trap in een gerenoveerd pand aan het water
Een eiken trap voor een pand aan het water in Zwartsluis, in drie dagen geplaatst.

Hoe het begon

Mijn opa Harm begon in 1961 als timmerman, met een handkar en een schuur achter het huis in Nijeveen. Hij deed alles zelf: kozijnen, dakkapellen, af en toe een heel huis. Mijn vader Klaas nam het over en verhuisde naar de werkplaats aan de Industrieweg, waar we nog steeds zitten.

Sinds 2016 leiden mijn broer Sietse en ik het bedrijf. Onze zus Anke houdt de planning en de cijfers bij. Dat klinkt groot, maar we zijn met 24 mensen. Iedereen kent elkaar, en de meeste klanten kennen ons ook: veel opdrachten komen van mensen voor wie mijn vader twintig jaar geleden een keuken verbouwde.

We zijn niet de goedkoopste, en dat willen we ook niet zijn. Een huis dat wij bouwen moet over vijftig jaar nog recht staan.

Jelle Hofstede, mede-eigenaar

Klaas Hofstede meet een plank op met een duimstok aan de werkbank
Wat je zelf niet in je eigen huis zou willen, lever je niet op.
Klaas Hofstede, die nog elke vrijdag in de werkplaats staat en dit tegen iedere nieuwe leerling zegt

Wie je tegenkomt

Sietse, Anke en Jelle Hofstede lachend in de werkplaats
Sietse, Anke en Jelle. Sietse bereidt het werk voor en staat op elke bouwplaats. Jelle maakt de begrotingen en voert het eerste gesprek. Anke plant de ploegen en regelt de nazorg.
Jelle Hofstede bespreekt een nieuwe keukenuitbouw met de bewoners
Jelle bij de oplevering van een keukenuitbouw in Meppel-Oost.
Metselaars op de steiger bij nieuwe rijwoningen
Onze metselploeg in Nijeveen: veertien rijwoningen, opgeleverd in mei.

Wat we anders doen

  • Een eigen werkplaats

    Kozijnen, trappen en deuren maken we zelf van FSC-eiken en meranti. Past iets niet, dan zagen we het dezelfde dag opnieuw.

  • Eigen mensen voor het casco

    Metselwerk, timmerwerk en afbouw doen onze eigen ploegen. Installaties en stucwerk besteden we uit, aan bedrijven waar we al jaren mee werken.

  • Een open begroting

    Je ziet per post wat het kost: uren, materiaal, onderaanneming en onze marge. Meerwerk spreken we vooraf af, op papier.

  • Eén nummer, ook na de oplevering

    Je belt Sietse of Jelle, van het eerste gesprek tot de sleutel. Na zes maanden komen we terug om alles samen na te lopen.

Het bakstenen werkplaatsgebouw van Hofstede met open roldeur en een witte bus ervoor

Kom kijken in de werkplaats

We zitten aan de Industrieweg 14 in Meppel, tussen een autobedrijf en een bakkerij. Op vrijdagmiddag staat de koffie klaar en lopen we graag met je door de werkplaats en langs de kozijnen die op een bouwplaats wachten.

Even bellen van tevoren is handig, dan zorgen we dat er iemand vrij is.

Bel 0522 123 456info@voorbeeld.nl

How to use it

  1. Paste the HTML where the page examples should appear.
  2. Add the CSS to your stylesheet. All classes are prefixed, so nothing clashes with your own styles.
  3. Add the JavaScript and call init() with the element that contains the HTML.
<!-- Over ons-pagina · Bouwbedrijf Hofstede, Meppel · NedDev · eigen werk. -->
<div class="jouw-container">
<div class="hfs">
<div class="hfs__top"><div class="hfs__in hfs__top-in">
  <p class="hfs__top-txt">Werkplaats open op werkdagen van 7:00 tot 16:30</p>
  <p class="hfs__top-txt"><a href="tel:0522123456">0522 123 456</a></p>
</div></div>

<div class="hfs__head" role="banner"><div class="hfs__in hfs__head-in">
  <a href="#" class="hfs__logo" aria-label="Bouwbedrijf Hofstede, naar home">Hofstede<span>bouwbedrijf</span></a>
  <nav class="hfs__nav" aria-label="Hoofdmenu">
    <a href="#">Nieuwbouw</a><a href="#">Verbouw</a><a href="#">Restauratie</a><a href="#">Projecten</a><a href="#" aria-current="page">Over ons</a><a href="#">Werken bij</a>
  </nav>
  <a href="#hfs-langs" class="hfs__btn hfs__btn--head">Kom langs</a>
  <button class="hfs__menu-knop" type="button" aria-expanded="false" aria-controls="hfs-menu" aria-label="Menu openen"><span></span><span></span></button>
</div>
<div class="hfs__menu" id="hfs-menu" hidden>
  <a href="#">Nieuwbouw</a><a href="#">Verbouw</a><a href="#">Restauratie</a><a href="#">Projecten</a><a href="#" aria-current="page">Over ons</a><a href="#">Werken bij</a><a href="#hfs-langs" class="hfs__btn">Kom langs in de werkplaats</a>
</div>
</div>

<div class="hfs__intro"><div class="hfs__in hfs__intro-in">
  <h1 class="hfs__h1">Drie generaties, één werkplaats</h1>
  <p class="hfs__lead">Bouwbedrijf Hofstede is een familiebedrijf uit Meppel. We bouwen en verbouwen woningen en boerderijen in Zuidwest-Drenthe en de kop van Overijssel, met 24 mensen in vaste dienst en een eigen timmerwerkplaats.</p>
</div></div>

<div class="hfs__film" aria-label="Het bedrijf in beeld">
  <div class="hfs__strip" tabindex="0">
    <figure class="hfs__f hfs__f--breed"><img src="https://neddev.com/lab-media/page-over-ons-familiebedrijf-1.webp" alt="De timmerwerkplaats van Hofstede met houtrekken en een eiken kozijn op de werkbank" width="1376" height="768"><figcaption>De werkplaats aan de Industrieweg. Kozijnen, trappen en deuren maken we hier zelf.</figcaption></figure>
    <figure class="hfs__f"><img src="https://neddev.com/lab-media/page-over-ons-familiebedrijf-11.webp" alt="Anke Hofstede bekijkt bouwtekeningen op het kantoor boven de werkplaats" width="900" height="491" loading="lazy"><figcaption>Anke op kantoor boven de werkplaats. Bel je ons, dan krijg je meestal haar.</figcaption></figure>
    <figure class="hfs__f"><img src="https://neddev.com/lab-media/page-over-ons-familiebedrijf-6.webp" alt="Een leerling zaagt een zwaluwstaartverbinding onder begeleiding van een oudere timmerman" width="900" height="491" loading="lazy"><figcaption>Elk jaar leren we twee jongens of meiden het vak. Dit is Daan, tweede jaar BBL.</figcaption></figure>
    <figure class="hfs__f hfs__f--breed"><img src="https://neddev.com/lab-media/page-over-ons-familiebedrijf-4.webp" alt="Gerestaureerde Drentse boerderij met rieten dak en nieuwe eiken kozijnen" width="900" height="491" loading="lazy"><figcaption>Een boerderij in Ruinerwold: nieuw riet en eiken kozijnen uit de eigen werkplaats.</figcaption></figure>
    <figure class="hfs__f"><img src="https://neddev.com/lab-media/page-over-ons-familiebedrijf-5.webp" alt="Vier bouwvakkers lunchen aan een klaptafel op de bouwplaats" width="900" height="491" loading="lazy"><figcaption>Lunch in Havelte. Dezelfde ploeg van fundering tot oplevering.</figcaption></figure>
    <figure class="hfs__f"><img src="https://neddev.com/lab-media/page-over-ons-familiebedrijf-8.webp" alt="Massief eiken trap in een gerenoveerd pand aan het water" width="900" height="491" loading="lazy"><figcaption>Een eiken trap voor een pand aan het water in Zwartsluis, in drie dagen geplaatst.</figcaption></figure>
  </div>
  <div class="hfs__in hfs__film-knoppen">
    <button type="button" class="hfs__pijl" data-r="-1" aria-label="Vorige foto's"><svg viewBox="0 0 24 24" width="22" height="22" aria-hidden="true"><path d="M15 5l-7 7 7 7" fill="none" stroke="currentColor" stroke-width="1.8"/></svg></button>
    <button type="button" class="hfs__pijl" data-r="1" aria-label="Volgende foto's"><svg viewBox="0 0 24 24" width="22" height="22" aria-hidden="true"><path d="M9 5l7 7-7 7" fill="none" stroke="currentColor" stroke-width="1.8"/></svg></button>
    <div class="hfs__voortgang" aria-hidden="true"><span></span></div>
  </div>
</div>

<div class="hfs__verhaal"><div class="hfs__in hfs__verhaal-in">
  <div class="hfs__verhaal-txt">
    <h2 class="hfs__h2">Hoe het begon</h2>
    <p>Mijn opa Harm begon in 1961 als timmerman, met een handkar en een schuur achter het huis in Nijeveen. Hij deed alles zelf: kozijnen, dakkapellen, af en toe een heel huis. Mijn vader Klaas nam het over en verhuisde naar de werkplaats aan de Industrieweg, waar we nog steeds zitten.</p>
    <p>Sinds 2016 leiden mijn broer Sietse en ik het bedrijf. Onze zus Anke houdt de planning en de cijfers bij. Dat klinkt groot, maar we zijn met 24 mensen. Iedereen kent elkaar, en de meeste klanten kennen ons ook: veel opdrachten komen van mensen voor wie mijn vader twintig jaar geleden een keuken verbouwde.</p>
    <p>We zijn niet de goedkoopste, en dat willen we ook niet zijn. Een huis dat wij bouwen moet over vijftig jaar nog recht staan.</p>
    <p class="hfs__naam">Jelle Hofstede, mede-eigenaar</p>
  </div>
  <figure class="hfs__citaat">
    <img src="https://neddev.com/lab-media/page-over-ons-familiebedrijf-3.webp" alt="Klaas Hofstede meet een plank op met een duimstok aan de werkbank" width="900" height="491" loading="lazy">
    <blockquote>Wat je zelf niet in je eigen huis zou willen, lever je niet op.</blockquote>
    <figcaption>Klaas Hofstede, die nog elke vrijdag in de werkplaats staat en dit tegen iedere nieuwe leerling zegt</figcaption>
  </figure>
</div></div>

<div class="hfs__mensen"><div class="hfs__in">
  <h2 class="hfs__h2">Wie je tegenkomt</h2>
  <div class="hfs__mozaiek">
    <figure class="hfs__m hfs__m--groot"><img src="https://neddev.com/lab-media/page-over-ons-familiebedrijf-2.webp" alt="Sietse, Anke en Jelle Hofstede lachend in de werkplaats" width="900" height="491" loading="lazy">
      <figcaption><strong>Sietse, Anke en Jelle.</strong> Sietse bereidt het werk voor en staat op elke bouwplaats. Jelle maakt de begrotingen en voert het eerste gesprek. Anke plant de ploegen en regelt de nazorg.</figcaption></figure>
    <figure class="hfs__m"><img src="https://neddev.com/lab-media/page-over-ons-familiebedrijf-9.webp" alt="Jelle Hofstede bespreekt een nieuwe keukenuitbouw met de bewoners" width="900" height="491" loading="lazy">
      <figcaption>Jelle bij de oplevering van een keukenuitbouw in Meppel-Oost.</figcaption></figure>
    <figure class="hfs__m"><img src="https://neddev.com/lab-media/page-over-ons-familiebedrijf-7.webp" alt="Metselaars op de steiger bij nieuwe rijwoningen" width="900" height="491" loading="lazy">
      <figcaption>Onze metselploeg in Nijeveen: veertien rijwoningen, opgeleverd in mei.</figcaption></figure>
  </div>
</div></div>

<div class="hfs__anders"><div class="hfs__in hfs__anders-in">
  <h2 class="hfs__h2">Wat we anders doen</h2>
  <ul class="hfs__lijst">
    <li><h3>Een eigen werkplaats</h3><p>Kozijnen, trappen en deuren maken we zelf van FSC-eiken en meranti. Past iets niet, dan zagen we het dezelfde dag opnieuw.</p></li>
    <li><h3>Eigen mensen voor het casco</h3><p>Metselwerk, timmerwerk en afbouw doen onze eigen ploegen. Installaties en stucwerk besteden we uit, aan bedrijven waar we al jaren mee werken.</p></li>
    <li><h3>Een open begroting</h3><p>Je ziet per post wat het kost: uren, materiaal, onderaanneming en onze marge. Meerwerk spreken we vooraf af, op papier.</p></li>
    <li><h3>Eén nummer, ook na de oplevering</h3><p>Je belt Sietse of Jelle, van het eerste gesprek tot de sleutel. Na zes maanden komen we terug om alles samen na te lopen.</p></li>
  </ul>
</div></div>

<div class="hfs__langs" id="hfs-langs"><div class="hfs__in hfs__langs-in">
  <img class="hfs__langs-foto" src="https://neddev.com/lab-media/page-over-ons-familiebedrijf-10.webp" alt="Het bakstenen werkplaatsgebouw van Hofstede met open roldeur en een witte bus ervoor" width="900" height="491" loading="lazy">
  <div class="hfs__langs-txt">
    <h2 class="hfs__h2">Kom kijken in de werkplaats</h2>
    <p>We zitten aan de Industrieweg 14 in Meppel, tussen een autobedrijf en een bakkerij. Op vrijdagmiddag staat de koffie klaar en lopen we graag met je door de werkplaats en langs de kozijnen die op een bouwplaats wachten.</p>
    <p>Even bellen van tevoren is handig, dan zorgen we dat er iemand vrij is.</p>
    <div class="hfs__acties"><a href="tel:0522123456" class="hfs__btn">Bel 0522 123 456</a><a href="mailto:info@voorbeeld.nl" class="hfs__link">info@voorbeeld.nl</a></div>
  </div>
</div></div>

<div class="hfs__voet" role="contentinfo"><div class="hfs__in">
  <div class="hfs__voet-raster">
    <div><p class="hfs__voet-logo">Hofstede</p><p>Bouwbedrijf Hofstede B.V.<br>Industrieweg 14<br>7944 HV Meppel</p></div>
    <div><p class="hfs__voet-kop">Werk</p><a href="#">Nieuwbouw</a><a href="#">Verbouw en uitbouw</a><a href="#">Restauratie</a><a href="#">Onderhoud</a></div>
    <div><p class="hfs__voet-kop">Bedrijf</p><a href="#">Over ons</a><a href="#">Projecten</a><a href="#">Werken bij</a><a href="#">Contact</a></div>
    <div><p class="hfs__voet-kop">Erkend</p><p>Bouwgarant<br>VCA**<br>Erkend leerbedrijf SBB</p></div>
  </div>
  <p class="hfs__voet-klein">KvK 04123456 · BTW NL001234567B01 · <a href="#">Privacy</a> · <a href="#">Algemene voorwaarden</a></p>
</div></div>
</div>
</div>

More page examples

Seen something you like?

Add it to your selection and send it over. We build your site around it, in your brand.

Get in touch →