Geen enkele aannemer begint zomaar een huis te bouwen. Nee, hij begint met een plan in de hand. Net zo moet je ook eerst een plan voor je nieuwe website uittekenen.

Hoe begin je eraan?

Elke pagina één wireframe

Breng allereerst zeer duidelijk in kaart wat je juist nodig hebt en waar je naartoe wil met je nieuwe website. Enkele vragen die je helpen om dat te bepalen:

  • Wat is het doel van de website? (Informatie verstrekken, klantencontact, verkopen, …)
  • Wat is de boodschap die je wil overbrengen aan elke bezoeker?
  • Welke elementen moeten op de website komen?
  • In welke vorm wil je informatie delen? (Informatiepagina’s, blogartikels, infografieken, whitepapers, filmpjes, foto’s, … )
  • Welk soort beelden passen het best bij je zaak en spreken jouw doelgroep het meest aan?

Eens je de antwoorden hebt, kan je wireframes beginnen tekenen. Wireframe is de term die websiteontwikkelaars gebruiken voor het plan van een website. Voor elke online pagina tekenen ze één wireframe. Dit is één rechthoek per pagina waarin bepaald wordt waar de tekstvakken komen, waar een foto, video, actieknop of tekstlink geplaatst wordt, …

Teken het bouwplan van je site

Teken de verschillende pagina’s van je website uit zoals een architect het plan van je huis ontwerpt. In de badkamer bepaalt hij of zij waar het bad wordt geplaatst en waar de douche, wastafel, … moeten komen.

Je ontwerpt je website op papier of in een programma zoals Balsamiq.

Bespreek je plan met potentiële bezoekers, een websitebouwer of een expert van De Digitale Versnelling. Boek hier je gratis afspraak.

Schaaf vervolgens bij.

Wacht met kleuren en vormgeving

In dit stadium mag je nog niet te gedetailleerd denken over vormgeving, stijl, kleuren, lettertypes, foto’s en video’s, net zoals je nog geen bad en badkamermeubel kiest voordat het grondplan helemaal klaar is.

Laat je hierbij helpen door voorbeelden van webontwikkelaars en voorbeeldpagina’s van templates.

Stippel het pad uit

Het belangrijkste doel van wireframes is het inbouwen van logica in jouw website. Enkel door een duidelijk pad uit te stippelen leid je bezoekers naar het kopen, opvragen van informatie of ingeven van gegevens.

Trek daarom pijlen tussen de wireframes. Dit zijn de linken van de ene naar de andere websitepagina.

Beantwoord deze 3 vragen

Je structuur is klaar wanneer je deze 3 vragen met ‘ja’ kan beantwoorden:

  • Zijn de website en het doel ervan meteen duidelijk?
  • Klikken bezoekers op een logische manier naar de volgende pagina?
  • Kunnen ze vanop elke pagina actie ondernemen, een product kopen, afspraak maken, hulp vragen, … ?

Eens de wireframes klaar zijn, is het tijd om een websitebouwer aan het werk te zetten of zelf alvast supersimpel een eigen website te bouwen. We duimen voor een knap resultaat!