Webdesign
Webdesign Friesland
Jouw bedrijf verdient een website die herkenbaar van jou is. Vanuit Scharnegoutum ontwerp en bouw ik websites voor ondernemers in Friesland, met een heldere inhoud, eigen vormgeving en een duidelijke volgende stap. Bekijk hoe verschillend dat voor drie echte merken is uitgewerkt.
Gemeten op njvisuals.nl met Google Lighthouse, desktop, 29 augustus 2026. Reken het zelf na bij Google
Ontwerp dat bij het bedrijf hoort
Eén provincie, drie totaal verschillende merken
Elive Creative, YB Makelaardij & Taxaties en Torenbeek hebben ieder een eigen uitstraling en inhoud. De cases laten zien hoe ontwerp en navigatie daarop zijn afgestemd.
- Typografie met karakter
- Beeld met een functie
- Rust op kleine schermen
De overeenkomstDe websites verschillen zichtbaar, maar gebruiken dezelfde heldere basis voor snelheid, leesbaarheid en contact.
Wat het kost
Het ontwerp zit bij NJ Visuals in de prijs van de website, het is geen aparte post. Een onepager op maat ligt tussen de 600 en 2.000 euro, een maatwerkwebsite begint bij 1.500 euro. Bij de richtprijzen staat wat het bedrag bepaalt.
Voor de lokale situatie in de grotere plaatsen zijn er aparte pagina’s: Sneek, Leeuwarden, Drachten en Heerenveen. Wil je eerst weten welk type site bij je past, kijk dan bij website laten maken.
Je krijgt vooraf duidelijkheid over domein, hosting, broncode, toegang en overdracht. Voor onderdelen van derden kunnen eigen licentievoorwaarden gelden. De doorlooptijd hangt af van de omvang, benodigde koppelingen en de beschikbaarheid van inhoud en feedback. In het voorstel leggen we planning, afhankelijkheden en het beoogde oplevermoment vast. Verandert de scope of aanlevering, dan bespreken we wat dat voor de planning betekent.
Deze pagina beschrijft hoe dat ontwerpproces bij mij verloopt, waar de vaste ontwerpkeuzes op gebaseerd zijn en wat er van jou nodig is om er iets goeds van te maken.
Ik zoek iemand die een website kan ontwerpen voor mijn bedrijf, hoe gaat dat?
Niet met een ontwerp. Het begint met uitzoeken wie er op je site komt en met welke vraag, want daar volgt de rest uit.
Een aannemer die opdrachtgevers wil overtuigen heeft een andere site nodig dan een aannemer die vooral personeel zoekt. Dezelfde branche, hetzelfde bedrijf, een compleet andere opbouw. Wordt die vraag overgeslagen, dan krijg je een site die er verzorgd uitziet en niets doet.
Gesprek en uitzoeken
Een half uur tot een uur over wat je doet, voor wie, en wat er nu misgaat. Hier komt bijna altijd iets boven dat je zelf niet als belangrijk had genoemd, meestal de vraag die je klanten telkens stellen.
Het proces
De drie stappen na het eerste gesprek
Structuur voor vormgeving
Eerst welke pagina’s er komen en wat er in welke volgorde op staat. Nog zonder kleur en zonder beeld, want anders gaat het gesprek over de foto in plaats van over de opbouw. Dit is de fase waarin schrappen goedkoop is.
Ontwerp van één pagina
Er wordt één pagina volledig uitgewerkt, meestal de belangrijkste. Daarin worden alle keuzes gemaakt: typografie, kleuren, afstanden, knoppen. Ben je het daarover eens, dan volgt de rest daaruit.
Bouwen en testen
Ik werk het ontwerp uit tot een website en controleer de inhoud, werking en weergave op verschillende schermformaten. Je kijkt tijdens het bouwen mee op een testomgeving.
Twee rondes met aanpassingen is gebruikelijk. Verzamel je opmerkingen per ronde in één lijst, want losse opmerkingen die over weken binnendruppelen leiden tot tegenstrijdige aanpassingen en kosten iedereen tijd.
Leesbaarheid is geen smaakkwestie
Er is één onderdeel van webdesign waar geen mening over bestaat omdat het gemeten kan worden: het contrast tussen tekst en achtergrond.
De norm, in cijfers
De richtlijn WCAG 2.1 stelt op niveau AA dat tekst een contrastverhouding van minimaal 4,5 staat tot 1 moet hebben ten opzichte van de achtergrond. Voor grote tekst mag het 3 staat tot 1 zijn.
Als grote tekst geldt vanaf 18 punt, of vanaf 14 punt als de tekst vet is. Omgerekend naar schermformaat komt dat neer op ongeveer 24 en 18,5 pixels.
Lichtgrijze tekst op wit, wat jarenlang modieus was, haalt die norm vrijwel nooit. Het ziet er rustig uit op een goed scherm in een donkere kamer, en het is onleesbaar op een telefoon in de zon.
Wat blijft
Trends in vorm veranderen, leesbaarheid niet
Dit is ook precies het punt waarop een ontwerp jaren later nog steeds goed of slecht is.
Kleur en merk
Kleur, en waarom je merk niet hetzelfde is als je logo
Veel bedrijven hebben één huisstijlkleur en verder niets. Voor een website is dat te weinig, want je hebt kleuren nodig voor tekst, achtergronden, knoppen, waarschuwingen en bevestigingen, en die moeten onderling kloppen.
Een veelgemaakte fout is de huisstijlkleur overal gebruiken. Als alles opvalt, valt niets meer op. Een accentkleur werkt juist doordat hij schaars is: hij markeert de handeling die je wilt dat iemand doet, en verder niets.
Heb je nog geen logo of is het toe aan vervanging, dan kan dat binnen hetzelfde traject worden meegenomen. Voor administratiekantoor Torenbeek is dat zo gegaan: de website en het bijgewerkte logo zijn samen ontstaan, wat scheelt in afstemming en zorgt dat ze bij elkaar passen.
Kort overleg
Zullen we het even doornemen?
Bel of stuur een bericht. Je hoort wat er mogelijk is, wat het kost en wat ik zou doen als het mijn bedrijf was.
Beeld draagt het ontwerp
Een goed ontwerp met slechte foto’s blijft een slechte site. Andersom kan een eenvoudig ontwerp met sterk eigen beeld uitstekend werken. Beeld is bij webdesign geen versiering maar constructie.
Gekochte foto’s zijn herkenbaar als gekocht, en bij een lokaal bedrijf werkt dat tegen je. Een bezoeker uit de regio ziet meteen dat de werkplaats op de foto niet jouw werkplaats is. Eigen beeld hoeft niet perfect te zijn, het moet kloppen.
Omdat ik ook fotografie, videografie en dronewerk doe, kan het beeldmateriaal binnen hetzelfde traject worden gemaakt. Het praktische voordeel daarvan is dat er gefotografeerd wordt met het ontwerp erbij: je weet welke beelden liggend moeten, welke staand, en waar ruimte voor tekst overheen nodig is.
Ontwerpen voor een klein scherm
Een ontwerp moet op een telefoon net zo goed werken als op een laptop, en dat is meer dan hetzelfde ontwerp smaller maken.
Wat op een breed scherm naast elkaar staat, komt op mobiel onder elkaar. De volgorde die dan ontstaat is een ontwerpkeuze: welk blok komt eerst. Wordt daar niet over nagedacht, dan staat op mobiel het minst belangrijke element bovenaan.
Daarnaast zijn er praktische dingen.
- Knoppen moeten groot genoeg zijn om met een duim te raken.
- Tabellen moeten kunnen schuiven in plaats van de pagina scheeftrekken.
- Een menu dat over de hele pagina klapt moet met één handeling weer dicht kunnen.
Houvast
Wat een goed ontwerp niet is
Niet de nieuwste trend
Een site die volledig om één modeverschijnsel heen is gebouwd, ziet er over drie jaar gedateerd uit, en dan zit je vast aan een ontwerp dat niet meer klopt bij je bedrijf.
Ook niet: zoveel mogelijk laten zien
De verleiding om alles op de voorpagina te zetten is groot, zeker als er intern meerdere mensen meekijken die allemaal iets belangrijk vinden. Het resultaat is een pagina waarop de bezoeker niets meer vindt.
Wat wel meegaat
Duidelijke rangorde, goede leesbaarheid, eigen beeld en een structuur waarin je later dingen kunt toevoegen zonder dat het geheel uit balans raakt.
Verder lezen
Ook interessant voor jou
Ik zoek iemand die een website kan ontwerpen voor mijn bedrijf, hoe begint dat?
Met een gesprek van een half uur over wat je doet, voor wie, en wat er nu misgaat. Pas daarna gaat het over vormgeving. Wordt die stap overgeslagen, dan krijg je een site die er verzorgd uitziet en niets doet.
Wat houdt webdesign eigenlijk in?
Bepalen wat een bezoeker als eerste ziet, wat als tweede, en wat hij helemaal niet hoeft te zien. Het is een keuze over rangorde, niet over smaak. Kleur en beeld komen pas daarna.
Krijg ik eerst een ontwerp te zien voordat er gebouwd wordt?
Ja. Er wordt eerst één pagina volledig uitgewerkt, meestal de belangrijkste. Daarin worden alle keuzes gemaakt: typografie, kleuren, afstanden en knoppen. Ben je het daarover eens, dan volgt de rest daaruit.
Hoeveel aanpassingsrondes zitten erbij?
Het aantal feedbackrondes staat in het voorstel. Verzamel opmerkingen per ronde in één overzicht en bepaal vooraf wie ze samenbrengt. Zo blijft duidelijk welke wijzigingen binnen de afspraak vallen.
Wat is contrastverhouding en waarom hoor ik daarover?
Het verschil tussen tekst en achtergrond, uitgedrukt als verhouding. De richtlijn WCAG 2.1 vraagt op niveau AA minimaal 4,5 staat tot 1 voor gewone tekst en 3 staat tot 1 voor grote tekst, waarbij grote tekst begint bij 18 punt of 14 punt vet. Lichtgrijs op wit haalt dat vrijwel nooit.
Waarom is leesbaarheid geen kwestie van smaak?
Omdat het te meten is. Een ontwerp kan modieus ogen op een goed scherm in een donkere kamer en onleesbaar zijn op een telefoon in de zon. Trends in vorm veranderen, leesbaarheid niet.
Mag ik mijn eigen huisstijlkleur overal gebruiken?
Beter van niet. Als alles opvalt, valt niets meer op. Een accentkleur werkt juist doordat hij schaars is: hij markeert de handeling die je wilt dat iemand doet, en verder niets.
Ik heb nog geen logo, kan dat meegenomen worden?
Ja. Voor administratiekantoor Torenbeek zijn de website en het bijgewerkte logo samen ontstaan. Dat scheelt afstemming en zorgt dat ze bij elkaar passen.
Moet ik zelf foto's aanleveren?
Bestaande eigen foto’s zijn welkom. We bekijken samen of ze bij het ontwerp en de gewenste kwaliteit passen. Wanneer aanvullend beeld nodig is, spreken we vooraf af wat wordt gemaakt en binnen welke scope.
Wat kost webdesign bij NJ Visuals?
Het ontwerp zit in de prijs van de website en is geen aparte post. Een onepager op maat ligt tussen de 600 en 2.000 euro, een maatwerkwebsite begint bij 1.500 euro. Je krijgt vooraf een vast bedrag met een opleverdatum.
Klaar voor de eerste stap?
Een vrijblijvend gesprek van een half uur. Jij hoort meteen wat er mogelijk is voor jouw merk.
Bespreek het ontwerp van mijn website Vraag een gratis demo aanBel 06 48 66 26 79
Vanuit Friesland, voor ondernemers en organisaties in heel Nederland
