Lijstjes met mooie websites, zoals die van Hostnet, tonen vaak merken als NASA en Rituals. Mooi om naar te kijken, maar die sites zijn gebouwd door grote teams, voor een miljoenenpubliek.
Voor een bedrijfssite van vijf tot twaalf pagina's is "mooi" het verkeerde criterium. De vraag is: wat doet zo'n site slim dat je op kleine schaal kunt overnemen? Daarom staat bij elk voorbeeld wat je ziet, waarom het werkt, wat je overneemt en wanneer je het juist niet doet.
Wat maakt een goede website?
Een goede website laat een bezoeker zonder zoeken doen waarvoor hij kwam: begrijpen wat je aanbiedt, je vertrouwen en contact opnemen of bestellen. Zes eisen, elk met een regel die je zelf kunt toetsen:
- Het eerste scherm beantwoordt drie vragen. Wat doe je, voor wie, en wat is de volgende stap. Bezoekers besteden 57% van hun kijktijd aan het eerste scherm, nog vóór ze scrollen, en 74% aan de eerste twee schermen (Nielsen Norman Group, 2018).
- Hij werkt op een telefoon. Knoppen zijn met een duim te raken en de pagina reageert direct. Google noemt een pagina goed bij LCP binnen 2,5 seconde, INP tot 200 milliseconden en CLS tot 0,1 (web.dev).
- Er staat een echte organisatie achter. Adres, KvK-nummer, telefoonnummer en echte foto's. "Laat zien dat er een echte organisatie achter je site zit" is sinds 2002 de tweede richtlijn uit het Stanford Web Credibility-onderzoek.
- Er is één duidelijke route naar contact of bestelling. Elke aanvraag komt binnen in een mailbox die dagelijks iemand leest.
- Je kunt hem scannen. Koppen beginnen met de woorden die de informatie dragen. Zonder koppen, vet en opsommingen scannen haastige bezoekers vaak in een F-patroon en missen ze wat rechts staat (Nielsen Norman Group, 2017).
- Je kunt hem zelf bijhouden. Een site met prijzen van vorig jaar of een vacature die al vervuld is, kost vertrouwen.
Animaties, een video op de achtergrond of een trendkleur staan bewust niet in dit lijstje: ze mogen, maar maken een site niet beter.
Zes goede website voorbeelden, en wat je overneemt
We hebben elke site op 5 oktober 2026 bekeken. Bij de bekende sites beschrijven we alleen wat je zelf op hun voorpagina of tarievenpagina kunt zien.
1. GOV.UK: begin bij de taak van de bezoeker
Wat je ziet. De Britse overheidssite GOV.UK opent met één zin ("The best place to find government services and information"), een zoekvak en een lijst met de taken die het vaakst gezocht worden, zoals "Check your State Pension forecast". Geen nieuws, geen foto van een minister.
Waarom het werkt. De eerste ontwerpregel van het team luidt "Start with user needs", de tweede "Do less" (GOV.UK design principles, bijgewerkt 2 april 2025). Wie een taak komt doen, ziet die taak meteen staan.
Wat je overneemt. Schrijf de drie dingen op waarvoor klanten je het vaakst bellen of mailen. Die horen als knop of link in het eerste scherm, in de woorden van de klant.
Wanneer niet. Verkoop je iets waar mensen eerst over moeten nadenken, zoals een verbouwing, dan heeft een bezoeker ook voorbeelden van je werk nodig. Dan is "alleen taken" te kaal.
2. Thuisarts.nl: zoekvak eerst, spoed apart
Wat je ziet. Bovenaan Thuisarts.nl staat "Betrouwbare informatie over ziekte en gezondheid", met een zoekvak dat vraagt: "Waar ben je naar op zoek?". In het menu staat een eigen ingang "Spoed: wie bellen?".
Waarom het werkt. Een bezoeker typt zijn vraag in eigen woorden in plaats van te raden onder welk menu-item die hoort. Wie haast heeft, hoeft niet eerst te lezen.
Wat je overneemt. Heb je klanten met haast, zoals bij een loodgieter, slotenmaker of storingsdienst? Geef de spoedroute een eigen, vaste plek in het menu, los van het gewone contactformulier.
Wanneer niet. Een zoekvak loont pas bij tientallen pagina's. Met vijf pagina's is een duidelijk menu sneller.
3. Coolblue: de belofte staat bij het product
Wat je ziet. De producttegels op de voorpagina van Coolblue tonen de bezorgbelofte en een beoordeling met het aantal reviews erbij.
Waarom het werkt. Daar beslist een koper, dus daar horen de antwoorden op zijn twijfels: wanneer komt het, en zijn anderen er tevreden over?
Wat je overneemt. Zet levertijd, verzendkosten en retourvoorwaarden bij het product, niet alleen op een aparte servicepagina.
Wanneer niet. Heb je nog geen echte reviews, laat het blok dan weg. Toon alleen beoordelingen die echt bestaan, met het aantal erbij en de plek waar ze vandaan komen.
4. Mollie: de prijs per betaalmethode in beeld
Wat je ziet. De tarievenpagina opent met "Tarieven geschikt voor ieder bedrijf" en zet de prijs per betaalmethode in een overzicht, met de zin "Betaal alleen voor geslaagde transacties" (Mollie, tarieven).
Waarom het werkt. Wie betaalmethodes vergelijkt, ziet de kosten op een openbare pagina, zonder account en zonder verkoopgesprek.
Wat je overneemt. Laat zien wat iets kost, of in elk geval vanaf welk bedrag; een kleine tabel met je pakketten of tarieven is vaak genoeg. Met een vanaf-prijs beslist een bezoeker zelf of je in zijn budget past, zonder eerst te hoeven bellen. Wij doen het zelf ook: onze websitepakketten met prijs staan op één pagina.
Wanneer niet. Werk je echt alleen op offerte, noem dan de factoren die de prijs bepalen en een bandbreedte uit eerdere opdrachten.
5. Dutch Fiber Trading: de site rekent mee (ons project)
Wat je ziet. Dutchfibertrading.com is een B2B-site in vier talen (Nederlands, Engels, Duits en Frans) met een kostencalculator. Die toont naast de kosten ook de CO₂- en MKI-uitkomst van een keuze. Daarna kan een bezoeker bestellen of een offerte aanvragen, zonder online betaling.
Waarom het werkt. De opdracht was dat zakelijke bezoekers zelf kosten en milieu-impact uitrekenen, en dat het team de site zonder ontwikkelaar bijhoudt, in een eigen CMS met 8 onderdelen. De vraag uit elke offerte staat nu op de site zelf. De site haalde 100 op toegankelijkheid in Lighthouse en stond in ongeveer twee weken live.
Wat je overneemt. Je hoeft geen calculator te bouwen. Kijk welke vraag je in elke offerte opnieuw beantwoordt en of drie invoervelden die vraag kunnen beantwoorden. Het hele project lees je in de case Dutch Fiber Trading.
Wanneer niet. Is je prijs per klant echt anders en niet in een paar invoervelden te vangen, dan schept een calculator verwachtingen die je offerte niet waarmaakt. Noem dan een bandbreedte.
6. Business Center Altena: één aanbod, één aanvraagroute (ons project)
Wat je ziet. Businesscenteraltena.nl toont kantoor- en bedrijfsruimte in vier panden op De Hoogjens in Sleeuwijk, samen op één site in het Nederlands en Engels. Een bezoeker vergelijkt de ruimtes naast elkaar in plaats van per gebouw te zoeken.
Waarom het werkt. Vier panden hadden makkelijk vier losse sites of vier menu's kunnen worden. Eén aanbod met één aanvraagroute betekent dat elke aanvraag op dezelfde plek binnenkomt, met de verplichte gegevens erbij.
Wat je overneemt. Heb je meerdere vestigingen, locaties of productlijnen? Ordenen op wat de klant zoekt (een ruimte, een product) werkt beter dan ordenen naar hoe jouw bedrijf intern is ingedeeld. Meer keuzes staan in de case Business Center Altena.
Wanneer niet. Hebben je vestigingen elk een eigen team en eigen klanten, dan zijn aparte locatiepagina's met eigen contactgegevens duidelijker.
Voorbeelden van een website layout
Een layout is de volgorde van blokken op een pagina. De volgorde volgt de vragen die een bezoeker in zijn hoofd heeft. Dit overzicht hebben we zelf samengesteld, met per type het voorbeeld van hierboven dat er het meest op lijkt:
| Type site | Eerste scherm | Daarna | Lijkt op voorbeeld |
|---|---|---|---|
| Dienstverlener (5-12 pagina's) | Wat je doet, voor wie, knop naar contact | Diensten, werkvoorbeelden, werkwijze, prijsindicatie, contact | GOV.UK (taken eerst) |
| Zzp'er (1-5 pagina's) | Je naam, je vak, een foto van jou | Wat je oplevert, voor wie, je prijs of tarief, contact | Geen van de zes; zie de opbouw hieronder |
| Webshop | Zoekvak, categorieën, bezorgbelofte | Producten met levertijd en echte reviews, retourinfo | Coolblue |
| Bedrijf met één aanbod op meerdere plekken | Het aanbod zelf, alle locaties samen | Details per ruimte of product, één aanvraagknop | Business Center Altena |
| B2B met offertewerk | De vraag die klanten het vaakst stellen, plus het antwoord | Rekentool of prijsindicatie, offerte, talen | Dutch Fiber Trading |
Een homepage voor een dienstverlener, van boven naar beneden
- Kop met wat je doet en voor wie, plus één knop.
- Je diensten, elk met één zin en een link.
- Je beste projecten, met foto.
- Hoe het werkt, in een paar korte stappen.
- Een prijsindicatie of de link naar je prijzen.
- Contactgegevens, adres en KvK-nummer.
Zo blijft het eerste scherm vrij voor je belofte en je knop.
Een goede website voor zzp'ers: wat erop moet
Als zzp'er ben jij het product. Een bezoeker wil in een paar seconden weten wie je bent, wat je oplevert, voor wie en wat het kost. Daar heb je geen tien pagina's voor nodig, wel deze vijf onderdelen:
- Home: je naam, je vak en voor wie je werkt in één zin, met een recente foto van jezelf en één knop naar contact.
- Werk: drie tot vijf projecten, elk met wat de opdrachtgever wilde en wat je opleverde. Drie uitgewerkte projecten zeggen meer dan twintig losse plaatjes.
- Over mij: je achtergrond in een paar zinnen, je specialisatie en wat je níét doet. Dat laatste helpt een bezoeker sneller kiezen.
- Tarief of werkwijze: een uurtarief, dagtarief of vanaf-prijs, plus hoe een opdracht verloopt.
- Contact: telefoonnummer, mailadres en een kort formulier met naam, mailadres en vraag.
Welke gegevens horen op een zzp-site?
Op je website horen je naam en handelsnaam, je bezoekadres, je e-mailadres en je telefoonnummer. Lever je diensten of verkoop je via internet, dan vermeld je ook je KVK-nummer en je btw-identificatienummer (Ondernemersplein, regels voor bedrijfscorrespondentie). Twee punten waar zzp'ers vaak op vastlopen:
- Zet je btw-id op de site, niet je omzetbelastingnummer. Bij een eenmanszaak bevat het omzetbelastingnummer je BSN. Het btw-id bevat nooit een BSN en is bedoeld voor openbare communicatie (Ondernemersplein, btw-id).
- Werk je vanuit huis? Bij een eenmanszaak kun je je bezoekadres in het Handelsregister vaak via Mijn KVK laten afschermen; je postadres blijft zichtbaar en mag een postbus zijn (KVK, adres afschermen). Heb je dat gedaan, dan hoeft je bezoekadres ook niet op je website.
Een site met alles op één pagina kan ook, zolang elke sectie een eigen kop heeft. Wanneer dat slim is, lees je in webdesign trends 2026.
Zo'n site past in ons Starter-pakket van € 695 (tot 5 pagina's, ontwerp op basis van een template in jouw stijl). Wat er nog meer bij een website laten maken als zzp'er komt kijken, staat op de dienstpagina.
Wat maakt een website modern in 2026?
Modern zit in gedrag, niet in een kleur. Twee van de zes voorbeelden hierboven laten dat zien: Dutch Fiber Trading rekent mee en haalt 100 op toegankelijkheid in Lighthouse, Business Center Altena stuurt elke aanvraag via één route. Bij GOV.UK staat de taak van de bezoeker in het eerste scherm, bij Coolblue staat de belofte bij het product.
Check bij elk voorbeeld dat je overweegt drie dingen op je eigen telefoon: verspringt de pagina tijdens het laden, gaat het menu open, en zegt het formulier na versturen wat er nu gebeurt? Zakt een site daarop, dan is hij geen goed voorbeeld, hoe fris hij ook oogt.
Vormtrends als variabele letters, glasachtige vlakken en micro-interacties staan, met de voorwaarden waaronder ze werken, in ons artikel over modern webdesign.
Hoe moet een website eruit zien?
Een website moet eruitzien als het bedrijf erachter: dezelfde kleuren en toon als je bus, je offerte en je visitekaartje. Daarbinnen bepaalt de bezoeker de vorm. Grote, leesbare tekst, een vaste plek voor menu en contactknop, en echte foto's van je werk in plaats van stockbeeld.
Vaste regels voor elke bedrijfssite:
- Eén hoofdkleur voor knoppen, zodat bezoekers leren waar ze moeten klikken.
- Broodtekst van minstens 16 pixels (een vuistregel, geen norm) met genoeg contrast; voor gewone tekst vraagt WCAG 2.2 een contrast van 4,5:1.
- Witruimte rond de belangrijkste knop, zodat je hem op een telefoon niet mist.
Wanneer is een website goed? De test van 15 minuten
Een website is goed als een onbekende bezoeker in een paar seconden snapt wat je doet en zonder hulp contact kan opnemen. Dat meet je met je telefoon, een gratis tool en één bekende die je bedrijf niet kent. Deze zes tests kosten samen een kwartier:
| Test | Hoe | Goed als |
|---|---|---|
| Vijf-secondentest | Laat iemand die je bedrijf niet kent 5 seconden je homepage zien en vraag wat je doet | Hij noemt je vak en je doelgroep |
| Duimtest | Doorloop op je eigen telefoon de route van homepage naar contact, met één hand | Je raakt elke knop in één keer |
| Snelheid | Test je homepage in PageSpeed Insights, tabblad mobiel | In het veldgedeelte (echte gebruikers) staat de Core Web Vitals-beoordeling op geslaagd; zonder veldgegevens zijn LCP en CLS in de labmeting groen |
| Formuliertest | Vul je eigen formulier in met een privé-adres | De aanvraag staat binnen een minuut in de juiste mailbox, en jij krijgt een bevestiging |
| Toetsenbordtest | Ga met alleen de Tab-toets door je contactpagina | Je ziet steeds waar je bent en kunt versturen |
| Vertrouwenstest | Zoek je adres, KvK-nummer en telefoonnummer op de site | Je vindt ze allemaal binnen twee klikken |
Zakt je site op één of twee punten, repareer dan gericht. Zakt hij op vier of meer, dan is je website vernieuwen goedkoper dan blijven lappen. Bij drie punten hangt het af van welke: een traag of onvindbaar formulier repareer je, een eerste scherm dat niemand begrijpt vraagt om een nieuwe opzet.
Wat maakt een website succesvol?
Een website is succesvol als hij doet waarvoor hij gebouwd is: aanvragen, bestellingen of minder telefoontjes met dezelfde vraag. Dat begint met één doel dat je vooraf vastlegt, en een manier om het te tellen.
Tel het simpel: geef je formulier een eigen bedankpagina en tel die in je statistieken, vraag bij elke nieuwe klant "hoe vond je ons?", en kijk elke maand of het aantal aanvragen stijgt. Bij Dutch Fiber Trading was het doel dat zakelijke bezoekers zelf rekenen en daarna bestellen of een offerte vragen; bij Business Center Altena dat elke huuraanvraag via één gecontroleerde route binnenkomt. Bezoek- of rankingcijfers noemen we hier niet: met een website beloven we geen posities in Google.
Succes vraagt ook onderhoud. Een site met verlopen software of een kapot formulier verliest stilletjes aanvragen. Hosting, updates, back-ups en monitoring doen we voor € 29 per maand; zie website onderhoud.
Waar vind je meer websitevoorbeelden?
Wil je verder kijken, dan zijn dit bruikbare verzamelingen:
- Awwwards: prijswinnende sites, vaak van ontwerpbureaus zelf. Goed voor stijl, minder voor een MKB-site.
- One Page Love: alleen sites op één pagina, handig voor zzp'ers en evenementen.
- WordPress Showcase: sites die op WordPress draaien. Twijfel je over dat platform, lees dan WordPress of maatwerk.
Filter in elke verzameling op jouw type site. Een prijswinnende portfoliosite van een ontwerpbureau is geen goed voorbeeld voor een installatiebedrijf.
Fouten bij het overnemen van een voorbeeld
- De look kopiëren, niet de logica. Je neemt de kleuren van een groot merk over, maar niet de volgorde waarin het vragen beantwoordt.
- Teksten en foto's overnemen. Die vallen onder de Auteurswet; een idee of een volgorde van blokken mag je wel gebruiken.
- Een slider bovenaan. Elke boodschap staat er een paar seconden, dus wat een bezoeker leest hangt af van het moment waarop hij kijkt. Kies één boodschap.
- Alle functies tegelijk. Chat, nieuwsbrief, terugbelverzoek en offerteformulier op één pagina. Kies er één als hoofdroute.
- Alleen op een groot scherm beoordelen. Bekijk elk voorbeeld ook op je telefoon voordat je het als inspiratie meeneemt.
Veelgestelde vragen
Waar vind ik goede website voorbeelden voor mijn branche?
Zoek de sites van een paar concurrenten en twee bedrijven buiten je branche die je zelf graag gebruikt. Noteer per site wat er in het eerste scherm staat en hoe je contact opneemt. Die vergelijking leert je meer dan een algemene top-10.
Mag ik het ontwerp van een andere website overnemen?
Een indeling, een volgorde van blokken of een kleurgebruik mag je als inspiratie gebruiken. Teksten, foto's, logo's en code van een ander overnemen mag niet zonder toestemming; die zijn beschermd door de Auteurswet. Een webbouwer maakt van je voorbeelden een eigen ontwerp.
Hoeveel pagina's heeft een goede website nodig?
Voor de meeste zzp'ers en kleine bedrijven zijn vijf tot twaalf pagina's genoeg: home, diensten, werk, over ons, prijzen of werkwijze en contact. Elke extra pagina moet een eigen vraag beantwoorden. Een pagina die je niet bijhoudt, kun je beter weglaten.
Wat is het verschil tussen een mooie en een goede website?
Een mooie website valt op door beeld en stijl. Een goede website zorgt dat een bezoeker begrijpt wat je doet en contact opneemt of bestelt. De beste voorbeelden zijn allebei, maar als je moet kiezen, kies je voor goed.
Wat kost een website zoals in deze voorbeelden?
Een site van tot 5 pagina's kost bij ons € 695, een site van tot 12 pagina's met eigen ontwerp, blog en formulieren € 1.495, en een webshop begint bij € 2.495. Dat zijn introductieprijzen voor de eerste 10 klanten (t/m 31 maart 2027), exclusief btw. Een rekentool of meertaligheid zoals bij Dutch Fiber Trading prijzen we op aanvraag; de opbouw van zulke bedragen staat op wat kost een website.
Kan ik voorbeelden meenemen naar mijn webbouwer?
Graag zelfs. Stuur een handvol links mee en schrijf bij elke link één zin over wat je goed vindt, zoals "het menu" of "hoe de prijzen in beeld staan". Hoe je een nieuwe site verder voorbereidt, staat in onze checklist voor een nieuwe website.
Moet een goede website een blog hebben?
Nee. Een blog loont alleen als je er regelmatig iets in zet dat klanten echt vragen. Een blog waarvan het laatste bericht twee jaar oud is, laat vooral zien dat er niemand meer naar de site kijkt.
Hoe test ik of mijn website goed werkt op mobiel?
Open je site op je eigen telefoon en doorloop de route naar contact met één hand. Test daarnaast je homepage in PageSpeed Insights op het tabblad mobiel en kijk naar de gegevens van echte bezoekers, als PageSpeed die voor jouw site heeft. Lukt het eerste niet soepel, dan maakt een hoge score weinig uit.
Is een website met een template slechter dan een ontwerp op maat?
Niet per se. Een template met jouw kleuren, foto's en teksten haalt alle eisen uit dit artikel, zolang de volgorde van de blokken klopt. Maatwerk loont als je site iets moet doen wat een template niet kan, zoals rekenen of bestellen in vier talen. Wil je eerst zelf proberen, lees dan zelf een website maken of laten maken.
Wat is een goed voorbeeld van een kleine webshop?
Een goede kleine webshop toont bij elk product de prijs, de levertijd, de verzendkosten en de retourvoorwaarden. Hij heeft een zoekvak zodra er meer dan een paar tientallen producten zijn, en alleen echte reviews. Wat erbij komt kijken voordat je begint, lees je in een webshop beginnen; hoe wij een webshop laten bouwen aanpakken, staat op de dienstpagina.
Verder
Haalde je site minder dan vier van de zes tests? Stuur ons de link en twee voorbeelden die je aanspreken; je hoort wat we zouden veranderen. Wil je een zakelijke website laten maken die deze punten haalt, bel dan 085 016 0118 of neem contact op. Onze eigen projecten staan in ons website portfolio.
