Je Website Redesign Checklist Voor Een Ongelooflijke Vernieuwing

Als kleine ondernemer draag je veel metaforische hoeden.

Marketeer, accountant, klantenservicemedewerker — en zelfs webdesigner.

Voor je fysieke winkel of kantoor is het makkelijk om te zien of de verf afbladdert of het meubilair verouderd is.

Maar wanneer heb je jouw website voor het laatst een goede, grondige blik geworpen?

Je website is vaak de eerste indruk die potentiële klanten van je bedrijf krijgen en verdient dezelfde aandacht als je fysieke winkel.

Uiteindelijk fungeert je website als je 24/7 verkoper, die onvermoeibaar werkt om klanten aan te trekken en je bedrijf te laten groeien.

Dus, misschien heb je gemerkt dat je de laatste tijd minder online aanvragen ontvangt, of je concurrent verderop in de straat heeft net een strakke nieuwe site gelanceerd die de jouwe eruit laat zien alsof het vastzit in het begin van de jaren 2000.

Misschien breid je je productlijn uit, maar kan je huidige website je nieuwe aanbod niet effectief presenteren.

Dit zijn allemaal tekenen dat het misschien tijd is voor een website herontwerp.

Dus, waar begin je? Hoeveel zal het kosten? Zal het je bedrijf vertragen tijdens de vernieuwing?

Deze gids voor het herontwerpen van websites zal helpen al deze vragen en meer te beantwoorden. Je leert hoe je:

• Herken de duidelijke signalen dat jouw site een update nodig heeft
• Plan een herontwerp dat aansluit bij jouw zakelijke doelen
• Voer de herinrichting uit zonder een fortuin uit te geven of je verstand te verliezen
• Zorg ervoor dat je nieuwe site je helpt om meer klanten aan te trekken en de verkoop te verhogen

Laten we van je website meer maken dan slechts een digitale brochure en het omvormen tot een krachtige motor voor de groei van je kleine onderneming.

Wanneer Een Website Opnieuw Ontwerpen?

Anekdotisch bewijs suggereert dat een website elke twee tot drie jaar een vernieuwing verdient.

Maar het hangt allemaal af van jouw bedrijf en de verwachtingen van je klanten.

E-commerce websites hebben vaker updates nodig omdat de trends snel veranderen en klanten ook verwachten dat de nieuwe trends geïmplementeerd worden.

Bijvoorbeeld, herinner je je nog toen iedereen het had over afrekenen op één pagina? Dat is veranderd, en klanten geven nu de voorkeur aan afrekenen met één klik.

Je hoeft niet altijd een volledige vernieuwing te doen. Soms kunnen een paar strategische wijzigingen, zoals het bijwerken van de afrekenpagina of het vereenvoudigen van het navigatiemenu, een groot verschil maken.

En voor kleine bedrijven komt de beslissing om opnieuw te ontwerpen meestal neer op prestaties.

• Behaal je jouw zakelijke doelen?
• Vinden klanten gemakkelijk wat ze nodig hebben?
• Trekt je site nog steeds het juiste soort verkeer aan?
• Krijg je klachten over bepaalde functies?
• Is je bouncepercentage gestegen? (boven de 50% kan zorgwekkend zijn.)

Als je “nee” hebt geantwoord op een van de bovenstaande vragen, is het misschien tijd voor een herontwerp..

8 Signalen Dat Je Jouw Websiteontwerp Moet Bijwerken

Als je zeker wilt zijn dat je een website-herontwerp nodig hebt, zijn hier acht duidelijke tekenen dat je website een opknapbeurt nodig heeft.

1. De Prestaties Van Jouw Website Voldoen Niet Aan De Normen

Als je een website hebt, wil je waarschijnlijk ook dat deze resultaten oplevert — het resultaat kan meer geld, leads of interesse van potentiële klanten zijn. Maar het moet iets voor je bedrijf doen.

Als dat niet gebeurt, wil je misschien beginnen met het bekijken van gegevens om te controleren of een websitevernieuwing kan helpen:

Conversieratio: Kopen minder mensen je producten of schrijven ze zich minder vaak in voor je nieuwsbrief? Een studie van Wordstream heeft aangetoond dat de gemiddelde conversieratio op landingspagina’s in verschillende industrieën 2,35% is, maar de top 25% converteert op 5,31% of hoger. Als je onder deze benchmarks valt, is het misschien tijd voor verandering.

Bouncepercentage: Dit meet hoeveel mensen je site verlaten na slechts één pagina te hebben bekeken. Volgens Jetpack is een bouncepercentage tussen 26% en 40% uitstekend, 41% tot 55% is gemiddeld, en 56% tot 70% is hoger dan gemiddeld. Als je bouncepercentage langzaam oploopt, kan dat betekenen dat websitebezoekers je site niet boeiend genoeg vinden.

Paginalaadsnelheid: Het is algemeen bekend dat de snelheid van een pagina je conversies beïnvloedt. Google heeft gevonden dat als de laadtijd van een pagina van één naar drie seconden gaat, de kans op een bounce met 32% toeneemt.

En 53% van de bezoekers van mobiele sites verlaat een pagina die langer dan drie seconden nodig heeft om te laden. In de zeer concurrerende ruimte van kleine bedrijven kun je het je eenvoudigweg niet veroorloven om potentiële klanten te verliezen vanwege slechte websiteprestaties.

2. Je Website Loopt Achter Bij Concurrenten

Als kleine ondernemer is het belangrijk om op te vallen om de juiste redenen. Om op te vallen, moet je een concurrentieanalyse uitvoeren om de sterke en zwakke punten van de concurrentie te begrijpen.

Begin met het bekijken van hun websites.

Als je jezelf betrapt op het bewonderen van hun strakke ontwerpen, intuïtieve navigatie of boeiende inhoud terwijl jouw site verouderd aanvoelt, is het waarschijnlijk tijd voor een herontwerp.

Hier zijn enkele aspecten waar je op moet letten:

• Visuele Aantrekkelijkheid: Ziet jouw website er modern en professioneel uit vergeleken met je concurrenten?
• Functionaliteit: Bieden je concurrenten functies aan die jouw site mist?
• Inhoudskwaliteit: Is jouw inhoud even boeiend en actueel als die van je concurrenten?
• Mobiele Responsiviteit: Presteert jouw site even goed op mobiele apparaten als die van je concurrenten?

Een alternatieve en gemakkelijkere benadering is het gebruik van HubSpot’s Website Grader. Het beoordeelt de website op basis van prestaties, SEO, mobiele vriendelijkheid en beveiliging.

De website grader geeft je ook de exacte technische details over wat goed en wat slecht is aan de website die je controleert.

Niet alle benchmarks hoeven op resultaten te worden toegepast.

De technische prestatie van je site kan net zo belangrijk zijn.

Bijna een derde van de bezoekers zal je site onmiddellijk verlaten als je website niet snel laadt.

Bovendien promoten zoekmachines zoals Google vaak sites die de huidige best practices in webdesign gebruiken.

Bijvoorbeeld, een site met een responsief ontwerp (in staat zich aan te passen aan verschillende schermformaten) heeft meer kans om te ranken dan een website met een starre indeling.

Met deze gevolgen in gedachten, is het de moeite waard om de volgende prestatie-indicatoren in de gaten te houden:

• Paginalaadsnelheid: Het mag niet langer dan twee seconden duren. Test met PageSpeed Insights.
• Responsiviteit op mobiele apparaten: Google’s Mobielvriendelijke Test onthult of het huidige ontwerp van je site goed werkt op smartphones en tablets.
• Toegankelijkheid: Oudere ontwerpen scoren vaak slecht als het gaat om toegankelijkheid. Dit maakt het moeilijker voor sommige gebruikers om je site te gebruiken, en zoekmachines keuren dit niet goed.
• Leesbaarheid: De gemiddelde tijd die iemand nodig heeft om je inhoud te lezen, kan onthullen of je kleurenpalet en typografie problemen veroorzaken met de leesbaarheid.
• SEO-prestaties: In sommige gevallen kan een verouderde frontend de inspanningen voor zoekmachineoptimalisatie hinderen.

Een minder goed resultaat in een van deze categorieën kan betekenen dat het websiteontwerp verbeterd kan worden. Als je merkt dat je website in een of meer gebieden achterblijft, overweeg dan om de nieuwe ontwerppraktijken voor websites toe te passen.

3. Je Merkidentiteit En Ontwerpstijl Zijn Veranderd

Jouw kleine bedrijf zal niet altijd hetzelfde blijven. Het zal zich ontwikkelen met de veranderende markt en klantverwachtingen.

Je zult je doelgroep verfijnen, je productlijn uitbreiden of je bedrijfswaarden verschuiven. En je website moet daarmee veranderen.

Neem het voorbeeld van Apple.

In de late jaren 70 gebruikten ze een veelkleurig fruit als logo. Naarmate de tijd verstreek en er nieuwe ontwerptrends opkwamen, besloot het bedrijf dat een strak, monotoon icoon beter passend zou zijn.

Met het eerdere logo zou een even levendige website misschien passend hebben geleken.

Echter, toen het logo werd vervangen door iets subtielers en verfijnders, heeft het bedrijf ook de website vernieuwd om aan te sluiten bij de nieuwe stijl.

Hier is hoe de website veranderd is van 2004 tot 2024:

Als je vandaag de website van Apple bezoekt, kun je zien dat deze vrijwel volledig zwart is met tinten die het een “premium” uitstraling geven.

Het komt overeen met het logo en herinnert bezoekers aan het geborstelde aluminium en de glanzende zwarte schermen die het handelsmerk van het bedrijfsontwerp zijn.

Laten we nu teruggaan naar je website.

Zie je een misverhouding tussen je website en je huidige merkidentiteit? Kan dit klanten verwarren of je boodschap verzwakken?

Om het te begrijpen, kun je beginnen met het beantwoorden van deze vragen ter bevestiging:

• Komt het kleurenschema van je website overeen met je huidige merkkleuren?
• Sluit de toon van de inhoud van je website aan bij de stem van je merk?
• Vertegenwoordigen de afbeeldingen op je site je huidige producten of diensten?
• Weerspiegelt je website de huidige waarden en missie van je bedrijf?

Onderzoek van Edelman wees uit dat consumenten meer dan twee keer zo geneigd zijn om aankopen te doen bij merken die ze vertrouwen. Ze blijven ook loyaal en worden pleitbezorgers onder hun vrienden.

Om vertrouwen op te bouwen, moet je een goede eerste indruk maken. Onderzoek vertelt ons dat de gemiddelde consument slechts 0,05 seconden nodig heeft om een mening te vormen over jouw website. En 94% van deze eerste indrukken zijn gerelateerd aan visueel ontwerp.

Sommige consumenten (46.1%) beoordelen zelfs de geloofwaardigheid van je merk op basis van de visuele aantrekkelijkheid van je website — inclusief de algemene lay-out, de keuze van typografie en kleurenschema’s.

Branding gaat ook verder dan je website en strekt zich uit over al je marketingkanalen. Een studie van Lucidpress heeft aangetoond dat consistente merkpresentatie over alle platforms de inkomsten tot 20% kan verhogen.

Dit alles vertelt ons dat uiterlijk belangrijk is. Als je bezoekers niet houden van wat ze zien, zullen ze zelfs niet overwegen om je inhoud te lezen, laat staan een aankoop te doen.

4. Je Kunt Je Website Niet Gemakkelijk Updaten

Terwijl grote bedrijven zich kunnen veroorloven langzaam te bewegen, is wendbaarheid de meest waardevolle eigenschap voor kleine bedrijven.

Als je merkt dat je updates aan je website vermijdt omdat het te ingewikkeld of tijdrovend is, dan is dat een waarschuwingssignaal.

Moderne contentmanagementsystemen (CMS) zoals WordPress maken het makkelijk voor niet-technische gebruikers om inhoud bij te werken, producten toe te voegen of ontwerpaanpassingen te maken.

Als je huidige systeem je tegenhoudt, is het misschien tijd voor een upgrade.

Hier zijn enkele tekenen dat je moet upgraden:

• Je wilt e-commerce mogelijkheden toevoegen aan je site
• Je moet integreren met een Customer Relationship Management (CRM) systeem
• Je wilt een chatbot toevoegen voor klantenservice
• Je hebt betere analysetools nodig om gebruikersgedrag te volgen

Volgens een rapport van Salesforce verwachten 75% van de consumenten dat bedrijven nieuwe technologieën gebruiken om betere ervaringen te creëren.

Dus je website up-to-date houden met de nieuwste tools en technologieën kan je een concurrentievoordeel geven en tegelijkertijd de klanttevredenheid verbeteren.

5. Je Website Is Niet Mobielvriendelijk

Volgens 73.1% van de professionele webontwerpers is een niet-responsief ontwerp de voornaamste reden waarom mensen je website verlaten.

Waarom? Meer dan 56% van de online verkopen komt van mobiele apparaten, en minstens 79% van de mobiele gebruikers heeft online een aankoop gedaan met hun mobiele apparaat.

Na de aankondiging van Google’s mobile-first indexing, worden responsieve websites ook hoger gerangschikt vanwege de betere gebruikerservaring die ze bieden — dat betekent dat investeren in het bijwerken van je website je websiteprestaties verder kan verbeteren.

De overgrote meerderheid van de webontwerpers begrijpt tegenwoordig het belang van responsief ontwerp. Echter, sommige websites die meer dan vijf jaar geleden zijn gebouwd, zijn niet geoptimaliseerd voor mobiele apparaten. Dat geldt ook voor sjablonen en thema’s.

Dus als je nog steeds een oude website gebruikt die zichzelf niet automatisch aanpast aan het apparaat, zou je moeten overwegen een herontwerp van de site te doen.

6. Jouw Zakelijke Doelen Veranderen

Je doelen zullen waarschijnlijk veranderen naarmate je bedrijf groeit.

Misschien ben je begonnen met een eenvoudige informatieve website of een portfolio website, maar nu wil je leads genereren of producten online verkopen.

Als je huidige website niet aansluit bij je nieuwe bedrijfsdoelstellingen, is het tijd voor een herontwerp.

Bijvoorbeeld:

• Je wilt producten online gaan verkopen, maar je huidige site heeft geen e-commerce mogelijkheden
• Je richt je meer op contentmarketing, maar je huidige site heeft geen blog of is niet geoptimaliseerd voor contentdistributie
• Je richt je op een nieuwe klantendemografie, maar je huidige site spreekt deze doelgroep niet aan
• Je breidt je diensten uit, maar je huidige site toont niet effectief je volledige aanbod

Een website herontwerp kan helpen om je online aanwezigheid af te stemmen op je evoluerende bedrijfsdoelen, zodat je site hard werkt om je huidige doelen te ondersteunen.

7. Je Ontvangt Klachten Van Gebruikers

Als je regelmatig dingen hoort als “Ik kan niet vinden wat ik zoek” of “Jouw website is lastig te gebruiken op mijn telefoon,” dan is dat een duidelijk teken dat je website niet voldoet aan de verwachtingen van gebruikers.

Overweeg het toevoegen van tools, zoals Microsoft Clarity voor heatmaps, of gebruikerssessieopnames om te zien hoe bezoekers met je site omgaan.

Dit kan inzichten bieden in gebieden van frustratie of verwarring die voor jou misschien niet meteen duidelijk zijn.

Als je dat nog niet hebt gedaan, let dan op de rode vlaggen, waaronder de volgende:

• Vaak gestelde vragen van klanten over hoe je website te gebruiken
• Negatieve opmerkingen over je site op sociale media of beoordelingsplatforms
• Hoge verlatingspercentages van winkelmandjes bij e-commercesites
• Lage betrokkenheidsmetrieken (zoals tijd op de site of pagina’s per sessie)

Als je een of meer van deze tekenen ziet, overweeg dan een website herontwerp. Denk er niet aan als een uitgave maar als een investering in de toekomst van je bedrijf.

Een geweldige website kan je hardst werkende werknemer zijn, die klanten aantrekt en converteert 24/7.

8. Het Is Meer Dan 5 Jaar Geleden Sinds De Laatste Herontwerp

Misschien is geen van bovenstaande van toepassing op je website, maar als je website ouder dan 5 jaar is, raden we toch aan om het ontwerp van je site te vernieuwen.

Zelfs zonder zichtbare tekenen van verminderde prestaties, hebben oudere ontwerpen vaak problemen die zich onder de oppervlakte opstapelen.

Proactief zijn zorgt ervoor dat je site niet plotseling stuk gaat na een update, of in de zoekranglijsten daalt omdat je verouderde technologie gebruikt.

Stap-Voor-Stap Proces Voor Websiteherontwerp

Nu is de vraag, hoe begin je? Er zijn zoveel aspecten aan het proces van het herontwerpen van een website dat het moeilijk is om te weten.

Wat moet de prioriteit zijn? Welk deel van de website werk je als eerste bij?

Laten we dit in een stapsgewijs proces zetten.

Fase 1: Doelen Stellen en Basis KPI’s

Een website opnieuw ontwerpen zonder duidelijke doelen is als het renoveren van een huis zonder bouwplan.

Je zou kunnen eindigen met iets nieuws, maar het zal waarschijnlijk niet effectief aan je behoeften voldoen.

Deze eerste fase van je website herontwerpproject legt de basis voor alles wat volgt.

Stel Meetbare Doelen Voor Websiteherontwerp

Begin met het onderzoeken van je huidige zakelijke uitdagingen en kansen.

Bijvoorbeeld, een lokaal restaurant kan beginnen met het probleem dat ze mensen naar hun website kunnen brengen, maar ze niet kunnen omzetten in boekingen.

Nu zou hun website-herontwerp een specifiek doel hebben: de online reserveringen met 30% verhogen binnen drie maanden na de lancering.

Jouw doelen moeten direct verbinden met de resultaten van je bedrijf.

In plaats van vage doelstellingen zoals “verbeter de website“, stel specifieke doelen zoals:

“Onze online bloemenwinkel moet de verlating van winkelwagentjes verminderen van 75% naar onder de 50% binnen twee maanden na de lancering van het herontwerp, wat ongeveer $5,000 aan maandelijkse omzet zou toevoegen.”

“Ons adviesbureau moet de generatie van gekwalificeerde leads binnen drie maanden met 40% verhogen, waardoor we van 20 naar 28 kwaliteitsleads per maand gaan.”

Deze specifieke doelen helpen je betere beslissingen te nemen gedurende het herontwerpproces.

Wanneer je beslist tussen verschillende functies of ontwerpen, kun je altijd vragen, “Zal dit ons helpen ons doel te bereiken?”

Stel Je Baseline KPI’s Vast

Je moet weten waar je begint om verbetering te kunnen meten. Google Analytics biedt de meeste van deze statistieken gratis aan.

Begin minimaal één maand voordat je met je herontwerp begint met het volgen van deze kernmetrics .

Bezoekersstatistieken:

Een grondige analyse van je conversieratio onthult meer dan alleen verkoopcijfers. Breek het af door:

• Apparaattype (mobiel vs. desktop)
• Verkeersbron (organisch, betaald, sociaal)
• Geografische locatie
• Tijdstip van de dag
• Gebruikerstype (nieuw vs. terugkerend)

De bovenstaande statistieken helpen je te begrijpen hoe goed je website klanten converteert over verschillende pagina’s, geografische gebieden en apparaten.

Gebruikersgedrag Metrics:

Nadat je begrijpt waar je bezoekers vandaan komen, moet je begrijpen wat ze doen en hoe ze zich gedragen als ze eenmaal op de website zijn.

Het is beter om op data te vertrouwen om te begrijpen welke pagina’s prioriteit moeten krijgen bij het herontwerpen.

Bijvoorbeeld, je denkt misschien dat je je homepage opnieuw moet ontwerpen.

Daarna, nadat je naar de gegevens hebt gekeken, kun je ontdekken dat 80% van de converterende klanten de startpagina nooit heeft bezocht — ze kwamen rechtstreeks op productpagina’s terecht via Google-zoekopdrachten.

Om de juiste gegevens te vinden, volg deze gebruikerspatronen gedurende ten minste 30 dagen:

• Meest bezochte pagina’s: Kijk verder dan alleen paginaweergaven. Onderzoek de correlatie tussen paginabezoeken en conversies. Een pagina met veel verkeer maar lage conversieratio’s vereist aandacht tijdens je herontwerp.
• Gebruikersstroom: Waar gaan bezoekers naartoe nadat ze op je site zijn geland? Op welk punt verlaten ze de site? Als je bijvoorbeeld ziet dat mensen je afrekenproces verlaten wanneer ze zich moeten aanmelden, kun je je richten op het herontwerpen van je afrekenproces om de aanmelding als onderdeel van de afrekeninformatie te integreren. 
• Pagina-exitpercentages: Anders dan bouncepercentages, tonen exitpercentages waar gebruikers besluiten je site te verlaten. Hoge exitpercentages op belangrijke pagina’s (zoals je prijspagina) duiden op problemen waarop je je moet focussen tijdens het herontwerp. 

Technische prestatie-indicatoren:

Paginasnelheid heeft een directe invloed op je resultaat. Terug in 2006, ontdekte Google dat een extra vertraging van een halve seconde het verkeer met 20% deed dalen. Je moet monitoren:

• Reactietijd server: Je server moet binnen 200 ms reageren. Alles wat trager is, geeft aan dat je misschien betere hosting nodig hebt. 
• Paginalaadtijd: Gebruikers verwachten dat pagina’s binnen 3 seconden laden. Elke seconde vertraging daarbuiten kan je 7% aan conversies kosten.
• Foutpercentages: Volg 404-fouten, serverfouten en fouten bij het indienen van formulieren. Deze kleine problemen kunnen leiden tot aanzienlijk verlies aan inkomsten.

Als je huidige hosting niet voldoet aan je verwachtingen, probeer dan DreamHost’s hostingplannen of DreamHost’s VPS-plannen met ingebouwde CDN om supersnelle websites te garanderen.

Fase 2: Onderzoek en Analyse

Veel kleine bedrijven beginnen direct met ontwerpen zonder goed onderzoek. Laten we dit goed doen.

Inhoudsaudit

Een grondige inhoudsaudit onthult lacunes en kansen in je huidige site. Begin met het maken van een uitgebreide spreadsheet van al je inhoud. Noteer voor elke pagina:

• Prestatiemetingen: Kijk verder dan metingen zoals paginaweergaven en analyseer in plaats daarvan tijd op de pagina, bouncepercentage, conversieratio, inkomsten per pagina of gemiddelde inkomsten per gebruiker (ARPU) van je online kanalen. Dit zijn de metingen die bedrijfsresultaten bevorderen.
• Inhoudsdoel: Elke pagina moet een specifiek doel dienen in je verkoopfunnel. Breng elke pagina in kaart met fasen in de klantreis: bewustwording, overweging, of beslissing. Volg vervolgens om te bepalen waar je gebruikers afhaken en hoe je elke fase van de reis kunt verbeteren om meer gebruikers te behouden.
• Updatebehoeften: Beoordeel inhoud als behouden, bijwerken, samenvoegen, of verwijderen. Wees hier genadeloos; verouderde of geringe inhoud kan de geloofwaardigheid van je site en de SEO-prestaties schaden.

Concurrentieanalyse

Bestudeer je concurrenten, maar kopieer ze niet. Kijk naar zowel directe als indirecte concurrenten om te identificeren wat je anders kunt doen om op te vallen.

Directe concurrenten: Bedrijven die vergelijkbare producten/diensten aanbieden in jouw omgeving.

Indirecte Concurrenten: Bedrijven die dezelfde klanten targeten met verschillende oplossingen.

Bestudeer hun:

• Communicatiestrategie: Hoe communiceren zij waardeproposities? Welke taal spreekt jullie gedeelde publiek aan?
• Implementatie van functies: Hoe gaan zij om met kernfuncties zoals boeken, kopen of contact opnemen? Noteer zowel goede als slechte implementaties.
• Inhoudsstrategie: Welke soorten inhoud creëren zij? Hoe organiseren zij informatie? Waar zijn de inhoudsgaten die jouw bedrijf zou kunnen opvullen?

Fase 3: Het Plannen en Structureren van de Website

De onderzoeksfase onthult wat er gerepareerd moet worden. Nu is het tijd om te plannen hoe je nieuwe site aan deze behoeften gaat voldoen. Beschouw dit als het creëren van de blauwdruk voor je digitale etalage.

Structureren Van Website-informatie

De structuur van je site moet overeenkomen met hoe je klanten denken, niet met hoe je dingen intern organiseert.

Bijvoorbeeld, een lokale boekhandel kan boeken organiseren op uitgever — het is logisch voor de eigenaren maar verwarrend voor klanten.

Door dezelfde boeken te herorganiseren op basis van de interesse van de lezer (fictie, non-fictie, zelfhulp, koken, etc.), wordt het veel gemakkelijker voor de lezer om te vinden wat ze nodig hebben.

Om een duidelijke hiërarchie te creëren, begin met het beantwoorden van deze vragen:

• Wat proberen bezoekers te bereiken?
• Hoe kunnen ze dit bereiken met zo min mogelijk klikken?
• Welke informatie hebben ze bij elke stap nodig?

Bijvoorbeeld, hier is hoe de navigatie van een typische kleine bedrijfswebsite eruit kan zien:

• Home
• Diensten
  • Primaire Dienstenpagina’s (gedetailleerde informatie, prijzen, veelgestelde vragen)
  • Ondersteunende Dienstenpagina’s (vergelijkingen, casestudies)
• Over
  • Team
  • Proces
  • Waarden
• Portfolio/Casestudies
• Contact/Boek Nu

Hier is een website van een loodgietersbedrijf met een gestructureerd navigatiemenu. Het sluit aan bij de gedachtegang van de bezoeker en de waarde die het bedrijf aan de gebruiker wil toevoegen.

Het idee erachter is eenvoudig: Een bezoeker wil weten wat het bedrijf voor hem kan betekenen, vervolgens meer te weten komen over de achtergrond van het bedrijf, zien met welke andere klanten het bedrijf heeft gewerkt en wat zij over hen zeggen, en ten slotte de contactknop gebruiken om een offerte aan te vragen of voor meer details.

Sitemap

Je moet weten welke inhoud onnodig is op de website en af en toe pagina’s snoeien. Een sitemap kan je helpen de structuur van je website veel duidelijker te zien.

Een sitemap is in wezen een blauwdruk voor je website.

Het somt alle belangrijke pagina’s op en laat idealiter zien hoe ze met elkaar verbonden zijn. Een andere manier om het te zien is als een stroomdiagram dat de hiërarchie van je site schetst en je helpt visualiseren hoe de inhoud is georganiseerd.

Wanneer je je sitemap maakt voor je herontwerp:

1. Controleer eerst je huidige site en inhoud. Lijst op wat verwijderd, behouden of gewijzigd moet worden.
2. Creëer een duidelijke paginestructuur. De belangrijkste of meest bekeken inhoud moet direct toegankelijk zijn vanaf de homepage.
3. Denk na over hoe consumenten van de ene pagina naar de andere navigeren. Een geweldige gebruikerservaring is afhankelijk van logische en intuïtieve navigatieroutes.
4. Leid je paginanamen en beschrijvingen met behulp van zoekwoordonderzoek. Deze strategie helpt gebruikers te weten dat ze op de juiste pagina zijn en helpt ook je SEO te verbeteren.
5. Als je herontwerp het toevoegen van nieuwe inhoud of functies omvat, plaats deze dan op je sitemap om visueel te begrijpen hoe de structuur eruit zou zien op de bestaande structuur.

Er zijn behoorlijk wat tools om een visuele sitemap van je bestaande website te maken, zoals de Octopus Sitemap Visualizer. Je kunt dan pagina’s toevoegen of verwijderen aan deze sitemap in de sitemap-visualizer om te zien hoe het er allemaal uitziet.

Je hiërarchie moet je specifieke bedrijfsdoelen weerspiegelen.

Een website van een café kan prioriteit geven aan online bestellen en reserveringen, terwijl een website van een consultant zich kan richten op het genereren van leads door waardevolle inhoud te geven in ruil voor een e-mailadres of contactinformatie.

Functieplanning

Functies zijn duur om te bouwen en te onderhouden.

Elk zou zijn plek op je site moeten verdienen. Bijvoorbeeld, een fitnessstudio kan $2,000 uitgeven om een complex klassenschema systeem toe te voegen, alleen om erachter te komen dat de meeste klanten de voorkeur geven aan boeken via de telefoon.

Prioriteer functies met behulp van dit framework:

• Must-have functies: Deze ondersteunen direct jouw kernbedrijfsfuncties. Voor een e-commercesite omvat dit een veilige afrekening, productzoeken en winkelwagenfunctionaliteit. Voor een servicebedrijf kan dit contactformulieren en het plannen van afspraken zijn.
• Groeifuncties: Deze ondersteunen de uitbreiding van jouw bedrijf. Als je van plan bent om binnen zes maanden e-mailmarketing te starten, bouw dan je site met dit in gedachten. Zelfs alleen al het plannen van het creëren van een contactlijst van geïnteresseerde mensen is op de lange termijn een uiterst waardevol bezit.
• Nice-to-have functies: Deze verbeteren de gebruikerservaring maar zijn niet cruciaal. Live chat kan leuk zijn, maar als je dit niet consequent kunt bemannen, kan het meer kwaad dan goed doen voor je bedrijf.

Technische Vereisten

Jouw technische basis bepaalt wat er mogelijk is met jouw site. Hier zijn enkele belangrijke gebieden om te overwegen.

Hostingvereisten:

Het hostingplan dat je kiest voor je website hangt af van een paar belangrijke factoren:

• Verwacht verkeersvolume: Als je al duizenden bezoekers per maand hebt, is het logisch om te kiezen voor dedicated hosting of VPS hosting in plaats van shared.
• Beveiligingsbehoeften (vooral voor e-commerce): SSL-certificaten zijn nu essentieel voor alle websites, en voor diegene die betalingen accepteren, moet je ook PCI-compatibel zijn. Kies voor een host die dit niet alleen ondersteunt, maar je ook kan helpen bij de installatie.
• Backup- en herstelcapaciteiten: Geautomatiseerde dagelijkse back-ups met snelle herstelopties beschermen je bedrijf tegen gegevensverlies.
• Beschikbaarheid van technische ondersteuning: Zodra de website is ontwikkeld, kan het zijn dat alles prima werkt, maar als je nieuwe pagina’s, inhoud en plugins toevoegt, neemt de kans op problemen toe. Dat is wanneer je 24/7 technische ondersteuning nodig hebt die echt weet hoe dingen te repareren. 

Als je net begint met een nieuwe website, kies dan voor een voordelig shared hosting plan om te starten zonder hoge initiële kosten. Soms kan je hostingbedrijf ook een website voor je bouwen.

Bij DreamHost bieden wij professionele webdiensten waarbij we jouw website vanaf het begin opbouwen en de marketing ervoor instellen, zodat jij je kunt concentreren op het uitbreiden van je bedrijf om aan de toenemende eisen te voldoen.

Contentbeheer:

Jouw keuze voor een CMS beïnvloedt hoe gemakkelijk je jouw website kunt beheren. Dit zijn enkele vragen die je zullen helpen om een geschikt CMS te kiezen.

• Hoe vaak ga je inhoud bijwerken?
• Wie moet updates uitvoeren?
• Welke soorten inhoud ga je publiceren?
• Heb je meertalige ondersteuning nodig?

Als je uitgebreide ondersteuning nodig hebt voor extra functionaliteit, kies dan voor een CMS met een uitgebreid plugin-ecosysteem zoals WordPress. Als je daarentegen alleen wilt dat je website voor bloggen en leadgeneratie is, ga dan voor een lichter CMS zoals Ghost.

Integraties:

Tegenwoordig staan websites zelden op zichzelf. Er zijn veel diensten van over het hele web die samenwerken om dingen voor elkaar te krijgen.

Bijvoorbeeld, zie of je het volgende nodig hebt geïntegreerd met je website:

• Betalingsverwerking: Als je online verkoopt, heb je een veilige integratie van de betalingsgateway nodig. Populaire opties zoals Stripe of PayPal bieden robuuste API’s en ingebouwde beveiliging.
• Marketingtools: E-mailmarketing, CRM en sociale media tools moeten soepel met je site verbinden. Zoek naar vooraf gebouwde integraties om ontwikkeltijd te besparen.
• Analytics en tracking: Naast de basis Google Analytics, heb je misschien heatmapping, conversietracking of aangepaste eventtracking nodig.
• CRM-systemen: Overweeg of je afspraakplanning, reserveringssystemen of integratie van voorraadbeheer nodig hebt.

Fase 4: Ontwerpplanning

Ontwerp gaat niet alleen over esthetiek. Slimme ontwerpkeuzes hebben direct invloed op je bedrijfsresultaten. Laten we uiteenzetten hoe je een ontwerp plant dat net zo goed werkt als het eruitziet.

Gebruikerservaring (UX) Ontwerp

Er wordt vaak gezegd dat lelijke websites beter converteren, maar dat betekent niet dat je meteen alle toeters en bellen van je website moet halen.

Feitelijk heeft het niets te maken met hoe je website eruitziet. In plaats daarvan gaat het erom hoe duidelijk de interface is voor de gebruiker.

Neem bijvoorbeeld Craigslist. Het is een website die sinds de late jaren 90 niet meer opnieuw is ontworpen. Is dit een mooie website? Absoluut niet.

Maar het werkt.

Het wordt gebruikt door honderdduizenden maandelijkse bezoekers omdat de interface eenvoudig is en het werk gedaan krijgt.

Een ander voorbeeld is DMOZ, de directory van het web. Het is een eenvoudig raster van verschillende iconen en categorieën.

Het biedt de gebruiker precies wat ze nodig hebben, direct op de eerste pagina zonder tijd te verspillen.

Zorg er op dezelfde manier voor dat je menu en navigatie weerspiegelen hoe klanten over je bedrijf denken, niet hoe jij denkt. Besteed speciale aandacht aan het “boven de vouw” gebied van je homepage, aangezien dit het eerste is wat je gebruikers zullen zien.

Prestatieontwerp

Snelheid is niet alleen een technische maatstaf — het is een cruciaal onderdeel van de gebruikerservaring. Amazon heeft beroemd berekend dat een vertraging van één seconde in de laadtijd van een pagina hen jaarlijks $1,6 miljard aan verkopen kost. Hoewel jouw cijfers misschien kleiner zijn, blijft het principe hetzelfde.

Laten we eens kijken naar de mobiele site van Walmart. Hun afbeeldingen zijn sterk gecomprimeerd, niet omdat ze zich geen betere kwaliteit kunnen veroorloven, maar omdat ze weten dat mobiele gebruikers snelheid boven perfecte beelden waarderen. Nu, hoewel hun startpagina vol met afbeeldingen staat, duurt het slechts 1,33 seconden om de pagina volledig te laden.

Het sleutelpunt is om doelbewust te zijn over alle ontwerpelementen:

• Moet die heldenvideo echt automatisch afspelen?
• Kan die afbeelding kleiner zijn zonder impact te verliezen?
• Is dat script van derden essentieel voor je bedrijf?

Je kunt de prestaties van een website vergelijken met een raceauto. Ontwerpers halen alles weg wat de auto niet sneller maakt. Elke chique animatie, afbeelding met hoge resolutie of aangepast lettertype moet zijn invloed op de laadtijd rechtvaardigen. Zo niet, verwijder het dan.

Fase 5: Budget- en Middelenplanning

Jouw website is een zakelijke investering, geen uitgave. Slim budgetteren houdt rekening met zowel de directe kosten als de langetermijnopbrengsten. Volgens een rapport van WebFX uit 2024, kosten websites doorgaans tussen de $1.000 en $145.000 om te ontwikkelen of opnieuw te ontwerpen.

Basale Zakelijke Website ($2,000–5,000):

• WordPress-hosting van aanbieders zoals DreamHost: $16,95/maand
• Premium thema van ThemeForest: $59–99
• Essentiële Plugins (SEO, beveiliging, formulieren): $200–500/jaar
• SSL Certificaat: Vaak inbegrepen bij hosting
• Professionele stockfoto’s: $100–300

E-commerce Website (€8.000–15.000):

• E-commerce hosting: $30–100/maand
• Winkelwagenplatform (zoals WooCommerce): Gratis, maar premium extensies kosten $500–1,000
• Betalingverwerkingsintegratie
• Voorraadbeheersystemen
• Verbeterde beveiligingsfuncties

Chron’s segment voor kleine bedrijven raadt aan dat bedrijven 7-8% van hun bruto-inkomsten toewijzen voor marketing, inclusief hun website als het bedrijf minder dan $5 miljoen per jaar verdient.

Naast dit moet je ook wat budget reserveren voor het onderhoud van je website. Dit omvat, maar is niet beperkt tot:

• Beveiligingsupdates
• Inhoudsupdates
• Technisch onderhoud
• Platformupgrades
• Prestatieoptimalisatie

Als je denkt dat je dit zelf kunt doen, overweeg dan de kosten van gemiste kansen. Als je $100 per uur rekent voor je diensten, kost 40 uur besteden aan je website je $4.000 aan verloren factureerbare tijd.

Echter, als de verloren factureerbare tijd geld is dat je op dit moment bespaart voor je bedrijf, kies dan gerust die route totdat je het onderhoud van de website aan iemand anders kunt overdragen.

Plan desondanks je budget op basis van je bedrijfsdoelen en verwachte opbrengsten, niet alleen op de laagst mogelijke kosten.

Neem zowel de initiële ontwikkeling als het voortdurende onderhoud mee in je berekeningen en bekijk welk rendement je kunt genereren met de website voordat je tot een definitieve prijs komt.

Fase 6: Bouwen, Lanceren en Slagen

Goed, we zijn eindelijk bij de laatste fase van je website herontwerp — de bouw en lancering.

Ontwikkelingsaanpak

Kies je ontwikkelingspad op basis van je middelen en technische comfortniveau. Dit zijn de drie belangrijkste keuzes die je voorgelegd krijgt:

• Professionele Ontwikkeling: Dit is het beste voor aangepaste behoeften of complexe functies. 
• Sjabloonwebsites: Deze zijn goed voor eenvoudige websites die alleen hun online aanwezigheid willen tonen. 
• Doe-het-zelf met professionele ondersteuning: Een mooie, evenwichtige aanpak. 

Het Bouwproces

Als je zelf de website bouwt, begin dan met een staging-omgeving zodat je kunt experimenteren en dingen kunt breken zonder je live website te beïnvloeden.

Echter, als je een website vanaf het begin bouwt en er nog geen hebt, voel je vrij om direct aan de live website te werken.

Hier is een algemeen bouwproces dat je kunt volgen:

1. Kernstructuur: Bouw eerst je belangrijkste pagina’s (Home, Diensten, Over, Contact) en navigatie. Vraag een paar mensen om door de website te gaan en observeer hun stroom door de website. Als meer mensen eerst naar de Over-pagina gaan voordat ze de diensten bekijken, kun je de menu-items dienovereenkomstig verplaatsen. 
2. Essentiële Functies: Voeg je must-have functies één voor één toe, zoals contactformulieren, service offerte details, e-mailabonnement formulieren, etc., terwijl je elk grondig test. 
3. Inhoud Migratie: Als je al inhoud hebt, begin dan langzaam met het migreren van de inhoud, en test elk stuk om ervoor te zorgen dat er geen hard-gecodeerde opmaak wordt overgedragen van het vorige websiteontwerp. 
4. Integratie Setup: Nadat de inhoud is verplaatst, begin je met het integreren van je tools op de website. Als je een WordPress website gebruikt, kan integratie zo simpel zijn als het installeren van een plugin. Voor aangepaste websites of websites zonder een plugin-ecosysteem, moet je mogelijk codefragmenten integreren. 

Als je hulp nodig hebt bij het opzetten van de website, kun je contact opnemen met het DreamHost Professional Services team voor hulp.

Testen

Het is essentieel om websites te testen nadat je naar een nieuwe opstelling bent verhuisd.

Er is een kans dat je plugins hebt die nog niet geïntegreerd zijn, formulieren die niet werken, of e-mails die niet geactiveerd worden.

Test elk aspect, beginnend bij de belangrijkste onderdelen van je website.

Hier is een checklist van items waarmee je kunt werken:

• Formulieren en afrekenprocessen met echte transacties
• Mobiele ervaring op verschillende apparaten
• Laadtijden en prestaties
• Compatibiliteit met verschillende browsers
• Alle integraties en automatiseringen

Nadat je het zelf hebt getest, vraag een paar van je teamleden om hetzelfde te doen, en als alles klaar is, ben je klaar om te lanceren!

Lanceringsstrategie

Dit is de laatste stap van je website herontwerpstrategie.

Voor een succesvolle lancering, is het niet genoeg om je website alleen te updaten.

Je lancering moet momentum opbouwen voor je bedrijf.

En voor dat te gebeuren, moet je minstens twee weken voor je lancering hype in de markt creëren. Je zou zelfs een marketingbureau kunnen inhuren om je te helpen de momentum op te bouwen terwijl je aan de website werkt.

Op de dag van de lancering, en enkele dagen daarna, let goed op het volgende om te zorgen dat alles soepel verloopt:

• Houd je analytics in de gaten voor ongebruikelijke patronen
• Controleer alle formulierinzendingen
• Monitor de serverprestaties
• Volg de conversieratio’s
• Test elk uur de belangrijkste bedrijfsfuncties

Maak je geen zorgen als er iets stuk gaat op de lanceringsdag.

Zelfs de grootste bedrijven hebben hun opstartdag mislukkingen.

Herinner je de lanceringsevenement van de Tesla Cybertruck?

Elon wilde laten zien hoe sterk de glaspanelen waren door er een zware metalen bal tegenaan te gooien.

Het glas barstte…tweemaal.

Heeft dat mensen ervan weerhouden de cybertruck te kopen? Absoluut niet.

Vanaf 15 oktober 2024 heeft Tesla 28.250 Cybertrucks verkocht volgens de gegevens gerapporteerd op Forbes.

Los gewoon de storingen op, wees transparant naar je klanten toe, en je zou in geen tijd weer op schema moeten zijn.

Continue Verbetering

Gefeliciteerd! Je hebt je website gelanceerd en je ontvangt nu klantvragen via je website.

Het is geen teken voor jou om te stoppen. Het geeft alleen aan dat de website voor je bedrijf werkt en dat je een schema moet maken voor het onderhouden en verbeteren ervan.

Hier zijn een paar dingen waar je op moet letten:

• Wekelijkse prestatiecontroles
• Maandelijkse analyse van de analytics
• Kwartaalinhoud updates
• Jaarlijkse beoordeling van functies

Deze kleine verbeteringen tellen op.

En onthoud dat een succesvolle website-herontwerp echt slechts het begin is.

De meest succesvolle kleine bedrijfswebsites ontwikkelen zich voortdurend, gedreven door de behoeften van klanten en bedrijfsdoelen.

Blijf in contact met je klanten, bekijk je statistieken en blijf verbeteren. Je website kan je meest waardevolle medewerker worden, die 24/7 werkt om je bedrijf te laten groeien.

Voor en Na het Live Gaan: Een Uitgebreide Website Herontwerp Checklist

We hebben veel stappen, fasen en technische aspecten doorlopen.

Dit kan behoorlijk overweldigend zijn, vooral als je nog nooit eerder je website hebt vernieuwd. Hier is een snelle checklist om je te helpen door de verschillende fasen voor en na het live gaan van je website.

Voordat Je Live Gaat

• Maak een back-up van je huidige website: Zorg voor een volledige back-up van je bestaande site, inclusief alle bestanden en databases.
• Test laadsnelheden: Gebruik tools zoals Google PageSpeed Insights om ervoor te zorgen dat je nieuwe ontwerp snel en efficiënt laadt.
• Optimaliseer je website voor SEO: Alle pagina’s moeten geoptimaliseerd zijn voor zoekmachines, inclusief correct gebruik van trefwoorden, meta tags en alt-tekst voor afbeeldingen.
• Controleer op 404-fouten: Doorzoek je site om eventuele 404-fouten te vinden en te herstellen.
• Stel 301-redirects in: Implementeer 301-redirects voor alle gewijzigde URL’s om de SEO-waarde en gebruikerservaring te behouden.
• Verifieer interne links: Controleer alle interne links om te zorgen dat ze naar de juiste pagina’s wijzen en niet naar doodlopende wegen leiden.
• Beoordeel mobiele responsiviteit: Test je site op verschillende mobiele apparaten om te zorgen dat deze volledig responsief is.
• Voer cross-browser tests uit: Zorg ervoor dat je site er goed uitziet en werkt zoals bedoeld in verschillende webbrowsers.
• Valideer je code: Gebruik tools zoals de W3C Markup Validation Service om te controleren op HTML/CSS-fouten.
• Zorg voor naleving van toegankelijkheid: Controleer of je website voldoet aan de WCAG-richtlijnen voor toegankelijkheid.
• Test formulieren en CTA’s: Zorg ervoor dat alle formulieren, call-to-action (CTA) knoppen en interactieve elementen correct werken.
• Beoordeel de inhoud: Doe een laatste controle van je inhoud op typfouten, onjuistheden of verouderde informatie.
• Controleer de belastbaarheid: Voer belastingtesten uit om te zorgen dat je site verkeer aankan.
• Beveilig je site: Controleer of alle beveiligingsmaatregelen, zoals SSL-certificaten, aanwezig zijn.

Na Livegang

• Monitor Site Snelheid: Controleer continu de snelheid van je site en maak verbeteringen waar nodig.
• Volg Rankings En Verkeer: Gebruik tools zoals Google Analytics om veranderingen in je verkeer en trefwoordposities te monitoren.
• Vraag Feedback Van Gebruikers: Verzamel feedback van gebruikers over het nieuwe ontwerp en de functionaliteit.
• Los Eventuele Problemen Na Lancering Op: Pak onverwachte problemen of bugs aan die na de lancering opkomen.
• Werk Je Sitemap Bij: Dien je nieuwe sitemap in bij zoekmachines.
• Monitor 301 Redirects En Gebroken Links: Hou de prestaties van redirects in de gaten en repareer eventuele gebroken links.
• Optimaliseer Blijvend Voor SEO: Werk je inhoud en SEO-strategie regelmatig bij op basis van prestatiegegevens.
• Beoordeel Gebruikersgedrag: Analyseer het gedrag van gebruikers op de nieuwe site en pas UX/UI-elementen aan indien nodig.
• Werk Regelmatig Inhoud Bij: Houd je site actueel met regelmatige inhoudsupdates.
• Onderhoud Beveiligingsupdates: Werk de beveiligingsfuncties regelmatig bij om je site te beschermen tegen bedreigingen.
• Evalueer En Pas Aan Op Basis Van Doelen: Evalueer continu de prestaties van de site ten opzichte van je gestelde doelen en maak waar nodig aanpassingen.

Upgrade Meer Dan Alleen Het Ontwerp

Een geslaagde websiteherontwerp kan je online aanwezigheid transformeren en bedrijfsgroei stimuleren.

En je hoeft het niet alleen te doen.

DreamHost’s Professionele Webdiensten team kan het hele herontwerpproces voor jou afhandelen, van planning tot lancering, terwijl jij je richt op het runnen van je bedrijf.

Naast het ontwerp kunnen Dreamhost’s betaalbare hostingplannen en 24/7 ondersteuning van je website je best presterende bedrijfsmiddel maken.

Klaar om je website opnieuw te ontwerpen? Neem vandaag nog contact met ons op!