Wat heb je nodig voor een goede website? Unizo, 26mrt2015

download Wat heb je nodig voor een goede website? Unizo, 26mrt2015

If you can't read please download the document

Embed Size (px)

Transcript of Wat heb je nodig voor een goede website? Unizo, 26mrt2015

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 Fotos 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 paginas 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: fotos / videos 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 creren? 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 - Fotos / videos - 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