Your SlideShare is downloading. ×
0
NIEUWE WEBSITE NODIG ?
Doel?‣   Merkwaarde humo.be versterken‣   Meer omzet genereren uit advertenties‣   Positieve invloed uitoefenen op verkoop...
meer bezoekers die meerWe willenpagina’s bekijken en vaker terugkeren.
WIJ KUNNENU HELPEN !
VISIE
Netlash-bSeen streeft naar een geïntegreerde aanpakgebaseerd op 5 peilers: strategy, build, traffic, optimize &engage.We wi...
Opdracht: informatie-architectuur & designvoor humo.be.
Aanpak1. Analyse van meetbare doelstellingen2. Webstrategie3. Informatie-architectuur4. Grafisch ontwerp5. Aanleveren html/...
ANALYSE
Uitgangspunt:We willen meer bezoekers die meerpagina’s bekijken en vaker terugkeren.
Meetbare doelen‣   meer bezoekers‣   meer pageviews‣   meer bezoeken
WEBSTRATEGIE
Meer bezoekers1. SEO2. Integratie met grote sociale netwerken3. Bezoekers omvormen tot Humo-ambassadeurs4. Sappige info ma...
Meer pageviews1. Gebruiksvriendelijkheid verbeteren2. Relevantie verhogen3. Interactie verhogen4. Inhoud uitbreiden met us...
Meer bezoeken1. Communitygevoel & betrokkenheid2. Interactie tussen bezoekers3. Relevante én gepersonaliseerde inhoud4. Up...
Mooi meegenomen ...1. Leuke input voor magazine2. Meer inhoud op de website3. Minder werk voor de redactie
WE MAKEN EEN CONCEPT
In kaart brengen: mindmapping.
Informatie-architectuurInteractief prototype (Klikbare wireframes!)‣   Bezoeker (usability, geloofwaardigheid & user exper...
Iteratief proces.
DESIGN
Vooronderzoek‣   typografie‣   huisstijlelementen‣   schetsen
Starten met het werkpaard: overzichtspagina.(Nooit beginnen met de homepagina...)
Aangevuld met duiding - wat is de consistente vormtaal?
Iteratief proces.
‣   na x aantal iteraties: finaal ‘werkpaard’‣   goedkeuring ‘werkpaard’‣   x aantal afgeleide pagina’s ontworpen
Huisstijlgids voor online gebruik alsbasis voor front-end en development.
FRONT-END
Front-end ontwikkeling van de verschillende templates enonderdelen als basis voor implementatie.(Implementatie werd door h...
HET PROJECT TEAM ‣   Karolien ‣   Thomas ‣   Bram ‣   Stephen ‣   Thomas
Waar we voor gaan‣   Meer omzet genereren uit advertenties‣   Betrokken bezoekers worden brand ambassadors‣   Versterking ...
Meer weten?Contacteer ons voor een vrijblijvende afspraak.Dan bespreken we je plannen bij een kop koffie.
De nieuwe Humo.be: the making of
De nieuwe Humo.be: the making of
De nieuwe Humo.be: the making of
De nieuwe Humo.be: the making of
De nieuwe Humo.be: the making of
De nieuwe Humo.be: the making of
De nieuwe Humo.be: the making of
De nieuwe Humo.be: the making of
De nieuwe Humo.be: the making of
De nieuwe Humo.be: the making of
De nieuwe Humo.be: the making of
De nieuwe Humo.be: the making of
De nieuwe Humo.be: the making of
De nieuwe Humo.be: the making of
De nieuwe Humo.be: the making of
De nieuwe Humo.be: the making of
De nieuwe Humo.be: the making of
De nieuwe Humo.be: the making of
De nieuwe Humo.be: the making of
De nieuwe Humo.be: the making of
Upcoming SlideShare
Loading in...5
×

De nieuwe Humo.be: the making of

2,737

Published on

Het ontstaansproces van de nieuwe Humo.be website.
Tegelijkertijd het ontwikkelproces bij Netlash-bSeen.

Transcript of "De nieuwe Humo.be: the making of"

  1. 1. NIEUWE WEBSITE NODIG ?
  2. 2. Doel?‣ Merkwaarde humo.be versterken‣ Meer omzet genereren uit advertenties‣ Positieve invloed uitoefenen op verkoop tijdschriften
  3. 3. meer bezoekers die meerWe willenpagina’s bekijken en vaker terugkeren.
  4. 4. WIJ KUNNENU HELPEN !
  5. 5. VISIE
  6. 6. Netlash-bSeen streeft naar een geïntegreerde aanpakgebaseerd op 5 peilers: strategy, build, traffic, optimize &engage.We willen goede websites bouwen, websites voorzien van kwaliteitstrafiek en websitesoptimaliseren voor conversie op basis van web analytics en het gebruik van social media.
  7. 7. Opdracht: informatie-architectuur & designvoor humo.be.
  8. 8. Aanpak1. Analyse van meetbare doelstellingen2. Webstrategie3. Informatie-architectuur4. Grafisch ontwerp5. Aanleveren html/css templates
  9. 9. ANALYSE
  10. 10. Uitgangspunt:We willen meer bezoekers die meerpagina’s bekijken en vaker terugkeren.
  11. 11. Meetbare doelen‣ meer bezoekers‣ meer pageviews‣ meer bezoeken
  12. 12. WEBSTRATEGIE
  13. 13. Meer bezoekers1. SEO2. Integratie met grote sociale netwerken3. Bezoekers omvormen tot Humo-ambassadeurs4. Sappige info makkelijker verspreidbaar maken
  14. 14. Meer pageviews1. Gebruiksvriendelijkheid verbeteren2. Relevantie verhogen3. Interactie verhogen4. Inhoud uitbreiden met user-generated content
  15. 15. Meer bezoeken1. Communitygevoel & betrokkenheid2. Interactie tussen bezoekers3. Relevante én gepersonaliseerde inhoud4. Updates via e-mail
  16. 16. Mooi meegenomen ...1. Leuke input voor magazine2. Meer inhoud op de website3. Minder werk voor de redactie
  17. 17. WE MAKEN EEN CONCEPT
  18. 18. In kaart brengen: mindmapping.
  19. 19. Informatie-architectuurInteractief prototype (Klikbare wireframes!)‣ Bezoeker (usability, geloofwaardigheid & user experience)‣ Organisatie (doelstellingen)‣ Ontwikkeling (functioneel ontwerp, technische haalbaarheid)
  20. 20. Iteratief proces.
  21. 21. DESIGN
  22. 22. Vooronderzoek‣ typografie‣ huisstijlelementen‣ schetsen
  23. 23. Starten met het werkpaard: overzichtspagina.(Nooit beginnen met de homepagina...)
  24. 24. Aangevuld met duiding - wat is de consistente vormtaal?
  25. 25. Iteratief proces.
  26. 26. ‣ na x aantal iteraties: finaal ‘werkpaard’‣ goedkeuring ‘werkpaard’‣ x aantal afgeleide pagina’s ontworpen
  27. 27. Huisstijlgids voor online gebruik alsbasis voor front-end en development.
  28. 28. FRONT-END
  29. 29. Front-end ontwikkeling van de verschillende templates enonderdelen als basis voor implementatie.(Implementatie werd door het Humo-team uitgevoerd.)
  30. 30. HET PROJECT TEAM ‣ Karolien ‣ Thomas ‣ Bram ‣ Stephen ‣ Thomas
  31. 31. Waar we voor gaan‣ Meer omzet genereren uit advertenties‣ Betrokken bezoekers worden brand ambassadors‣ Versterking van merkwaarde humo.be‣ Positieve invloed op verkoop tijdschriften
  32. 32. Meer weten?Contacteer ons voor een vrijblijvende afspraak.Dan bespreken we je plannen bij een kop koffie.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×