NJ Visuals

Webdesign Friesland

Webdesign wordt vaak opgevat als de kleurenkeuze en het plaatje bovenaan. In de praktijk gaat het over iets anders: bepalen wat een bezoeker als eerste ziet, wat als tweede, en wat hij helemaal niet hoeft te zien. Dat is een keuze over rangorde, niet over smaak.

Deze pagina beschrijft hoe dat ontwerpproces bij NJ Visuals 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.

01

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.

02

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.

03

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.

04

Bouwen en testen

Eigen code op WordPress, zonder pagebuilders. Daarna testen op telefoon, tablet en laptop, want een ontwerp dat op een groot scherm klopt kan op mobiel uit elkaar vallen.

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.

Dit is ook precies het punt waarop een ontwerp jaren later nog steeds goed of slecht is. Trends in vorm veranderen, leesbaarheid niet.

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.

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 NJ Visuals ook fotografie, videografie en dronewerk doet, 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. En een menu dat over de hele pagina klapt moet met één handeling weer dicht kunnen.

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.

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 tussen de 1.500 en 8.000 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 een bedrag dat vaststaat en een opleverdatum. Domein, hosting en de code komen op jouw naam. Een gesprek van een half uur over wat je site moet doen is de logische eerste stap.

Uitgelicht werk

Recent webdesign.

Hoe het werkt

Drie stappen.
Helder en kort.

Van eerste contact tot oplevering doorlopen we hetzelfde traject. Je weet altijd waar we staan en wat de volgende stap is.

01

Kennismaking

Een vrijblijvend gesprek waarin ik luister naar wat je wilt bereiken. Ik stel scherpe vragen en ben eerlijk of jouw vraag bij me past.

02

Concreet voorstel

Een helder voorstel met scope, planning en prijs. Wijzigingen tijdens het traject? Die bespreken we open en transparant, geen verrassingen.

03

Maken en live

Tussen elke fase ruimte voor feedbackrondes, zodat het eindresultaat aansluit bij wat je voor ogen hebt. Niets gaat de deur uit voordat het klopt.

Klaar voor de eerste stap? Een gesprek is vrijblijvend.

Plan een gesprek
Veelgestelde vragen

Vragen die vaak gesteld worden.

Antwoorden op de meest voorkomende vragen.

Stel hem even
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?

Twee is gebruikelijk. Verzamel je opmerkingen per ronde in één lijst, want losse opmerkingen die over weken binnendruppelen leiden tot tegenstrijdige aanpassingen en kosten allebei tijd.

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?

Dat mag, en eigen beeld werkt beter dan gekochte foto's. Een bezoeker uit de regio ziet meteen dat de werkplaats op de foto niet jouw werkplaats is. Fotografie en video kunnen binnen hetzelfde traject worden gemaakt, met het ontwerp erbij.

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 tussen de 1.500 en 8.000 euro. Je krijgt vooraf een vast bedrag met een opleverdatum.

Klaar voor de eerste stap?

Een gesprek is gratis.
Wachten kost omzet.

Een vrijblijvend gesprek van vijftien minuten. We kijken of het past, en jij hoort meteen wat ik voor jouw merk kan betekenen.

Vertrouwd door bedrijven in Friesland en daarbuiten