Website laten maken: zo pak je het aan

Doel en doelgroep: begin met wat de site moet opleveren

Een website is een middel. Schrijf in één zin op wat een bezoeker moet doen nadat hij je site heeft bekeken. Bijvoorbeeld: een offerte aanvragen, bellen, een afspraak plannen of solliciteren. Die ene actie bepaalt hoe je pagina's eruitzien en welke knoppen het meest opvallen.

Kijk daarna naar je bezoekers. Een installateur die vooral via Google gevonden wordt door mensen met een lekkage, heeft andere pagina's nodig dan een adviesbureau dat bezoekers krijgt via LinkedIn. Beantwoord voor jezelf deze vragen:

• Wie zijn je drie belangrijkste soorten bezoekers?
• Met welke vraag of welk probleem komen ze binnen?
• Wat moeten ze weten voordat ze contact durven op te nemen?
• Hoe meet je straks of de site werkt: aanvragen, telefoontjes, inschrijvingen?

Leg ook vast wat er niet hoeft. Een webshop, een klantenportaal of een tweede taal kun je later toevoegen. Wie alles in de eerste versie wil, wacht langer en betaalt meer voor functies die misschien nooit gebruikt worden.

Inhoud verzamelen voordat het ontwerp start

De meeste websiteprojecten lopen vertraging op door teksten en foto's die niet op tijd klaar zijn. Een ontwerper kan prima werken met tijdelijke tekst, maar een ontwerp dat op echte inhoud is gebaseerd, past beter en hoeft minder vaak aangepast te worden.

Maak een eenvoudige sitemap: een lijst van alle pagina's die je nodig hebt. Zet per pagina erbij wat het doel is en wie de tekst schrijft. Verzamel daarnaast:

• Je logo in een bruikbaar formaat (bij voorkeur SVG of een groot PNG-bestand).
• Eigen foto's van je team, je werk of je pand. Stockfoto's maken een site snel inwisselbaar.
• Reviews of korte uitspraken van klanten, met hun toestemming.
• Bestaande teksten die je wilt hergebruiken, en een lijst van pagina's van je oude site die goed scoren in Google.
• Juridische teksten zoals een privacyverklaring en eventueel algemene voorwaarden.

Heb je geen tijd of zin om zelf te schrijven, regel dan vooraf dat een tekstschrijver meedoet. Dan sta je halverwege het project niet met lege pagina's.

Een websitebouwer kiezen: vragen die je stelt

Portfolio's lijken vaak op elkaar. Het verschil zit in de werkwijze en in de afspraken over eigendom en onderhoud. Stel in een kennismaking deze vragen en let op hoe concreet de antwoorden zijn:

• Wie werkt er aan mijn project, en wie is mijn vaste aanspreekpunt?
• Op wiens naam staan het domein en de hosting, en krijg ik alle inloggegevens?
• Ben ik eigenaar van het ontwerp en de code na betaling?
• Kan ik de site later zelf of door een andere partij laten onderhouden?
• Hoeveel feedbackrondes zitten er in de prijs, en wat kost een extra ronde?
• Hoe pas ik zelf teksten en foto's aan? Mag ik dat systeem vooraf zien?
• Wat gebeurt er na de oplevering: wie doet updates, back-ups en kleine wijzigingen?

Een rode vlag is een leverancier die het domein op eigen naam registreert of geen toegang geeft tot de code. Overstappen wordt dan lastig en duur. Ook een offerte zonder duidelijke omschrijving van wat wel en niet inbegrepen is, levert later vaak discussie op.

Het traject van ontwerp tot livegang

Elk bureau werkt net iets anders, maar een goed traject bevat meestal deze stappen:

1. Kennismaking en briefingJe bespreekt doel, doelgroep, pagina's, functies en planning. Het resultaat is een korte briefing waar jullie allebei achter staan.
2. Structuur en schetsenEerst de opbouw van de belangrijkste pagina's, zonder kleur of stijl. Zo beoordeel je de inhoud en de volgorde voordat er tijd in details gaat.
3. OntwerpHet visuele ontwerp van een paar kernpagina's, op desktop en mobiel. Geef feedback op basis van je doel, niet alleen op smaak.
4. BouwenDe pagina's worden gebouwd en gevuld met de echte inhoud. Vraag om een testomgeving waar je tussentijds kunt meekijken.
5. Testen en controlerenFormulieren, snelheid, mobiele weergave en vindbaarheid worden gecontroleerd. Test zelf ook, op je eigen telefoon.
6. Livegang en overdrachtDe site gaat online, oude adressen worden doorverwezen en je krijgt uitleg over het beheer.

Controle voor de lancering: dit check je zelf

Je hoeft geen developer te zijn om de belangrijkste punten na te lopen. Neem een uur en ga deze lijst langs op de testomgeving:

• Vul elk formulier in en controleer of de mail aankomt, ook in de spammap.
• Bekijk elke pagina op je telefoon. Is alles leesbaar zonder in te zoomen?
• Klik op alle knoppen en links, ook in het menu en de footer.
• Kloppen je telefoonnummer, adres, KvK-nummer en openingstijden overal?
• Heeft elke pagina een eigen, duidelijke paginatitel? Je ziet die in het tabblad van je browser.
• Is er een plan om de adressen van je oude site door te sturen naar de nieuwe pagina's?
• Staan de privacyverklaring en, als het nodig is, een cookiemelding online?

Vooral dat doorsturen wordt vaak vergeten. Pagina's van je oude site die bezoekers uit Google trekken, moeten met een zogeheten 301-redirect naar de juiste nieuwe pagina verwijzen. Anders verlies je een deel van je vindbaarheid.

Na de lancering: meten, bijhouden en verbeteren

Een website is nooit echt af. Meld je site aan bij Google Search Console, een gratis tool waarin je ziet op welke zoekwoorden je gevonden wordt en of Google je pagina's kan lezen. Kijk na een paar weken welke pagina's bezocht worden en waar mensen afhaken.

Plan daarnaast vaste momenten om je site bij te werken. Een nieuw project, een vraag die klanten vaak stellen of een gewijzigde dienst: het zijn allemaal redenen om een pagina aan te vullen. Technisch onderhoud, zoals updates en back-ups, regel je het best meteen bij de oplevering.

Wil je hulp bij het hele traject, van eerste schets tot onderhoud na de lancering, dan denken we bij stufy.codes graag met je mee.