6 stappen om de perfecte website te (laten) bouwen

Hoe ga je te werk om je website te bouwen? Of je het nu zelf doet of uitbesteedt, dit zijn de 6 stappen die je moet volgen om tot een goed doordachte, overtuigende website te komen. Volg de gids!

Het zal je misschien verrassen, maar voor de eerste stappen heb je niet je computer nodig, maar wel een helder hoofd en wat vrienden die je helpen bij het brainstormen. Want er komt toch heel wat denkwerk aan te pas. En dat kan je gerust ook doen met pen en papier.

Download ons website maken e-book

 

1. Definieer de doelstellingen van je website

Definieer de doelstellingen van je websiteWat is de bedoeling van je website? Wanneer zal jij je website als geslaagd beschouwen? Dat kan namelijk heel verschillend zijn, en afhankelijk van dit doel moet je website anders opgebouwd zijn.

Heb je een e-commerce website? Dan kan het je doel zijn om producten te verkopen, je omzet online of in je stenen winkel of beiden te verhogen. Je website zal pas geslaagd zijn wanneer er inderdaad goederen besteld worden. Maar je website kan ook een manier zijn om, via het ontleden van bezoekstatistieken, je business te verbeteren. Waarom belanden klanten bij jou, wat zijn trendy zoektermen? Op basis daarvan kan je je productlijn eventueel aanpassen.

Of misschien heb je een informatieve website? Die moet helemaal anders opgebouwd worden dan een site waarmee je vooral leads wil genereren - e-mailadressen verzamelen om (toekomstige) klanten via nieuwsbrieven op de hoogte te houden van koopjes, acties, nieuwe artikels.

 

2. Plan de structuur van de informatie op je website

Nu je een duidelijk idee hebt van het doel van je website, stel je een plan op van alle pagina's die jij nodig acht op jouw website. Je contactgegevens, je productpagina, referenties, een FAQ, de winkelwagen, … het zijn maar enkele van de mogelijkheden. Zet ook op het papiertje welke rubrieken je daar gaat vermelden.Met ons artikel "Deze pagina's mogen niet ontbreken op een geslaagde website" overloop je welke pagina's een absolute must zijn.

Vervolgens ga je in die pagina's een structuur gieten: je kijkt hoe die pagina's met elkaar in verband staan. Je kan immers niet met een eindeloze horizontale lijst rubrieken werken! Door een mooie informatiestructuur te ontwerpen zorg je ervoor dat je bezoeker zo snel mogelijk de informatie vindt die hij zoekt.

Tip: Werk met post-it papiertjes, en gebruik 1 post-it per pagina. Plak die tegen de muur, met bovenaan je hoofdpagina's. Rangschik daaronder de subpagina's die volgens jou onder die bepaalde rubriek thuishoren. Neem even een foto, en rommel de papiertjes dooreen.

Vraag nu aan je vrienden om diezelfde oefening te maken: waar zouden zij bijvoorbeeld je adres gaan zoeken, voor een fysiek bezoek? Jij denkt misschien dat die informatie op je hoofdpagina moet staan, maar zij zouden die eerder op de "over ons" of "contact" pagina gaan zoeken!

 

3. Schrijf de teksten voor je website uit of doe beroep op een copywriter

De perfecte website heeft goede tekstenOp basis van het ontwerp van je pagina's, ga je nu nadenken over welke teksten er moeten komen. Zijn dat puur informatieve teksten, dan kan je dat hoogstwaarschijnlijk zelf doen - jij kent als geen ander jouw producten en diensten.

Maar gaat het erover om je bezoekers aan te zetten tot een actie, zoals een bestelling te plaatsen, of hun e-mailadres achter te laten, dan heb je een echt wervende tekst nodig. En doe je best beroep op een copywriter, want zij hebben als geen ander een taalgevoel om de juiste woorden te vinden en je bezoeker mee te nemen in je verhaal.

Volg deze tips:

  • Less is more: wees bondig en gebruik korte zinnen
  • Werk met blokjes tekst, geen lange alinea’s
  • Tussentitels maken de tekst scanbaar – zonder alles grondig te moeten lezen, weet je bezoeker waarover het gaat
  • Spreek je je klant aan met “u” of “jij”? Dat hangt van je doelpubliek af. Maar wees consequent op je hele website
  • Laat je teksten nalezen door anderen, zij halen er wellicht taal- of stijlfouten uit die jij over het hoofd ziet

 

Schakel vrienden en familie in om tot een informatiearchitectuur te komen die intuïtief is voor je gebruikers.

 

4. Denk aan de gebruikservaring bij het grafisch (laten) uitwerken van je website

De structuur is klaar, je teksten zijn klaar. Nu alles nog in vorm gieten - een creatieve job die veel genoegdoening geeft, maar wel wat experimenteren vergt.

Wanneer je werkt met een tool zoals de SiteBuilder van Combell, dan bepaal je het grafisch design aan de hand van sjablonen. Je kiest uit een van de meer dan 100 volledig uitgewerkte thema's, en gaat daar de standaard foto's en teksten vervangen door je eigen content. Je hebt vanaf de eerste stap een duidelijk zicht op hoe je website er gaat uitzien.

Tip: Grote foto's zijn aantrekkelijk voor je bezoeker, maar zorg ervoor dat je ze optimaliseert voor het web. Zo voorkom je dat het te lang duurt eer ze ingeladen zijn, en dat je bezoeker zijn geduld verliest!

Ook bij een Content Management Systeem (CMS) zoals WordPress werk je met thema's, maar daar heb je meer keuze - er zijn duizenden thema's, al dan niet betalend, die je kan aanvullen met plug-ins. Je hebt meer vrijheid dan bij een website builder, maar je moet zelf meer beslissingen nemen.

Je kan ook het grafisch design volledig uitbesteden aan een professionele websitebouwer. Die zal jou schetsen of wireframes voorleggen van hoe ze jouw site kunnen bouwen. Daarna worden die schetsen grafisch uitgewerkt: in mockups krijg je je website te zien, zonder dat er al code achter steekt.

 

5. Je website (laten) coderen

Je website laten coderenNu komt de technische kant van het website bouwen aan de beurt: de codering. Dankzij de voorbereiding die je gedaan hebt in de vorige stappen, zal dat in principe erg vlot verlopen. Doe je beroep op een professioneel webbouwer, dan zal hij de website omzetten in webcode zoals HTML, CSS, JavaScript e.a.

Werk je echter met een CMS als WordPress of een tool als Combell's SiteBuilder, dan is dat codeerwerk al achterliggend geschied. Zelfs extra functies die je zou toevoegen, en die op bijvoorbeeld JavaScript berusten, kan je met gewoon klikken en verslepen uitwerken. SiteBuilder zorgt automatisch voor de nodige webcode.

Tip: Met de dynamische content bij de Combell Sitebuilder maak je gepersonaliseerde acties aan op basis van een trigger. Denk aan een extra promotie wanneer een bezoeker voor de 3e keer op je site komt.

 

6. Je website blijven onderhouden

Wanneer je website af is, mag je echter niet op je lauweren blijven rusten. Net zoals jouw onderneming voortdurend evolueert, moet ook jouw website mee evolueren. Je zal nieuwe producten, nieuwe afbeeldingen moeten toevoegen. Of een nieuwe pagina voor een nieuwe dienst die je biedt.

Het is van essentieel belang om de beveiliging van je website te onderhouden en regelmatig veiligheidsupdates uit te voeren. Bij SiteBuilder neemt Combell dit voor zijn rekening, en kies je voor Managed WordPress van Combell, dan worden ook die zorgen van je schouders genomen.

Tip: Laat je je website op maat bouwen? Zorg dan dat er in de opdracht duidelijke afspraken gemaakt worden over het onderhoud van je website. Kleine wijzigingen moet je zelf kunnen uitvoeren, maar updates laat je bijvoorbeeld best door de developer uitvoeren - tegen een prijs, vastgelegd in je contract.

Hebben deze 6 stappen jou een duidelijker inzicht gegeven in hoe je te werk gaat om aan je eigen website te beginnen? Ons e-book geeft je nog meer advies over de keuzes die je moet maken wanneer je aan je eigen website wil beginnen.

Download ons website e-book