Het meest complete stappenplan voor jouw nieuwe website

Dus je hebt de beslissing genomen om een nieuwe website te laten maken. Leuk! Maar nu begint het pas. Bij het maken van een nieuwe website komt veel kijken: de teksten, het ontwerp, een CMS en je online strategie. Dit kan nogal overweldigend zijn. Daarom helpen we jou op weg met het ultieme stappenplan voor een nieuwe website.

Onderstaande aanpak geldt zowel voor bedrijven die al een website hebben alsmede bedrijven die echt vanaf nul beginnen. We hebben het proces van een nieuwe website in grofweg 5 stappen verdeeld. Afhankelijk van de omvang van de website en organisatie waar je voor werkt zullen het aantal substappen toe- of afnemen.

De 5 stappen zijn:

1. De voorbereiding
2. Creatie website
3. Technische ontwikkeling website
4. Post launch
5. Optimalisatie en nurturing

Stap 1 – de voorbereiding

Een goed plan van aanpak is de basis voor het opzetten van jouw nieuwe website. Een degelijke voorbereiding vormt hierbij de eerste stap. De welbekende uitspraak “if you fail to plan you plan to fail” klopt zeker bij een nieuwe website. Om te zorgen dat jouw website op tijd klaar is en je budget niet overschrijft, is het belangrijk de juiste voorbereidingen te treffen. De volgende punten zouden een onderdeel moeten zijn van je projectplan:

1. Doelstellingen
2. Inhoud en structuur
3. Beschikbare middelen en rollen

1.1. Doelstellingen van je website

Hoeveel bezoekers wil je per maand? Hoeveel leads of verkopen? Wil je meer online zichtbaarheid? Klantenbinding vergroten? Klantenservice verbeteren? Het is belangrijk doelstellingen te definiëren zodat je kan ‘meten’ of je nieuwe website geslaagd is.

Kwantificeer deze doelstellingen middels KPI’s en breng ze in kaart. Alhoewel een nieuwe website niet gelijk leidt tot meer omzet of verkopen, doet online marketing dat wel en het is belangrijk hier bij de ontwikkeling van je nieuwe website rekening mee te houden.

Als je al een website hebt kun je je huidige statistieken analyseren zodat je een goede nulmeting hebt. Zorg altijd dat je doelstellingen SMART (Specifiek, Meetbaar, Acceptabel, Realistisch, Tijdgebonden) zijn.

1.2. De inhoud & structuur van je website

Het ontwikkelen van een website is een stapsgewijs proces waarbij het moeilijk kan zijn om alles in één keer volledig te overzien. Maar voordat je denkt aan het daadwerkelijk ontwikkelen van je website is het belangrijk over deze zaken na te denken:

• Welke content heb ik? (fotografie, video en teksten)
• Welke content moet er gecreëerd worden?
• Welke landingspagina’s zijn belangrijk?
• Wat zijn de belangrijkste entry points van mijn website?
• Wat is het uiteindelijke doel van de website en welke stappen / pagina’s moeten bezoekers hiervoor doorlopen?
• Welke content is belangrijk voor welk type bezoeker?
• Moeten er koppelingen gemaakt worden met andere systemen (betaalsystemen, CRM, email marketing)
• Welk deel is vast en welk deel moet dynamisch zijn?

1.3. Beschikbare middelen en rollen

Als je een website (laat) bouwen kost dat tijd en geld. Belangrijk dus om na te denken hoeveel budget je hiervoor over hebt. Dit praat ook een stuk makkelijker als je van plan bent de website uit te besteden aan een internetbureau zoals dat van ons.

Daarnaast is het belangrijk om na te denken over wie wat gaat doen. Dus wie is er verantwoordelijk voor het verzamelen van informatie, project begeleiding, bouw en ontwerp? Maar ook wie gaat de website beheren als die eenmaal staat?

Bij Pixelfarm proberen we klanten altijd zoveel mogelijk te ontzorgen door alles uit handen te nemen maar hier hangt natuurlijk een bepaald prijskaartje aan. Als je het budget hier niet voor hebt, denk dan na of je dingen zelf kunt en wilt doen of dat je binnen je organisatie mensen hebt die bepaalde taken uit handen kunnen nemen.

Definieer je online strategie

Soms is een representatieve website met de juiste content voldoende, maar voor veel organisaties zijn de website en bijbehorende online marketing tegenwoordig een belangrijk onderdeel binnen de organisatie. Verstandig dus om ook goed over je online strategie na te denken. Een goede online- of digitale strategie bestrijkt overigens meer dan alleen je website. Social media, email marketing, mobile marketing, etc. zouden hier ook onderdeel van moeten zijn.

Er is op Frankwatching een prima artikel te vinden over hoe je tot een goede online strategie komt.

Stap 2 – Creatie website

Tijdens deze stap komt de website echt tot leven en krijg je een goed idee van hoe deze eruit komt te zien. Hoeveel van onderstaande substappen daadwerkelijk plaatsvinden is sterk afhankelijk van de complexiteit van de website (en het beschikbare budget). Wij verdelen de creatie fase altijd onder in de volgende onderdelen:

1. Concept
2. Interactie ontwerp
3. Visueel ontwerp
4. Content creatie

2.1. Concept

Bij een concept gaan wij altijd aan de slag met een ontwerp waarbij we een indicatie geven van het gevoel, de stijl en beleving. Het geeft je een goed idee wat onze visie is op jouw website!

2.2. Interactie ontwerp

Bij het interactie ontwerp van je website komen er altijd een aantal documenten om de hoek kijken:

• Sitemap (welke onderdelen en welke pagina’s)
• Functionele beschrijving (welke functionaliteiten komen er in de website en hoe doorloopt de gebruiker deze stappen)
• Wireframes (modellen waarin staat welke pagina welke tekstblokken, foto’s, knoppen etc. moet bevatten)

Technisch ontwerp: Bij sommige projecten (vaak digitale of online platformen) wordt ook een technisch ontwerp gemaakt. Hierin staan database schema’s, gebruikte technologie, procedures, flowcharts, etc.)

Bij sommige projecten kiezen wij ervoor om een interactief prototype te maken waarbij je door de website heen kunt klikken. Dit is een goede manier om een compleet beeld te krijgen van de website.

Voorbeeld van een interactie ontwerp voor Exact

2.3. Visueel ontwerp (UI / UX)

Volgens ons de leukste stap 🙂 Bij het visuele ontwerp worden alle (key) pagina’s en elementen vormgegeven:  Een ontwerper gaat aan de slag om menu’s en buttons vorm te geven, de exacte lay-out van een pagina te bepalen, formulieren begrijpelijker te maken en de hele gebruikers ervaring van A-Z visueel te maken. Kortom; je website krijgt een maatpak aangemeten en dat zorgt voor een stuk beleving.

CMS: Op basis van al deze zaken maken we ook altijd een keuze voor een CMS. Dit kan WordPress, ProcessWire, Typo3 of Umbraco zijn om er een paar te noemen. Voor kleinere (meer content gedreven websites) kiezen we bijv. vaak voor WordPress of ProcessWire.

Voorbeeld visueel ontwerp website Jamin

2.4. Contentcreatie

De teksten van je website zijn een belangrijk onderdeel wat erg vaak onderschat wordt en er even bij gedaan wordt. Alhoewel de gemiddelde bezoeker steeds meer visueel ingesteld is, is tekst nog steeds één van de belangrijkste factoren om goed gevonden te worden in Google en andere zoekmachines (SEO). Erg belangrijk dus!

Daarnaast is video en fotografie een belangrijk onderdeel voor de beleving van je ‘digitale merk’. Je kunt voor stockfotografie kiezen (beelden die je voor een beperkt bedrag aanschaft) of een fotograaf inschakelen. De keuze hiervoor ligt aan je budget, of je producten / diensten hebt die niet zo heel erg algemeen zijn en of je het risico wilt lopen dat anders bedrijven dezelfde foto’s mogen gebruiken.

Stap 3 – Technische ontwikkeling

De technische ontwikkeling van een website verdelen wij altijd onder in deze 4 stappen:

1. Bouw van de website
2. Testversie website
3. Acceptatieversie website
4. Lancering van de website

Iedereen heeft weleens gehoord van “een website bouwen”. De bouw van de website spreekt dan ook redelijk voor zich: hierin worden de ontwerpen uit de vorige stappen omgezet tot een werkende website.

De testversie van de website is een versie die alleen voor jou toegankelijk is (en dus niet openbaar). Door samen de website grondig te testen kunnen 99,9% van de bugs en technische fouten eruit gehaald worden. Dit zodat je doelgroep hier niet mee geconfronteerd wordt. De acceptatieversie van je website is de laatste versie van je website voordat deze ‘live’ gaat.

Na al dat harde werk in de voorgaande stappen is de website klaar om aan je klanten en publiek te tonen!

Funfact: De (op)bouw van een website bestaat uit twee delen; een voorkant en een achterkant. De voorkant is de presentatie laag en bestaat uit HTML, CSS en JavaScript. De achterkant bestaat uit het CMS en scripts en vormt de “back-end”.

CMS

In het CMS wat met de website gebouwd wordt kun je zelf je website (laten) onderhouden. Alhoewel de meeste CMS’en redelijk intuïtief werken geven wij standaard een cursus om je op weg te helpen. #handig

Verschillende open source CMS systemen

SEO

Tijdens het bouwen worden ook verschillende meet instrumenten (zoals Google Analytics) ingericht om zaken als website verkeer, conversies, leads en performance te meten. Op die manier kunnen we mooi de doelstellingen in de gaten houden uit de voorbereidingsfase!

Om te zorgen dat je zorgvuldig opgebouwde SEO positie blijft bestaan na het lanceren van de nieuwe website worden de links van je oude website doorgelinkt (redirect) zodat bezoekers geen 404 pagina (pagina niet gevonden) krijgen als ze via Google zoeken.

Stap 4 – Post launch

Na de lancering is het verstandig om de website te monitoren op eventuele errors en bugs die tijdens het testen niet aan de orde zijn gekomen. Als internet bureau hebben wij verschillende tools om dit soort zaken automatisch te monitoren. Zo wordt bijv. ook de laadsnelheid en performance van de website nauwgezet gevolgd om te zorgen dat je website geen onderbrekingen kent.

Stap 5 – Optimalisatie en nurturing

Nu begint het echte werk pas 🙂 Met online marketing gaan we je bedrijf of merk (online) laten groeien. Ook het optimaliseren van je website door middel van A/B testen is een belangrijk onderdeel om je website nog beter te laten presteren.

Voorbeeld van heatmap van pixelfarm.nl

Zoals je ziet gaat er veel tijd zitten in het ontwikkelen van een nieuwe website (zowel voor jou als voor ons). Tijdens het proces kom je voor veel uitdagingen te staan maar het is ook enorm dynamisch en leuk om je creatieve ideeën tot leven te zien komen. Wil je samen met ons de stappen naar een nieuwe website doorlopen? Neem dan contact op!