Binnen 48 uur liveVaste prijs vanaf €299

Website voorbeelden: zo vind en beoordeel je goede inspiratie

Goede website voorbeelden vind je vooral bij bedrijven in jouw eigen branche en regio, niet in lijstjes met de mooiste sites ter wereld. Een voorbeeld is pas bruikbaar als je kunt zien waarom het werkt: binnen vijf seconden snap je wat het bedrijf doet, en met één tik op je telefoon heb je ze aan de lijn. Bekijk elk voorbeeld daarom eerst op je mobiel, want Google gebruikt ook de mobiele versie van een site om pagina’s te indexeren en te rangschikken.

Waar vind je goede website voorbeelden?

De bruikbaarste voorbeelden zijn de sites van bedrijven die dezelfde klant bedienen als jij. Een paar bronnen die ik zelf gebruik als ik een nieuw ontwerp voorbereid:

  • Google, op je eigen dienst plus plaats. Zoek “kapper Hoorn” of “boekhouder Zaandam” en open de eerste vijf resultaten. Dat zijn de sites waar je klant ook langskomt.
  • De kaart in Google. Bedrijven met veel reviews hebben vaak ook nagedacht over hun site. Klik door vanuit het bedrijfsprofiel.
  • Branche- en ledenlijsten. Brancheverenigingen hebben vaak een ledenoverzicht met links naar websites.
  • Portfolio’s van webbouwers. Daar zie je per bureau welke stijl en welk niveau je kunt verwachten. In ons eigen portfolio met gebouwde websites zie je 40 websites die we bouwden, van vakmensen tot praktijken.
  • Ontwerpplatforms als Dribbble en Awwwards. Mooi voor kleur, typografie en animaties, maar wat daar staat is vaak gemaakt om andere ontwerpers te imponeren, niet om aanvragen binnen te halen.

Wil je zien hoe een concurrent zijn site door de jaren heeft aangepast, open dan de Wayback Machine op web.archive.org. Wat ze steeds hebben laten staan, werkt meestal.

Hoe beoordeel je een website voorbeeld in vijf minuten?

Het gaat om wat een bezoeker op de site moet kunnen doen; hoe mooi hij is, komt daarna. Pak je telefoon en loop deze vijf stappen door:

1
Vijf seconden kijken. Sluit de pagina daarna. Weet je wat het bedrijf doet, voor wie en waar? Dan is de bovenkant goed.
2
De belangrijkste knop zoeken. Bellen, offerte, afspraak of in winkelwagen. Staat die zonder scrollen in beeld?
3
Eén dienst opzoeken. Kom je met maximaal twee tikken op de pagina die je zoekt, en staat daar wat het kost of hoe het werkt?
4
Vertrouwen zoeken. Reviews, keurmerken, een echt adres, foto’s van de mensen zelf in plaats van stockfoto’s.
5
Laadtijd voelen. Duurt het op 4G merkbaar lang voordat je iets kunt aanklikken, dan verliest die site bezoekers, hoe mooi hij ook is. Een exacte meting doe je met PageSpeed Insights.

Een klassieker is het voorbeeld dat iemand alleen op een groot scherm heeft bekeken. Op een telefoon blijkt de helft van wat ze mooi vonden weggevallen of onder elkaar geschoven. Bekijk elk voorbeeld daarom op beide.

Welke voorbeelden passen bij jouw soort bedrijf?

Elk soort website heeft een ander hoofddoel, en een goed voorbeeld is er een dat dat doel zichtbaar dient.

Soort bedrijfHoofddoel van de siteWaar je op let in een voorbeeld
Lokale dienstverlener (installateur, kapper)Bellen of afspraak makenTelefoonnummer bovenaan, werkgebied, reviews, prijsindicatie
Zzp’er of adviseurVertrouwen en een kennismakingFoto van de persoon, duidelijke specialisatie, één contactroute
Coach of therapeutEen eerste gesprek inplannenPersoonlijke toon, werkwijze in stappen, agenda- of belknop
WebshopVerkopenZoekfunctie, filters, levertijd en verzendkosten op de productpagina
Bedrijf met meerdere vestigingenJuiste vestiging vindenVestigingenpagina per plaats, openingstijden, routeknop

Ben je zzp’er, kijk dan vooral naar sites van andere eenpitters en niet naar grote bureaus. Wat een website voor een zzp’er moet doen, is anders dan wat een bedrijf met twintig medewerkers nodig heeft. Voor een webshop geldt hetzelfde. Vergelijk met shops van jouw omvang; de grootste spelers in Nederland hebben een heel ander budget en publiek.

Wat neem je over van een voorbeeld, en wat niet?

De structuur en de ideeën mag je gebruiken; de teksten, foto’s en het logo blijven van de ander. Teksten en beeld zijn beschermd door het auteursrecht, en een site die er bijna hetzelfde uitziet als die van een concurrent helpt je ook commercieel niet.

Wat je wel kunt overnemen:

  • de volgorde van onderdelen op de homepage;
  • hoe ze de diensten indelen in het menu;
  • het type knop en waar die staat;
  • welke vragen ze in hun veelgestelde vragen beantwoorden.

De uitstraling zelf, met kleuren, lettertypes en beeldtaal, komt uit je eigen huisstijl. Heb je die nog niet, regel dat dan eerst; een logo en huisstijl laten ontwerpen voorkomt dat je site een kopie wordt van iemand anders.

Hoe gebruik je voorbeelden in het gesprek met je webdesigner?

Stuur je webdesigner drie tot vijf voorbeelden met per site één zin over wat je precies goed vindt. “Mooie site” helpt niemand verder. “Ik vind het fijn dat de prijzen direct op de dienstpagina staan” of “de foto’s van het team geven vertrouwen” geeft een ontwerper iets om mee te werken.

Stuur er ook één voorbeeld bij dat je juist niet wilt. Dat zegt vaak meer dan drie voorbeelden die je mooi vindt.

Ferry’s tip

Ik vraag klanten om bij elk voorbeeld een schermafbeelding van het onderdeel te maken dat ze bedoelen. Een hele site doorsturen leidt tot misverstanden, want je bedoelt de knop en ik kijk naar de kleuren. Eén screenshot met een pijltje erop scheelt een correctieronde.

Werk je met WordPress, dan bepaalt het thema voor een groot deel wat er technisch mogelijk is. Lees daarom ook welk WordPress-thema je het beste kunt kiezen voordat je een voorbeeld als harde eis neerlegt.

Waarom is een mooi voorbeeld niet altijd een goed voorbeeld?

Ontwerp en resultaat meten verschillende dingen, dus wat er indrukwekkend uitziet, levert niet vanzelf aanvragen op. Grote video’s op de achtergrond, bewegende tekst en effecten bij het scrollen zien er indrukwekkend uit, maar ze maken een site trager en leiden af van de knop waar het om draait.

Mijn standpunt: voor de meeste mkb-bedrijven werkt een rustige site met duidelijke tekst, echte foto’s en een goed zichtbaar telefoonnummer beter dan een site die een ontwerpprijs zou kunnen winnen. De uitzondering zijn creatieve beroepen, zoals fotografen, architecten en ontwerpers. Daar is de site zelf het visitekaartje en mag het ontwerp meer ruimte krijgen.

Bekijk de websites die Meerman Webdesign bouwde

✓Live in 48 uur✓40 websites gebouwd✓NLGW-geregistreerd✓WebwinkelKeur-partner

Meerman Webdesign bouwt vanuit Purmerend websites en webshops en zorgt dat ze gevonden worden in Google en AI-zoekmachines. Vaste prijzen, excl. btw.

Vragen over website voorbeelden en inspiratie

Het idee achter een indeling, zoals een knop rechtsboven of diensten in blokken, kun je niet claimen en mag je gebruiken. Teksten, foto’s, logo’s en een herkenbaar overgenomen totaalontwerp zijn wel beschermd. Laat je site daarom op ideeën uit voorbeelden bouwen, niet op een kopie.

Drie tot vijf is genoeg, plus één voorbeeld dat je niet wilt. Meer voorbeelden geven meestal tegenstrijdige signalen. Belangrijker dan het aantal is dat je per voorbeeld opschrijft wat je precies goed vindt.

Voor ontwerp en indeling wel. Let wel op het verschil in gewoontes: Nederlandse bezoekers verwachten bijvoorbeeld iDEAL bij het afrekenen en een herkenbaar adres en KvK-nummer. Wat in een Amerikaanse webshop normaal is, voelt hier soms onbetrouwbaar.

Van buitenaf zie je geen bezoekersaantallen of aanvragen. Wel kun je kijken of de site hoog staat op de zoekterm van dat bedrijf, of hij snel laadt in PageSpeed Insights en of de belangrijkste knop meteen zichtbaar is. Sites die jarenlang dezelfde opbouw houden, doen meestal iets goed.

Over de schrijver: Ferry Meerman

Ferry bouwt sinds 2017 websites en webshops in WordPress en WooCommerce, en zorgt dat ze gevonden worden in Google en AI-zoekmachines. Hij schrijft de artikelen in deze kennisbank.

Meer over Meerman Webdesign · Alle artikelen

Hulp nodig met je website of vindbaarheid?

Een website vanaf €299 excl. btw, binnen 48 uur live. Of hoger in Google met een SEO-pakket.

Zelf samenstellenKies je pakket