Zo maak je een website

Bij het maken van een website gebruiken we een vaste werkwijze. Deze werkwijze is gebaseerd op de Goal-Directed methode*, aangevuld met inzichten uit onze eigen, jarenlange praktijk. Hoe uitgebreid je de stappen wilt doorlopen, hangt af van je wensen en mogelijkheden. Maar het volgen van deze vijf stappen geeft de meeste garantie op het beste resultaat.

Download dit overzicht:

* overzicht proces
* uitleg en toelichting stappenplan.

*‘Goal-Directed’ Design is een ontwerpmethode die uitgaat van de taken en doelen van gebruikers in plaats van productkenmerken en technologieën. Bij het ontwikkelen van een website is er één centrale toetssteen: ‘helpt de site de bezoeker zijn/haar doelen (beter) te bereiken?’.

Meer weten? Kijk dan op de site van bedenker Alan Cooper. Nog meer vind je in deze standaardwerken:

Kaft About Face 3. The essentials of Interaction Design

Kim Goodwin, Designing for the digital age

Het ontwikkelproces van websites in vijf stappen.

De werkwijze bestaat uit 5 fases. Looksee ondersteunt je in iedere fase:

Looksee helpt je in deze fase o.m. met:

* doelgroepenonderzoek
* benchmark-analyse (hoe doet je site het naast die van de concurrentie?)
* verzamelen en beoordelen site-analytics

Stap 1: verzamelen van informatie

Je begint je nieuwe website met het verzamelen van zoveel mogelijk relevante informatie. Het onderzoek richt zich op drie onderdelen: je eigen bedrijf of organisatie, je klanten of doelgroepen en op je bestaande website of communicatie. Het is belangrijk om dit onderzoek zorgvuldig en systematisch te doen: zonder dit kun je in een later stadium geen zinvolle beslissingen nemen.

In deze fase probeer je een daarom antwoord te vinden op vragen als:

Over je bedrijf of organisatie:
* wat doet/wil je bedrijf/organisatie?
* wat is je toekomstvisie?
* hoe ziet je omgeving waarin je bedrijf/organisatie opereert eruit?
* wie is en wat doet de concurrentie?
* waarin onderscheid je je van de concurrentie?

Over je publiek , klanten, doelgroep
* voor wie is de nieuwe site bedoeld?
* wat wil je doelgroep van de site?
* hoe communiceer je nú met je doelgroepen?
* wat vindt je doelgroep van je bedrijf?

Over je bestaande website
* wat doen bezoekers nú op de site?
* welke onderdelen van de site functioneren goed en welke niet?
* is er een bestaande huisstijl?

Het resultaat van de eerste stap is, dat je precies weet wat de situatie is waarin de nieuwe website moet worden gemaakt.

Looksee helpt je in deze fase o.m met:

* internet-communicatie strategie (kpi’s, propositie en monline marketing plan)
* persona-ontwikkeling en doelgroepen-onderzoek
* ontwikkelen van gewenste feature set en user experience
* creatief concept en ontwerp visuele uitstraling

Stap 2: modelleren en bedenken

In deze fase zoek je een antwoord op de vraag: wat wil je nu eigenlijk precies met je site en welke insteek kies je om dat te realiseren? Daarvoor bewerk je de verzamelde informatie tot bruikbare richtlijnen (‘modellen’) op basis waarvan je beslissingen kunt nemen, formuleer je je internetmarketing-strategie en ontwikkel je een creatief concept.

Dit zijn voorbeelden van wat je doet:

M.b.t. het modelleren van de informatie:
* vaststellen van meetbare succesfactoren of KPI’s (wat bepaalt dat mijn site straks succesvol is en hoe kunnen we dat meten?)
* ontwikkelen van persona’s (model van de typische gebruiker van de website, verdeeld naar zinvolle segmenten)
* samenbrengen van jouw doelen en die van je klanten/doelgroepen (in een mental model kijk je waar de overlap zit)
* uitzetten van gewenste scenario’s (wat wil je dat bezoekers gaan doen?)

Internetmarketing-strategie
* formuleren van je propositie (wat maakt jouw bedrijf/organisatie belangrijk? Wat heb je te bieden?)
* bepalen welke rol je site gaat spelen in je totale communicatie en marketing
* vaststellen wat de site moet kunnen dóen (feature set)
* bedenken wat de bezoeker van je site zou moeten ervaren (user experience)

Creatief concept
* vertalen van de KPI’s en propositie naar een creatieve uitwerking
* ontwikkelen van de visuele uitstraling, de look and feel, van de website

Je hebt nu een duidelijk beeld van wat je wilt met de site en hoe je dat denkt te realiseren. Het is nu tijd om concreet te worden.

Looksee helpt je in deze fase o.m met:

* content-analyse
* informatie-architectuur (sitemap)
* testen van informatie architectuur
* interactie-ontwerp (functioneel ontwerp, wireframes en prototype)
* interface design en testen daarvan

Stap 3: structureren en bedenken

Je weet nu waar het ‘probleem’ ligt en welke insteek je kiest om het aan te pakken. In deze fase ga je je bezighouden met wat dat betekent voor inhoud, structuur, functionaliteiten en uiterlijk van de website. Achtereenvolgens informatie architectuur, functioneel ontwerp en visual design.

Kwesties in deze fase zijn:

Informatie architectuur
* je moet – uitgaande van de resultaten van de eerste twee fases – bepalen wat er in de site moet komen
* die informatie moet in een sitemap worden gestructureerd
* deze indeling moet worden getest zodat je weet dat die ook voor de gebruikers van de site begrijpelijk is
* van de bestaande inhoud moet worden vastgesteld wat kan worden hergebruikt
* ook: wat er nieuw moet worden gemaakt (en wie dat gaat doen)
* zorg ervoor dat indeling, teksten en menu-items zijn geoptimaliseerd voor zoekmachines

Functioneel ontwerp
* bedenk wat bezoekers allemaal kunnen doen op de site (functioneel ontwerp)
* breng inhoud en functies per pagina-type samen in wireframes
* om beter te ervaren of alles klopt, maak je een prototye: een (deel van de) website dat werkt zoals het straks zou moeten
* test het prototype zodat je weet dat je bezoekers ermee kunnen werken

Visual design
* de wireframes worden vertaald in een samenhangend ontwerp van de interface
* dit ontwerp wordt getest om te zien of het ook voor je doelgroep de juiste uitstraling is
* er wordt een stijlgids gemaakt, zodat een consistent uiterlijk kan worden vastgehouden

Je hebt nu al het voorbereidende werk voltooid. De site kan nu worden gemaakt.

Looksee helpt je in deze fase o.m met:

* keuze van cms
* project management van technische realisatie (aansturen en begeleiden van technische partij)
* samenstellen content inventaris
* gebruikerstests om te zien of de site functioneert zoals bedoeld

Stap 4: maken en vullen

Het moment is nu aangebroken om de site daadwerkelijk te gaan maken. Dit is de fase waarin de technische wizzkids, de programmeurs en cms-leveranciers hun ding doen en de functionele en visuele ontwerpen tot leven wekken. Dit is ook de fase waarin blijkt of de content inderdaad op maat is voor de site die je voor ogen hebt.

Deze fase gaat over:

Technische realisatie
* vaststellen technische randvoorwaarden en haalbaarheid (server-omgeving, content management systeem (cms), koppeling met een back office en eventueel programmeerwerk op maat)
* keuze van het cms (technische specificaties; open of closed source?)

Content maken en de site vullen
* maken van een content inventaris waarin precies staat wat er in de site komt (tekst, beeld, audio, video)
* samenstellen van een webredactie met rechtenstructuur: wie is verantwoordelijk voor het bijhouden van welk deel van de site?
* beoordelen of externe deskundigheid moet worden ingeroepen voor de productie van tekst en/of beeld
* instructie en ondersteuning door cms-leverancier zodat betrokkenen met het cms overweg kunnen

Testen en opleveren
* voortdurend testen en bijstellen om te zien of alles naar behoren werkt en de site eruit ziet zoals bedoeld
* doorlopen van de pre-launch checklist om te zien of de site klaar is voor oplevering
* moment bepalen waarop de site voldoende is gevuld om te worden gepubliceerd

Resultaat van deze fase is een werkende en gepubliceerde website. Nu begint het pas.

Looksee helpt je in deze fase o.m met:

* zoekmachine optimalisatie (via onze partner)
* analytics om te zien of de site wordt gebruikt zoals bedoeld en stapsgewijs te verbeteren
* periodieke gebruikerstests
* monitoren (internet-)trends

Stap 5: onderhoud en verbeteren

Je site is nu opgeleverd: het echte werk begint nu! De site moet onder de aandacht worden gebracht, worden bijgehouden en, op basis van het continu bijhouden van je omgeving, waar nodig verbeterd. Never a dull moment in het werk van de webredactie.

Aandachtspunten in het leven van een website zijn:

Promotie en marketing
* hoe breng je je site onder de aandacht van je doelgroepen?
* hoe zorg je ervoor dat je site goed scoort bij zoekmachines?

Doorontwikkeling en verbetering
* monitoren van de site vanuit KPI’s: doet de site wat je als doel hebt gesteld?
* inzetten van analytics om te zien of er plaatsen zijn waar verbetering is te boeken
* ontwikkelen van een content plan om actualiteit en relevantie van de website te garanderen
* volgen van (internet-)trends en ontwikkelingen en beoordelen of ze interessant zijn voor je eigen organisatie
* periodiek toetsen of de site nog voldoet aan de organisatiedoelstellingen; zo niet: terug naar fase 1!

Nazorg en onderhoud
* organisatie van het onderhoud en redactie
* veiligheidsupdates en technisch onderhoud
* toevoegen nieuwe functionaliteiten
* schaalbaarheid in geval van grote toename bezoekers