- \n
- Stap 1 : beschrijf de doelgroep en de toptaken<\/a><\/li>\n
- Stap 2 : leg de structuur van je website vast in het navigatiemenu<\/a><\/li>\n
- Stap 3 : zoek soortgelijke websites en beschrijf hun sterke en zwakke punten<\/a><\/li>\n
- Stap 4 : beschrijf welke functies je op jouw website wilt hebben en hoe deze moeten werken<\/a><\/li>\n
- Stap 5 : maak een schets van de belangrijkste pagina’s en functies<\/a><\/li>\n
- Stap 6 : beschrijf wie wat doet<\/a><\/li>\n
- Stap 7 : geef een budgetindicatie<\/a><\/li>\n
- Stap 8 : Bundel alle informatie in \u00e9\u00e9n document en stuur dit mee als je een offerte aanvraagt<\/a><\/li>\n<\/ul>\n
Samen met Bob deze stappen doorlopen<\/h2>\n
Tijdens het lezen van dit artikel zul je erachter komen dat het nog aardig wat werk is om je goed voor te bereiden.
Bovendien is dit pas het begin; buiten het beantwoorden van deze vragen zul je ook zelf je teksten en afbeeldingen moeten aanleveren… en laat dat nu net het belangrijkste onderdeel van de hele website zijn!<\/p>\nWIl jij een website die \u00e9cht iets oplevert? Dan is Bob’s Top Website een prima investering!<\/strong><\/p>\n
Als je kiest voor Bob’s Top Website komt Bob naar jouw werkplek en doorlopen we al deze stappen samen,
zodat we een grondige basis hebben voor je nieuwe website. Maar bovendien schrijft Bob ook alle teksten
voor je website, \u00e9n maakt hij tientallen foto’s van jou, je collega’s, je kantoor, je bedrijfsauto en natuurlijk
je werk zodat je klanten letterlijk een goed beeld krijgen van je bedrijf.<\/p>\nZo weet je zeker dat je website helemaal top wordt, terwijl jij je kunt focussen op waar jij goed in bent.<\/p>\n
Vraag direct een vrijblijvende offerte aan<\/a><\/div>\nMeer informatie<\/a><\/div>\n<\/div>\n\nStap 1: beschrijf de doelgroep en toptaken<\/h2>\n
Beschrijf eerst even kort het bedrijf zodat de webbouwer een beter beeld krijgt van jullie diensten of producten.<\/p>\n
Het eerste wat je vervolgens voor ogen moet krijgen is de doelgroep: voor wie gaan we deze website laten maken<\/strong>? Daarom wordt tegenwoordig vaak gewerkt met zogenaamde persona’s<\/a> om de doelgroep zo concreet mogelijk voor ogen te krijgen, want hoe concreter het beeld van je doelgroep is, hoe beter je website daarop kan worden afgestemd.<\/p>\n
Als de doelgroep duidelijk is moeten de toptaken van die doelgroep in beeld gebracht worden; waarvoor komt je doelgroep naar jouw website?<\/strong> In mijn artikel over toptaken<\/a> lees je hoe je daar achter komt.<\/p>\n<\/div>\n
Stap 2 : leg de structuur van je website vast in het navigatiemenu<\/h2>\n
Het is erg belangrijk dat je deze stap grondig aanpakt, want de toptaken vormen de basis voor de structuur en de inhoud van je website. Die structuur wordt vertaald naar het navigatiemenu<\/strong>. Een gebruiksvriendelijk navigatiemenu<\/a> bestaat uit maximaal 9 menu items. Het eerste menu item is altijd “home” en het laatste menu item “contact”, dus je houdt nog 7 plekjes over voor de belangrijkste toptaken. Zet “op papier” hoe jij het navigatiemenu zou indelen en welke submenu items je waar zou plaatsen.<\/p>\n
Stap 3 : zoek soortgelijke websites en beschrijf hun sterke en zwakke punten<\/h2>\n
Is het je ooit opgevallen dat de meeste websites in de basis erg op elkaar lijken? Het logo staat meestal linksboven, daarnaast of daaronder het navigatiemenu, ergens (meestal rechts) bovenin een zoekfunctie, dan de paginatitel enzovoorts. Bezoekers hebben dat inmiddels zo vaak gezien dat ze die onderdelen op die plek verwachten, dat blijkt goed te werken dus waarom zou je het wiel opnieuw uitvinden?<\/p>\n
Deze standaarden gelden voor vrijwel iedere website, in iedere branche. Waarschijnlijk zijn er echter ook een aantal standaarden voor websites in jouw specifieke branche. Bekijk dus eens een stuk of 5 a 10 soortgelijke websites en beschrijf wat je wel en niet aanspreekt bij die sites. Dingen waar je op kan letten zijn:<\/p>\n
- \n
- Uit welke onderdelen bestaat het navigatiemenu<\/strong>, en hoe benoemen zij die onderdelen?<\/li>\n
- Welke functies<\/strong> bevat hun website, en op welke plek staan die functies? Werkt dat prettig of juist niet?<\/li>\n
- Is het direct duidelijk<\/strong> waar de website over gaat? En de huidige pagina? En zie je ook meteen waar op de website je bent en wat je er nog meer kunt vinden? Hoe komt dat? Welke onderdelen kun jij ook gebruiken en wat kan beter?<\/li>\n
- Wat vind je op de homepage<\/strong>? Krijg je daar een goed beeld van wat er op de website te vinden is? Waardoor komt dat?<\/li>\n
- Is er een zoekfunctie<\/strong>? Waar staat deze? Is dat een logische plek? En werkt hij naar behoren?<\/li>\n
- Wat zijn hun USP’s<\/a><\/strong>? Denk aan gratis verzending, snelle levertijden, een goede klantbeoordeling, lange garantie, gratis retourneren enzovoorts. En waar vind je die USP’s terug? Is dat een goede plek of kun je daar een betere plek voor bedenken?<\/li>\n
- Welke andere dingen wekken je vertrouwen<\/strong>? Bijvoorbeeld keurmerken, referenties, foto’s, videos? Staan de contactgegevens duidelijk in beeld en zo ja, waar? Zijn er duidelijke call to action buttons en hoe zien die eruit? Zijn de betaalmogelijkheden direct duidelijk?<\/li>\n
- Waar gaan de teksten<\/strong> op de website over? En wat is de toon van die teksten? Worden bezoekers bijvoorbeeld aangesproken met “u” of “je”? En de structuur? Worden er veel tussenkopjes gebruikt, of opsommingen?<\/li>\n
- Probeer de toptaken die je in stap 1 gedefinieerd hebt eens uit te voeren op deze websites. Welke onderdelen werken prettig (en moeten dus ook op jouw website terugkomen) en waar loop je tegenaan dat op jouw website beter kan?<\/li>\n
- Plaats eens een (kleine) bestelling indien mogelijk. Is de bestelprocedure duidelijk? Werkt de webwinkel naar behoren? Hoe verloopt het afrekenen? Welke bevestigingsmailtjes krijg je en wat staat daar in? Als je geen echte bestelling wilt plaatsen kun je natuurlijk ook de bestelprocedure doorlopen totdat je moet afrekenen.<\/li>\n
- Bekijk de website ook eens op je smartphone<\/strong>. Werkt dat prettig? Wat kan er beter?<\/li>\n<\/ul>\n
Stap 4 : beschrijf welke functies je op jouw website wilt hebben en hoe deze moeten werken<\/h2>\n
In dit topic op Higherlevel.nl<\/a> geeft Caspar van den Bogaert een goede tip om de lijst die je bij stap 3 gemaakt hebt verder aan te vullen: door een aantal antwoorden te geven op vragen die beginnen met “Ik wil dat de bezoeker…”. Enkele voorbeelden:<\/p>\n
- \n
- Ik wil dat de bezoeker artikelen kan filteren op kleur \u00e9n op prijs \u00e9n op maat.<\/li>\n
- Ik wil dat de bezoeker direct naar de winkelwagen pagina wordt doorgestuurd als hij een artikel toevoegt.<\/li>\n
- Ik wil dat de bezoeker kan inloggen en daar zijn gegevens kan aanpassen.<\/li>\n
- Ik wil dat de bezoeker mij kan bellen door op een button met mijn telefoonnummer te klikken.<\/li>\n
- enzovoorts<\/li>\n<\/ul>\n
Daarnaast is het ook belangrijk om te bedenken wat jij zelf wilt kunnen doen. Daar kom je achter door aan aantal antwoorden te geven die beginnen met “ik wil dat ik”. Weer enkele voorbeelden:<\/p>\n
- \n
- Ik wil dat ik zelf de teksten en afbeeldingen kan aanpassen<\/li>\n
- Ik wil dat ik kan zien hoeveel bezoekers een artikel bekeken hebben en hoeveel van die bezoekers iets gekocht hebben<\/li>\n
- Ik wil dat ik alle kleuren zelf kan aanpassen<\/li>\n
- Enzovoorts<\/li>\n<\/ul>\n
Tenslotte kun je nog een lijstje maken dat begint met “de website moet”:<\/p>\n
- \n
- De website moet in twee talen beschikbaar zijn, te weten Nederlands en Engels<\/li>\n
- De website moet responsive zijn<\/li>\n
- De website moet een rode achtergrond krijgen<\/li>\n
- Enzovoorts<\/li>\n<\/ul>\n
Als het goed is heb je nu een hele lijst met dingen die je ook op jouw website wilt. Ga die eens op een rijtje zetten en beschrijf daarbij niet alleen wat<\/em> je wilt, maar ook hoe<\/em> het volgens jou zou moeten werken. Wees daarbij zo concreet mogelijk. Enkele voorbeelden:<\/p>\n
Functie<\/em> : Zoekfunctie
\nBeschrijving<\/em> : De zoekfunctie moet op ieder pagina rechtsboven staan. Als de bezoeker een zoekopdracht invult moet de zoekfunctie suggesties geven zoals bij Google. Bij de zoekresultaten moet de titel, een foto en een korte omschrijving weergegeven worden. Het zoekwoord waarop gezocht is moet in die omschrijving voorkomen en geel gemarkeerd zijn. Er moet een lees meer link onder het resultaat worden weergegeven.<\/p>\nFunctie<\/em> : Login
\nBeschrijving<\/em> : Een bestaande klant moet kunnen inloggen op de website. Hij moet daar zijn NAW gegevens en zijn wachtwoord kunnen aanpassen. Hij moet daar tevens zijn vorige bestellingen kunnen terugvinden. Ook moet hij facturen van die bestellingen kunnen downloaden.<\/p>\nFunctie<\/em> : Telefoon en e-mail button
\nBeschrijving<\/em> : Er moeten twee buttons rechts bovenin komen, 1 met het telefoonnummer en 1 met het e-mail adres. Als de bezoeker op het e-mail adres klikt moet zijn e-mail programma geopend worden. Op een smartphone moeten deze buttons vierkantjes worden met een icoontje van een telefoon en een envelopje voor de e-mail. Als de bezoeker op een smartphone op het telefoontje drukt moet het telefoonnummer automatisch gebeld worden.<\/p>\nJe kunt de lijst vervolgens nog indelen in must-haves<\/em> en nice-to-haves<\/em>. Must-haves zijn de dingen die je perse in je nieuwe website wilt hebben, nice-to-haves zijn de dingen die leuk zouden zijn om te hebben maar die niet noodzakelijk zijn. Met name als je budget beperkt is kan dit een zeer nuttige stap zijn.<\/p>\n
Stap 5 : maak een schets van de belangrijkste pagina’s en functies<\/h2>\n
![\"website](\"https:\/\/bobdewebbouwer.com\/wp-content\/uploads\/2015\/06\/website-laten-maken-wireframe-450x311.png\")
<\/a>Waarschijnlijk heb je nu wel een redelijk beeld van hoe je website eruit moet komen te zien.<\/p>\nOm er zeker van te zijn dat je website bouwer dat beeld duidelijk overkrijgt kun je het beste wat eenvoudige schetsen maken van de belangrijkste pagina’s en functies; een afbeelding zegt immers vaak meer dan 1000 woorden.<\/p>\n
Je hoeft overigens echt geen webdesigner te zijn om zo’n schets te kunnen maken, de schets hiernaast is gewoon gemaakt in paint en bestaat uitsluitend uit wat rechthoeken en wat tekst. Maar zoals je ziet geeft het wel een heel duidelijk beeld van de layout van deze pagina.<\/p>\n
In vaktermen wordt zo’n schematische weergave van een pagina een wireframe<\/strong> genoemd.<\/p>\n
<\/p>\n
Stap 6 : Beschrijf wie wat doet<\/h2>\n
Leg ook duidelijk vast wie wat doet. Wie gaat er bijvoorbeeld de teksten schrijven<\/a>? Jij of de webbouwer? En wie plaatst die teksten op de website? Wie zorgt er voor de afbeeldingen<\/a>? En wat verwacht je van de webbouwer op het gebied van SEO<\/a>? En hoe zit het na oplevering van de website? Wie verzorgt de hosting, updates, aanpassingen enzovoorts?<\/p>\n
Stap 7 : Geef een budgetindicatie<\/h2>\n
Hoe meer wensen jij hebt, hoe meer tijd dat kost en hoger de offerte zal uitvallen. Je kunt natuurlijk wel een Mercedes met alle opties van een ton willen, maar als je budget maar een Opel Astra van 20 mille toelaat zul je je wensen moeten bijstellen. Dat geldt natuurlijk ook voor een website.<\/p>\n
Als je een budgetindicatie geeft zal een goede webbouwer de beste optie binnen jouw budget offreren. Als je geen budgetindicatie geeft is de kans groot dat je offertes ontvangt die totaal niet aansluiten bij jouw budget, zeker als je een wat uitgebreidere website wilt met veel verschillende functies. Dat is zonde van je tijd… en die van de webbouwer.<\/p>\n
Je hoeft natuurlijk niet direct het achterste van je tong te laten zien, het gaat immers om een budgetindicatie<\/em>. Reserveer ook zeker wat budget voor onderhoud en wijzigingen na oplevering van je website (informeer ook naar de uurtarieven daarvoor), en hoe zit het met hosting en eventuele andere kosten?<\/p>\n
Stap 8 : Bundel alle informatie in \u00e9\u00e9n document en stuur dit mee als je een offerte aanvraagt<\/h2>\n
That’s it, de voorbereiding zit erop. Maak nu 1 overzichtelijk document van alle informatie die je tijdens de stappen hierboven verzameld hebt (in vaktermen wordt zo’n document een Functioneel Ontwerp (FO)<\/strong>\u00a0of Programma van Eisen (PvE)<\/strong> genoemd) en stuur dat mee als je een offerte aanvraagt.<\/p>\n
<\/p>\n
Phoe, een hoop werk zeg… kan de webbouwer dat zelf niet verzinnen?<\/h2>\n
Natuurlijk kan je webbouwer dit alles zelf ook verzinnen… maar het is JOUW website en die moet dus aansluiten bij jouw doelgroep, wensen en behoeftes. Door de stappen hierboven te volgen krijgen jij en je webbouwer een heel goed beeld hiervan, al voordat er begonnen wordt met de daadwerkelijke bouw van de website.<\/p>\n
Als jij alles goed beschreven hebt kan de webbouwer veel beter inschatten hoeveel tijd dat gaat kosten, waardoor de uiteindelijke kosten niet al teveel zullen afwijken van het bedrag in de offerte.<\/p>\n
Zonder goede voorbereiding kom je waarschijnlijk tijdens de bouw van je website steeds dingen tegen die je toch liever anders wilt, of dingen waar je in eerste instantie niet aan had gedacht maar die je toch ook graag op je nieuwe website wilt. Als het dan moet worden aangepast kost dat veel meer tijd en dus geld dan wanneer je dat van tevoren bedacht had.<\/p>\n
Ik heb zelfs eens een klant gehad waarvoor ik zijn website in 1 jaar tijd 4 keer compleet verbouwd heb omdat hij steeds wat anders wilde… bereid je dus goed voor en voorkom dat soort situaties!<\/p>\n
Dat wil overigens niet perse zeggen dat je al deze stappen helemaal in je eentje moet doorlopen, je webbouwer wil je daar ongetwijfeld bij helpen. Een goede webbouwer zal ook kritisch kijken naar je plannen en je adviseren als hij denkt dat iets beter kan, het is immers zijn vakgebied. Maar goed, elk uur dat je webbouwer niet aan je website hoeft te besteden hoef jij niet te betalen!<\/p>\n
Toch liever samen met Bob deze stappen doorlopen?<\/h2>\n
Tijdens het lezen van dit artikel ben je erachter gekomen dat het flink wat werk is om je goed voor te bereiden.
Bovendien is dit pas het begin; buiten het beantwoorden van deze vragen zul je ook zelf je teksten en afbeeldingen moeten aanleveren… en laat dat nu net het belangrijkste onderdeel van de hele website zijn!<\/p>\nWIl jij een website die \u00e9cht iets oplevert? Dan is Bob’s Top Website een prima investering!<\/strong><\/p>\n
Als je kiest voor Bob’s Top Website komt Bob naar jouw werkplek en doorlopen we al deze stappen samen,
zodat we een grondige basis hebben voor je nieuwe website. Maar bovendien schrijft Bob ook alle teksten
voor je website, \u00e9n maakt hij tientallen foto’s van jou, je collega’s, je kantoor, je bedrijfsauto en natuurlijk
je werk zodat je klanten letterlijk een goed beeld krijgen van je bedrijf.<\/p>\nZo weet je zeker dat je website helemaal top wordt, terwijl jij je kunt focussen op waar jij goed in bent.<\/p>\n
- Welke functies<\/strong> bevat hun website, en op welke plek staan die functies? Werkt dat prettig of juist niet?<\/li>\n
- Stap 2 : leg de structuur van je website vast in het navigatiemenu<\/a><\/li>\n