Meestal start het project met een praatje met een klant. Tijdens de eerste bijeenkomst moet de bedoeling worden vastgelegd: wat gaat er gemaakt worden, wat zijn de rollen en verantwoordelijkheden, wie is contactpersoon voor materiaal (tekst, foto's), etcetera.

De ontwerper gaat bedenken hoe alles gestructureerd gaat worden. Wat is belangrijk? En wat niet? Welke onderdelen kunnen later? Wat komt op elke pagina? We maken een prioriteitenlijst. Afhankelijk van de omvang van de website wordt mogelijk een visuele sitemap gemaakt voor de klant. Een sitemap is essentieel als de inhoud van de website wordt geherstructureerd.

Een wireframe is een skeletachtige weergave van de website, die de navigatie toont, alsmede functies en inhoudselementen die op de uiteindelijke website komen, maar zonder grafische design elementen. Het is bedoeld om problemen glad te strijken, missende onderdelen te vinden, als blauwdruk te fungeren voor inhoud, ontwerp en constructiewerk dat later komt.

Hoe de wireframe eruit ziet is vrij. Voor kleine sites kan het een schets zijn in Illustrator, Photoshop of Fireworks. Maar voor grotere complexere sites kan het nodig zijn om de wireframe te coderen in HTML zodat de klant kan doorklikken om te controleren of alles op de juiste plek staat.

Werkend vanuit de sitemap en de wireframe, komen ontwerper en klant samen om de inhoud te plannen - met name de tekst. Inhoud plannen en schrijven is meestal de grootste inspanning die de klant tijdens het project moet leveren, en het kan behoorlijk wat tijd in beslag nemen.

Als het allemaal een beetje loopt, kan de ontwerper zich gaan richten op het basis ontwerp - de homepage en de eerste subniveau pagina's.

Als het basis ontwerp klaar is, moet de klant controleren of de juiste richting wordt gevolgd en overeenkomstig aanpassingen voorstellen.

... hetgeen meestal betekent: stapje terug en bijstellen van onderdelen...

... totdat iedereen tevreden is.

Als eenmaal het basis ontwerp akkoord is, kan er worden gewerkt aan de layout en het ontwerp van alle pagina's.

En opnieuw wordt het werk gecontroleerd, bijgewerkt en bevestigd.

Dan kunnen de HTML pagina's worden gebouwd...

... en de CSS (de stijl van de website).

Opnieuw feedback. De klant en de ontwerper werken samen (werk - feedback - bijwerken) om de puntjes op de i te zetten totdat de website klaar is.

Het laatste stadium van de bouw is het testen. De site wordt getest op de meeste browsers om technische problemen glad te strijken, en gecontroleerd op fouten in de inhoud. Natuurlijk wordt er al getest op functionaliteit over de verschillende browsers tijdens het HTML en CSS ontwikkel proces, maar er moet zeker aan het eind nog een grote test plaatsvinden waarvoor voldoende tijd is ingeruimd.

Het plaatje zegt "The End" - maar natuurlijk nemen we niet de eindbetaling in ontvangst en rennen we hard weg. De website moet gedurende minstens 10 dagen na de lancering worden gecontroleerd op problemen en zonodig worden foutjes hersteld. Daarna hebben we ook nog de support.

En misschien gaan we verder met een volgende fase. Want een website is eigenlijk nooit af.