Een goede website: waar moet u aan denken en wat en wie wil u er mee bereiken? Hoe geef je een duidelijke briefing aan een designer? Hoe selecteer je een developer? Welke hosting heb je nodig? Hoe bepaal je de strategie voor je website? Enkele checklists om u niet te laten vangen door agressieve verkopers of malafide ronselaars.

1. Miriam Elst - Pixels in Stereo - 26 maart 2015
Wat hebt u nodig voor een goede website?

2. About Mie
24/03/2015 Pixels in Stereo - Miriam Elst 2

3. Agenda
1. Strategie: doel, doelgroep, actie
2. Marktonderzoek: Wat doet uw concurrent? Wat bestaat al?
3. Keuze technologie
4. Inhoud website
5. Gebruiksvriendelijk (User eXperience, customer focused)
6. Checklists voor:
– Duidelijke briefing design
– Webdesign
– Development
– Hosting & domeinnaam
24/03/2015 Pixels in Stereo - Miriam Elst 3

4. 24/03/2015 Pixels in Stereo - Miriam Elst 4

5. 24/03/2015 Pixels in Stereo - Miriam Elst 5

6. 24/03/2015 Pixels in Stereo - Miriam Elst 6

7. 24/03/2015 Pixels in Stereo - Miriam Elst 7

8. 24/03/2015 Pixels in Stereo - Miriam Elst 8

9. 24/03/2015 Pixels in Stereo - Miriam Elst 9

10. 24/03/2015 Pixels in Stereo - Miriam Elst 10

11. 1. Strategie: doel website
Wat is het doel van uw website?
– Online showroom > prospecten
– Online portfolio > bekendmaking + realisaties
– Verkoop > diensten/producten
– Klantendienst > dienst na verkoop
– Recrutering
24/03/2015 Pixels in Stereo - Miriam Elst 11

12. 1. Strategie: doelgroep
Wie behoort tot de doelgroep van uw website?
– Huidige klanten > dienst na verkoop
– Toekomstige klanten > waarom kiezen voor u?
– Geografie
– Demografie
24/03/2015 Pixels in Stereo - Miriam Elst 12

13. 1. Strategie: Call-to-action
Wat wil je dat een bezoeker doet op uw website?
Hoe ga je de bezoeker stimuleren/verleiden?
– Promotie
– Contactformulier
– Inschrijven op nieuwsbrief
– Fan worden Facebook
– Downloaden
– Product aankopen/bestellen?
– …
24/03/2015 Pixels in Stereo - Miriam Elst 13

14. 1. Strategie: SWOT
24/03/2015 Pixels in Stereo - Miriam Elst 14
Strenght
Wat is uw concurrentievoordeel?
Weakness
Wat is uw concurrentienadeel?
Opportunity
Waar zijn er opportuniteiten?
Threads
Wat zijn bedreigingen voor uw zaak?

15. 2. Research/benchmarking/marktonderzoek
Wat doet uw concurrent online?
– Website?
– Responsive?
– Sociale media > Facebook?
– Tot welke doelgroep gericht? Hoe?
– Wat is zijn storytelling?
24/03/2015 Pixels in Stereo - Miriam Elst 15

16. 3. Keuze technologie
1. Hoeveel kennis hebt u?
2. Hoeveel tijd hebt u over?
3. Wat is uw budget?
4. Domeinnaam
5. Hosting
24/03/2015 Pixels in Stereo - Miriam Elst 16

17. 3. Keuze technologie: kennis
• ‘gratis’ websites
• Wordpress
• Drupal
• CMS
24/03/2015 Pixels in Stereo - Miriam Elst 17

18. 3. Keuze technologie: tijd
• Leertijd
• Teksten
• Foto’s
• Video
• Sociale media
• Opvolging vragen
24/03/2015 Pixels in Stereo - Miriam Elst 18

19. 3. Keuze technologie: budget
Afhankelijk van:
• Complexiteit website
• Database
• Aantal pagina’s
• ‘Dynamisch’ > inhoud verandert regelmatig
• Koppeling naar andere websites/sociale media sites
• SEO-optimalisatie
24/03/2015 Pixels in Stereo - Miriam Elst 19

20. 3. Keuze technologie: Domeinnaam
• Jaarlijkse kost
• dns.be
• Registreren
• Extensie .be / .com / .eu / …
24/03/2015 Pixels in Stereo - Miriam Elst 20

21. 3. Keuze technologie: Hosting
• Maandelijkse kost
• SLA (Service Level Agreement) = service garantie
• Mailbox
• Complexiteit website > type server
• Kleine website: max. 2 Gb > shared server, ca.
• Middelgrote website: 5 Gb > shared server
• Grote website of webshop: dedicated server
24/03/2015 Pixels in Stereo - Miriam Elst 21

22. 4. Inhoud website: Wat is uw verhaal?
• Storytelling
• Teksten
• Beeldmateriaal: foto’s / video’s
• Sociale media – shareble content
• Blog
• Nieuws
24/03/2015 Pixels in Stereo - Miriam Elst 22

23. 5. Gebruiksvriendelijk = conversie
24/03/2015 Pixels in Stereo - Miriam Elst 23

24. 5. Gebruiksvriendelijk: Goede navigatie
24/03/2015 Pixels in Stereo - Miriam Elst 24

25. 5. Gebruiksvriendelijk: Responsive
24/03/2015 Pixels in Stereo - Miriam Elst 25

26. 5. Gebruiksvriendelijk: Vindbaarheid
24/03/2015 Pixels in Stereo - Miriam Elst 26

27. 5. Gebruiksvriendelijk: Leesbaarheid
24/03/2015 Pixels in Stereo - Miriam Elst 27

28. 5. Gebruiksvriendelijk: Storytelling
24/03/2015 Pixels in Stereo - Miriam Elst 28

29. 5. Gebruiksvriendelijk: Call-to-action
24/03/2015 Pixels in Stereo - Miriam Elst 29

30. 5. Gebruiksvriendelijk: Snelheid
24/03/2015 Pixels in Stereo - Miriam Elst 30

31. 5. Gebruiksvriendelijkheid
• Less is more
• Call-to-action (CTA)
• Snelheid
• Meerwaarde
• Sharing = caring
• SEO optimalisatie
24/03/2015 Pixels in Stereo - Miriam Elst 31

32. 24/03/2015 Pixels in Stereo - Miriam Elst 32

33. 6. Checklist: Duidelijke briefing design
o Korte omschrijving van uw zaak
o Omschrijving strategie website
o Omschrijving van doelgroep
o Omschrijving van het doel van de website
o Verwachtingen van de website naar visueel design
(kleur, sfeer, modern/retro/…) > geef voorbeelden van
wat je goed vindt en wat niet
o Deadline
24/03/2015 Pixels in Stereo - Miriam Elst 33

34. Voorbeeld briefing design website
• Zaak:
– Wij zijn een familiaal bedrijf, waarbij persoonlijk contact met klanten deel uitmaakt van
onze verkoopstactiek.
– Wij verkopen op maat gemaakte orthopedische schoenen
• Strategie website:
– Via onze website willen wij onze vakkennis benadrukken
– Via onze website willen wij onze persoonlijke aanpak en service in de kijker zetten
– De klant moet het gevoel hebben dat hij bij ons in goede handen is
• Klanten:
– 80% van onze klanten vallen in de leeftijdscategorie 60+
– 20% van onze klanten heeft specifieke voetproblemen
– Al onze klanten hebben een voorschrift
– Voor de vrouwelijke klanten speelt uitzicht (trend, modieus) mee in de beslissing van
een model of kleur (> wij bieden een ruime keuze aan materialen en modellen aan)
• Verwachtingen:
– Onze website moet een duidelijk overzicht geven van ons schoenengamma. Het is
belangrijk dat de manier waarop de schoenen door ons op maat gemaakt worden
duidelijk laat zien dat het om kwaliteit gaat.
24/03/2015 Pixels in Stereo - Miriam Elst 34

35. 24/03/2015 Pixels in Stereo - Miriam Elst 35

36. 6. Checklist: webdesign
o Is de briefing duidelijk?
o Hoeveel ontwerpen worden voorgesteld?
o Hoeveel revisierondes?
o Heb je al beeldmateriaal?
o Wie gaat er bijkomend beeldmateriaal creëren?
o Hoe wordt het design aangeleverd?
o Krijg je alle bronbestanden?
o Referenties
24/03/2015 Pixels in Stereo - Miriam Elst 36

37. 6. Checklist development: MODULAIR
24/03/2015 Pixels in Stereo - Miriam Elst 37
Fase 1:
- Homepage
- Producten
- Contact + formulier
- SEO optimalisatie
Fase 2:
-
Referenties/testimonials
- Foto’s / video’s
- reservatieformulier
Fase 3:
- Webshop
- …

38. 6. Checklist development: technologie
o Welke technologie wordt voorgesteld?
o Drupal, Wordpress, Joomla
o E-commerce: Woocommerce, Magento, Prestashop…
o Waarom die technologie?
o Hoe is de uitbreidbaarheid van de site? Modulair?
24/03/2015 Pixels in Stereo - Miriam Elst 38

39. 6. Checklist development: browsers & versies
• Welke browsers en browserversies worden
ondersteund?
Internet Explorer, Firefox, Google Chrome, …
24/03/2015 Pixels in Stereo - Miriam Elst 39

40. 6. Checklist development
o Krijg je wireframes? Technische analyse? > afhankelijk
van de complexiteit
o Responsive?
o Testen & debuggen > wie doet wat?
o Referenties
o Wat is dienst na ‘go-live’ (oplevering)?
o Krijg je een volledige back-up met broncode?
24/03/2015 Pixels in Stereo - Miriam Elst 40

41. 6. Checklist: Domeinnaam & hosting
o Is de domeinnaam nog vrij?
o Zorg dat de domeinnaam op uw naam geregistreerd is!!
o Wat voor hostingcontract?
o Wat is de SLA (Service Level Agreement = onderhoudscontract)?
o Wie kan je bereiken in geval van problemen?
24/03/2015 Pixels in Stereo - Miriam Elst 41
http://www.dnsbelgium.be/nl

42. 24/03/2015 Pixels in Stereo - Miriam Elst 42
Bron:https://www.consuwijzer.nl/thema/verkooptrucs-laat-je-niet-beetnemen

43. 24/03/2015 Pixels in Stereo - Miriam Elst 43
Bedankt!
Miriam Elst
mie@pixelsinstereo.be
Twitter: @MiriamElst
Linkedin
Slideshare

44. 24/03/2015 Pixels in Stereo - Miriam Elst 44