Een website ontwerpen: Onze stapsgewijze handleiding [2024]

Denk je dat je geen website nodig hebt? Denk nog eens na. Klanten verwachten niet alleen dat je bedrijf een website heeft, ze willen ook dat je website gebruiksvriendelijk is en alle informatie bevat die ze nodig hebben om een aankoopbeslissing te nemen. Je website is verantwoordelijk voor het maken van een goede eerste indruk, dus het is belangrijk dat je het goed doen.

Maak je echter geen zorgen, je hoeft geen budget te hebben voor een professionele webdesigner. Hoewel samenwerken met een professional altijd een optie is, is het in dit geval niet nodig. Dankzij de opkomst van doe-het-zelf website bouwers is het nog nooit zo eenvoudig geweest om zelf een mooie en succesvolle website te ontwerpen.

Desondanks is website ontwerp niet zo eenvoudig als het kiezen van een thema op een website bouwer, het invullen van een paar tekstvakken en op publish drukken als je klaar bent. Natuurlijk maken kant-en-klare sjablonen het ontwerpen van je website eenvoudig, maar er is nog veel meer waar je rekening mee moet houden voordat je website klaar is voor gebruik.

Na duizenden uren te hebben gewerkt aan honderden websites in verschillende niches, hebben we geleerd wat er nodig is om een mooie maar functionele website te ontwerpen. Lees dus rustig verder om te leren hoe je zelf een website ontwerpt zonder de hulp van dure professionals.

Bepaal je doelstelling

Net als bij elk ander onderdeel van je bedrijf moet je precies weten waarom je een website opzet.

Wanneer je websites van bedrijven in hun eenvoudigste vorm onderverdeelt, zijn er drie hoofdtypen: portfolio’s, online winkels en websites voor professionele diensten. Hun titel hoeft eigenlijk geen verdere uitleg, maar laten we er toch even dieper op in gaan.

Portfolio’s tonen iets belangrijks over je merk zonder direct een product of dienst te verkopen. Dit kunnen eenvoudige cv’s van één webpagina zijn, de online galerij van een fotograaf of zelfs een website van een bedrijf zonder e-commerce. Doorgaans is alles op een portfolio website bedoeld om gebruikers te overhalen om contact op te nemen of het bedrijf te bezoeken. Deze websites verkopen geen producten of diensten.

Online winkels sturen gebruikers in de richting van het kopen van een product. Natuurlijk zullen ze ook beschrijven wat het bedrijf uniek maakt, maar daar ligt de nadruk niet op. De focus ligt op het binnenhalen van de verkoop, dus ze zijn meestal ontworpen met de verkooppijplijn in gedachten. Deze websites zijn iets complexer dan portfolio websites omdat ze zich richten op e-commerce.

Websites voor professionele diensten zijn ontworpen om gebruikers diensten te laten reserveren. Afhankelijk van de geleverde diensten hoeft de website niet noodzakelijk aankopen af te handelen, daarom worden deze websites als een aparte categorie beschouwd. Ze hebben niet per se een e-commerce functionaliteit, maar wel een reserveringssysteem.

Er zijn natuurlijk uitzonderingen op deze “regel”. Zo zullen zelfstandige professionals vaak een combinatie hebben van een portfolio en een website voor professionele diensten. Sommige online winkels bieden ook professionele diensten aan. Ik wil alleen maar laten zien dat de focus van je bedrijf het website ontwerp bepaalt.

Kies een platform voor je website

Het is tijd om een onderkomen te kiezen voor je nieuwe website. Je kunt twee wegen bewandelen: een website bouwer gebruiken of je eigen website hosten. Website bouwers zijn geweldig als je een alles-in-één, beginnersvriendelijke optie wilt. Maar je kunt niet altijd je website moeiteloos migreren als je stopt met het gebruik van de diensten van de bouwer. Als je deze weg wil bewandelen, zijn dit de platforms die ik aanbeveel.

1. Wix: Onbeperkt potentieel voor merkbekendheid

Website bouwers hebben vaak de reputatie dat ze hetzelfde basissjabloon aanbieden, hier en daar wat kleuren en afbeeldingen veranderen en dan beweren dat het een heel ander sjabloon is. Niet Wix! De meer dan 850 sjablonen van Wix zijn uniek. Dit geeft je veel inspiratie en een geweldige basis om je ‘branding’ te starten.

Je krijgt ook de volledige vrijheid om elke sjabloon te personaliseren. Terwijl andere website bouwers je dwingen om elementen vast te klikken in een raster, kun jij elk element precies plaatsen waar jij dat wilt. Er zit echter wel een addertje onder het gras.

Hoewel je sjablonen mobielvriendelijk zijn, betekent de enorme mate van personalisatie die je krijgt dat sommige elementen verkeerd uitgelijnd kunnen zijn op mobiele apparaten. Je moet de mobiele versies van je website dus afzonderlijk bewerken om ervoor te zorgen dat alles werkt. Gelukkig is dat geen probleem met de intuïtieve drag-and-drop editor van Wix.

Functies

• AI-gestuurd ontwerp. Als je niet weet waar je moet beginnen met je branding, laat Wix je dan helpen. Vertel de Artificial Design Intelligence (ADI) van Wix over je bedrijf, je doelen en hoe je wilt dat je website eruitziet, en het genereert binnen een paar minuten een gepersonaliseerd (en aanpasbaar!) sjabloon voor je.
• Ingebouwd SEO-hulpprogramma. Zoekmachineoptimalisatie (SEO) is een essentieel onderdeel bij het website ontwerpen en het is moeilijk voor gebruikers om je zonder SEO te vinden. Gelukkig vereenvoudigt Wix dit deel van je ontwerp met een ingebouwde tool die een checklist aanbiedt voor het optimaliseren van elke pagina voor zoekmachines.
• Kant-en-klare content lay-outs. Naast de honderden sjablonen biedt Wix ook veel kant-en-klare lay-outs. Dit maakt het eenvoudiger om een professioneel ogende website te ontwerpen zonder dat je geavanceerde ontwerpprincipes kent.
• Geweldig gratis abonnement Het gratis abonnement van Wix is vrij genereus en beperkt je niet op het gebied van personalisatie of ontwerpfuncties.

Bekijk hoe je een geweldige website op Wix kunt ontwerpen in onze expert-review.

2. Squarespace: Prachtige kant-en-klare ontwerpen

Het maken van een website met Squarespace is vergelijkbaar met het hebben van een professionele webdesigner aan je zijde, die ervoor zorgt dat elk element in lijn is met moderne ontwerpprincipes waardoor je een uitzonderlijke gebruikerservaring krijgt. Je krijgt niet de vrije hand over het website ontwerp, maar dat werkt in je voordeel. Je zult niet overweldigd worden door de keuze en niet eindigen met een website die eruitziet als de homepage van eBay uit de jaren 90.

Om te beginnen kun je een kant-en-klaar sjabloon gebruiken, je eigen sjabloon maken of een Squarespace ontwerper betalen om er een voor je te maken. Gelukkig zijn de meer dan 140 Squarespace sjablonen modern, mobielvriendelijk en personaliseerbaar. Je hoeft echt niet meer te betalen dan de standaard maandelijkse kosten om een werkende website op te zetten.

Functies

• Enorm veel integraties. Naast de content blokken die vooraf zijn geladen in de drag-and-drop website bouwer, heeft Squarespace er nog meer om aan meer niche eisen te voldoen. Hieronder vallen blokken voor tafelreserveringen, tourdata, geluidsbestanden, interactieve Google Maps blokken en meer.
• Bibliotheek met stockfoto’s. Bespaar tijd tijdens het ontwerpproces door in de Squarespace editor door stockfoto’s te bladeren. Je kunt zelfs premium afbeeldingen kopen zonder de app te verlaten.
• Geweldige ondersteuning. Naast het behulpzame en vriendelijke team van Squarespace dat beschikbaar is voor e-mailondersteuning en live chat, heb je ook toegang tot een community forum. Het is een uitstekende bron voor ontwerpinspiratie en het ontvangen van feedback van collega-ontwerpers.
• Gratis logo-ontwerper. De logo-ontwerper van Squarespace is relatief eenvoudig, maar voor een gratis tool is het behoorlijk doeltreffend. Het is zeker bruikbaar als je budget voor branding laag is.

Lees onze uitgebreide Squarespace review om de andere fantastische functies te ontdekken.

3. SITE123: Eenvoudig ontwerpen voor beginners

Als je gevoelig bent voor keuzestress (en schaam je niet, dat heb ik ook), kijk dan eens op SITE123. De sjablonen van SITE123 zien er misschien sober uit, maar dat is ook de bedoeling. Zonder visuele rommel kun je een rechttoe rechtaan website ontwerpen die er goed uitziet.

Hoewel alle sjablonen personaliseerbaar zijn, gebruiken ze hetzelfde basisontwerp. Als je op zoek bent naar een volledig uniek ontwerp, dan is SITE123 waarschijnlijk niet geschikt voor je. Het is echter geweldig voor beginners op het gebied van website ontwerp die vertrouwd willen raken met de basisprincipes voordat ze zich gaan verdiepen in meer geavanceerde ontwerpprincipes.

Functies

• Mobielvriendelijk. Hoeveel je je sjabloon ook personaliseert, je SITE123 ontwerp zal er op je mobiel net zo goed uitzien als op je desktop.
• Talloze apps. Je kunt kant-en-klare integraties importeren om de functionaliteit van je website uit te breiden. Van kalenderblokken voor dienstverlenende bedrijven tot prijsvergelijkingstabellen, je hebt alles wat je nodig hebt om je website ontwerp te optimaliseren voor jouw doelen.
• Intuïtieve editor. Maak je geen zorgen als website ontwerp nieuw voor je is. De editor van SITE123 is intuïtief en gebruiksvriendelijk, zodat je zonder ervaring aan de slag kunt.
• 24/7 ondersteuning. Er is hulp beschikbaar als je problemen ondervindt. Je kunt contact opnemen met SITE123 via het 24/7 live chatkanaal, een e-mail sturen of het geweldige Support Center gebruiken voor advies.

Lees onze uitgebreide SITE123 review voor meer informatie.

4. Shopify: Moderne ontwerpen geoptimaliseerd voor verkoop

Shopify is de ideale keuze voor online winkels en indien je diensten wil aanbieden. Naast het feit dat het de meeste e-commerce functies biedt om bedrijven te ondersteunen, kun je met de aanpassingsmogelijkheden een (bijna) volledig unieke online winkel bouwen. Ik zeg bijna omdat, ook al is de personalisatie van je homepage net zo goed als de andere opties die ik hier heb opgesomd, je productpagina’s afhankelijk zijn van je thema.

En over thema’s gesproken, je hebt meer dan genoeg opties met Shopify. Er zijn er meer dan 120, maar slechts 12 zijn gratis. Als geen van deze voor je werkt, kun je ook een van de duizenden Shopify thema’s importeren die online beschikbaar zijn. Bovendien geeft Shopify je gratis toegang tot de basiscode van je website, zodat je zelfs aangepaste code kunt toevoegen om je winkelthema aan je voorkeuren aan te passen.

Functies

• Mobielvriendelijk. Naast het feit dat elk Shopify website ontwerp mobielvriendelijk is, kun je het ontwerp van je website ook bewerken op je mobiele apparaat. Je kunt er zeker van zijn dat je ontwerp er precies zo uitziet als je wilt op kleinere schermen.
• 3D-activa. Geef je bezoekers een goed beeld van je producten dankzij de ondersteuning van Shopify voor 3D productmodellen.
• Duizenden apps. Voeg gepersonaliseerde galerijen, productoverzichten, zoekbalken en meer toe aan je website. Met tientallen opties voor ontwerpfuncties, zelfs voor je koopknoppen, vind je ongetwijfeld de perfecte oplossing voor jouw bedrijf.
• Quickstart checklist. Als dit de eerste keer is dat je een website ontwerpt, zal Shopify je begeleiden met een checklist die is aangepast aan je bedrijfsdoelen.

Bekijk hoe je een prachtige online winkel kunt bouwen in onze Shopify expert-review.

WordPress is een geweldig alternatief

Website bouwers zijn niet je enige optie. Je website zelf hosten is een geweldig alternatief omdat het je meer flexibiliteit biedt op het gebied van ontwerp en prestaties. Dit is echter geen optie die ik aan beginners zou aanraden, omdat er iets meer technische kennis nodig is om ermee te beginnen. Onze complete gids voor het zelf hosten van je website kan je helpen beslissen of dit de beste optie voor je is.

WordPress is mijn beste aanbeveling voor websites die je zelf host. Het is een open-source content management systeem (CMS) dat 43% van alle websites aanstuurt, waardoor het een van de populairste platforms is. Omdat het zo’n populaire websiteoplossing is, biedt het meer dan 20.000 thema’s en zijn er nog duizenden meer beschikbaar via verschillende themabibliotheken van derden. Bovendien kan de editor worden weergegeven in het Nederlands. Je hebt ook volledige toegang tot de code van je website, dus je kunt zo veel tweaken als nodig is.

Hoewel WordPress zelf gratis is, moet je wel betalen voor hosting. Gelukkig is hosting niet zo prijzig als je zou denken. Onze beste aanbevolen hostingprovider, Hostinger, begint vanaf wat een zeer lage prijs is per maand voor 100 GB opslag en onbeperkte bandbreedte voor maximaal 100 WordPress websites. Je krijgt ook een gratis domeinnaam voor een jaar en een SSL-certificaat voor de duur van je abonnement.

Pagina’s maken voor je website

Als je hebt gekozen voor een lay-out met meerdere pagina’s voor je website, moet je een aantal standaardpagina’s toevoegen die gebruikers verwachten te zien. Dat wil niet zeggen dat sites met één pagina de informatie die deze pagina’s bevatten niet hoeven toe te voegen, ze zullen dit gewoon anders doen. Laten we eens kijken hoe deze pagina’s werken dankzij een voorbeeld uit de Wix sjabloon bibliotheek.

Homepage

Je homepage is misschien wel de belangrijkste pagina op je website. Je krijgt tenslotte maar één kans om een goede eerste indruk te maken en dat is de taak van je homepage.

Deze pagina hoeft niet per se specifieke informatie te bevatten, maar moet je logo en bedrijfsnaam in de verf zetten. De beste homepage ontwerpen vertellen de gebruiker precies wat het bedrijf doet voordat gebruikers naar beneden scrollen. Je kunt er ook korte stukjes onder zetten, zoals een testimonial, een link naar je galerij of een korte alinea met wat uitleg over wie je bent. Het belangrijkste is om alle informatie op je homepage kort en bondig te houden.

Over ons

Op je Over ons pagina beschrijf je je bedrijf en wat jou onderscheidt van je concurrenten. Het is een kans om meer in detail te treden over waarom je doet wat je doet, zodat je je merk menselijker kunt maken en een band kunt opbouwen met je bezoekers.

Een Over ons pagina schept vertrouwen. Het stelt je bezoekers gerust dat er een mens (of meerdere!) achter het merk staat en dat je niet zomaar een gezichtsloze entiteit bent. Afhankelijk van je niche en branche is dit waarschijnlijk de eerste pagina waar bezoekers vanaf je homepage naartoe gaan.

Contact

Tot slot moet je bezoekers een manier aanbieden om contact met je op te nemen. Je contactpagina moet er alleen op gericht zijn om klanten een manier te geven om contact met je op te nemen. Vermeld hier geen bedrijfsinformatie, tenzij het gaat om een geschatte reactietijd, openingstijden of een link naar je veelgestelde vragen.

Je moet op zijn minst een duidelijk contactformulier aanbieden. Dit kan worden gepersonaliseerd en je kunt verplichte velden instellen, wat betekent dat klanten het formulier pas kunnen verzenden als ze alle informatie hebben verstrekt die je nodig hebt om hun vragen te beantwoorden.

Optionele pagina’s

Waarschijnlijk heeft je bedrijf meer pagina’s nodig dan degene die we hierboven hebben vermeld. De voorbeeldwebsite hierboven heeft pagina’s voor de online cursussen van de spreker, spreekbeurtpakketten, andere ervaringen, een blog en een gebruikersgedeelte. Online winkels willen een productcatalogus met afzonderlijke productpagina’s, terwijl portfolio websites een galerij of een pagina met een overzicht van eerder werk van het bedrijf willen hebben.

De sky is the limit met de pagina’s die je toevoegt aan je website, en ik kan niet één vaste route bepalen zonder je einddoel te kennen. Ik raad je aan om de websites van je concurrenten te bekijken om hun pagina’s en de informatie die ze aanbieden te onderzoeken.

Ontwerp afzonderlijke website-elementen

Oké, laten we ter zake komen. Het is tijd om dat branding document en alles wat we tot nu toe hebben geleerd in de praktijk te brengen. Hier zijn de belangrijkste elementen die je moet weten en hoe je het ontwerp ervan kunt optimaliseren.

Koptekst en voettekst

Je kop- en voettekst zijn, zoals je misschien al dacht, de stukjes boven- en onderaan elke pagina. Hoewel deze elementen er eenvoudig uitzien, moet je je niet laten misleiden. Gebruikers verwachten dat je kop- en voettekst op een bepaalde manier zijn ingedeeld. Je kunt elders een risico nemen met je ontwerp, maar het is het beste om je hier aan de status quo te houden.

Je kop- en voetteksten moeten één van de eenvoudigste elementen op je website zijn. Bezoekers willen geen mooie afbeeldingen of speciaal design; ze willen de pagina’s vinden die ze zoeken met een minimale inspanning. 88% van de gebruikers keert niet terug naar een website na slechts één slechte gebruikerservaring, dus neem hier geen risico.

Menu

Laten we ons met dat in gedachten eens richten op het menu van je website.

Als je je menu aan het samenstellen bent, denk dan aan Marie Kondo. Gebruikers verwachten niet alleen bepaalde pagina’s in je menu, ze willen ook niet dat elke pagina op je website in je menu staat. Gebruik submenu’s (zoals dropdown menu’s) om je pagina’s te groeperen en alles netjes te houden.

Scrol effecten en beweging

Dit is een beetje een “je houdt ervan, of je laat websites met deze ontwerpelementen links liggen”, maar lees even verder. Wanneer ze met mate worden gebruikt, kunnen geanimeerde elementen heel goed werken, maar ze kunnen ook toegankelijkheidsproblemen veroorzaken. Ik zal hier straks wat dieper op ingaan.

Het populairste scrol effect voor moderne websites heet parallax scrollen. Met deze animatie scrolt de achtergrond van je website langzamer dan de voorgrondtekst, waardoor het content blok diepte krijgt. Het is een goede manier om de aandacht op je tekst te vestigen en een visuele flair aan je website toe te voegen. Desondanks is het niet altijd de beste manier om beweging aan je website toe te voegen. Je kunt ook video, korte looping-animaties of zelfs complexere scrol effecten gebruiken, afhankelijk van wat je wilt bereiken.

Tekst, afbeeldingen en audio

Deze drie dingen vormen het belangrijkste deel van de content van je website. In veel gevallen zul je geen audio nodig hebben, maar ik heb het hier opgenomen omdat het voor sommige bedrijven cruciaal is. Zorg er gewoon voor dat de audio niet is ingesteld op automatisch afspelen, oké? Elke Millennial kent de gruwel van automatisch afgespeelde audio, dus als je wilt dat we op je website blijven, houd die audio dan achter een afspeelknop.

Vermijd overdadige tekst om het evenwicht te bewaren, want te veel tekst kan gebruikers overweldigen en verwarren. Vul de tekst in plaats daarvan aan met afbeeldingen en voldoende witruimte. Dat wil niet zeggen dat je geen grotere stukken tekst kunt presenteren op pagina’s met veel informatie, maar je moet ze opbreken zodat bezoekers het gevoel hebben dat ze ruimte hebben om te ademen.

Denk zorgvuldig na over toegankelijkheid

Op dit punt sta je waarschijnlijk te popelen om je website op te zetten en te gaan spelen met kleurenpaletten, maar blijf nog even bij me voordat je dat doet. Een van de belangrijkste ontwerpprincipes die je moet volgen is toegankelijkheid, wat van invloed is op je algehele ontwerp.

De Web Content Accessibility Guidelines (WCAG) is een internationaal initiatief onder leiding van het World Wide Web Consortium (W3C). Het is een vrijwillige (maar noodzakelijke) reeks richtlijnen die websites toegankelijker maken voor gebruikers met een handicap die mogelijk hulptechnologieën moeten gebruiken om op het internet te surfen.

We hebben geen tijd om de hele WCAG 2 (de laatste versie van deze richtlijnen) door te nemen, dus ik geef je de hoogtepunten.

Alt-tekst, ondertitels en transcripties

Wanneer je een afbeelding uploadt naar je website, moet je ervan uitgaan dat niet elke gebruiker kan zien wat er op die afbeelding staat. Alt-tekst is een beschrijving die schermlezers gebruiken om gebruikers te vertellen wat er in een afbeelding gebeurt.

Op dezelfde manier moet je video’s en audio transcriberen voor dove en slechthorende gebruikers. Video’s zonder verhalende inhoud moeten een beschrijvende transcriptie hebben (vergelijkbaar met alt-tekst).

Kleurcontrast

Gebruikers met een visuele beperking kunnen moeite hebben met het onderscheiden van kleuren. Dit betekent dat als er niet genoeg contrast is tussen je tekst en achtergrond, sommige gebruikers niet veel kunnen opmerken op je website.

Gelukkig is de toegankelijkheidsassistent van Wix gebouwd met de WCAG 2-richtlijnen in gedachten. Wanneer je de toegankelijkheidsassistent uitvoert, zal deze je vertellen waar het kleurcontrast verbeterd moet worden.

Beweging verminderen

Animatie en scrol effecten kunnen voor sommige gebruikers ongemak veroorzaken, vooral als ze last hebben van hoogtevrees of bewegingsziekte. Dus, ik weet dat ik eerder heb gezegd dat scrol effecten zoals parallax scrollen populair zijn, maar houd er rekening mee dat het niet wordt aanbevolen als een toegankelijke ontwerpoptie.

Om je website volledig toegankelijk te maken, raad ik aan om parallax scrollen te vermijden en zo min mogelijk animatie- en bewegingsfuncties te gebruiken. Als je beweging wilt toevoegen, is de meest toegankelijke optie om een video toe te voegen die de gebruiker moet aanklikken.

DOM

Het Document Object Model (DOM) dicteert de volgorde waarin schermlezers en “tabs” (met de tab-toets navigeren) tussen elementen bewegen. De meeste website bouwers stellen automatisch de DOM-volgorde van je website in, maar het is de moeite waard om te controleren of dit klopt voordat je op de publicatieknop drukt.

Optimaliseren voor mobiele gebruikers

De helft van al het internetverkeer is afkomstig van mobiele gebruikers. Daarom moet je website er op mobiele apparaten net zo goed uitzien als in je browser. Je kunt er echter niet van uitgaan dat elke gebruiker je website bezoekt vanaf een mobiel apparaat met dezelfde schermgrootte. Je website moet responsive zijn (d.w.z. zich automatisch aanpassen aan verschillende apparaten).

De meeste website bouwers hebben mobiele responsiviteit ingebouwd in hun basisontwerp en sjablonen. Bij sommige, zoals Wix, moet je de mobiele versie van je website apart bewerken. Anderzijds past Squarespace de content automatisch aan wanneer iemand zijn smartphone of tablet gebruikt om je website te bezoeken.

Als je je website zelf host, is het niet zo eenvoudig. Hoewel WordPress veel responsive thema’s heeft, moet je op je hoede zijn voor aangepaste elementen. Als je er meer dan een paar opneemt, moet je ook CSS media queries (code die ontwerpregels toepast op basis van schermgrootte) toevoegen om ze te laten werken op mobiele apparaten.

Publiceer je website en houd hem up-to-date!

Als je tevreden bent met je ontwerp, is het tijd om te Publiceren. Hoera!

Dat betekent niet dat je je website van je to-do lijstje kunt schrappen. Je moet je website blijven bijwerken en luisteren naar feedback van gebruikers. Het hebben van een website is een voortdurende cyclus die nooit eindigt.

Je website actueel houden is niet alleen de beste manier om je klanten betrokken te houden, het laat zoekmachines ook zien dat je website niet in de steek is gelaten. Want net als de eigenaars van je plaatselijke winkelcentrum, zullen zoekmachines eerder reclame maken voor etalages die eruit zien alsof ze op zijn minst af en toe zijn afgestoft.

Ontwerp een moderne website in 2024

Je eigen website ontwerpen is niet zo moeilijk als je misschien denkt. Tussen branding richtlijnen, ontwerpprincipes en toegankelijkheid is er veel om rekening mee te houden, maar dat wil niet zeggen dat het een onmogelijke taak is. Dankzij moderne website bouwers zoals Wix, die kant-en-klare moderne en mobiel vriendelijke thema’s aanbieden, hoef je niet langer je budget uit te geven aan een webdesigner om een verbluffende website te krijgen.

Wat niet wil zeggen dat het inhuren van een webdesigner niet de moeite waard is. Als je kiest om zelf je website te hosten, dan heb je waarschijnlijk extra hulp nodig van een professional. Als je bovendien geen ervaring hebt met ontwerpprincipes zoals een mobiel responsive en toegankelijk ontwerp, is het inhuren van een freelance webdesigner een investering die zich op de lange termijn terugbetaalt.

Veelgestelde vragen

Hoe kan ik mijn eigen website ontwerpen?

De beste manier om je eigen website te ontwerpen is door een website bouwer te gebruiken of zelf je website te hosten met WordPress. Met beide opties kun je aan de slag met moderne, mobiel vriendelijke sjablonen. Website bouwers zijn geweldig voor beginners, maar als je wat ervaring met codering hebt (of gewoon meer controle over je website wilt), overweeg dan om je website zelf te hosten.

Hoeveel kost het om een website te maken?

Je kunt gratis beginnen met het ontwerpen van je website! Wix biedt een geweldig gratis abonnement voor altijd dat je toegang geeft tot allerhande tools om je website te personaliseren. WordPress is ook gratis als je liever kiest om je website zelf te hosten. Je moet betalen voor hosting, maar onze aanbevolen hostingprovider Hostinger heeft zeer lage kosten per maand met een geweldige geld-terug-garantie als je van gedachten verandert.

Wat zijn de 3 principes van goed website ontwerp?

Een goed ontworpen website moet snel, responsive en toegankelijk zijn. Als het laden van een pagina te lang duurt, niet goed werkt op mobiele apparaten of bezoekers met een beperking de pagina niet kunnen gebruiken, zullen gebruikers je website verlaten.

Hoe moet ik mijn website organiseren?

Een goede vuistregel is om ervoor te zorgen dat gebruikers elke pagina binnen 3 klikken vanaf je startpagina kunnen bereiken. Als je veel pagina’s op je website hebt (zoals online winkels vaak hebben), gebruik dan dropdown menu’s en zoekbalken om de navigatie op je website te vergemakkelijken.