De nieuwe Humo.be: the making of

Post on 21-Oct-2014

3.153 views 0 download

Tags:

description

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

Transcript of De nieuwe Humo.be: the making of

NIEUWE WEBSITE NODIG ?

‣ Merkwaarde humo.be versterken

‣ Meer omzet genereren uit advertenties

‣ Positieve invloed uitoefenen op verkoop tijdschriften

Doel?

We willen meer bezoekers die meerpagina’s bekijken en vaker terugkeren.

WIJ KUNNENU HELPEN !

VISIE

Netlash-bSeen streeft naar een geïntegreerde aanpak gebaseerd op 5 peilers: strategy, build, traffic, optimize & engage.

We willen goede websites bouwen, websites voorzien van kwaliteitstrafiek en websites optimaliseren voor conversie op basis van web analytics en het gebruik van social media.

Opdracht: informatie-architectuur & design

voor humo.be.

Aanpak

1. Analyse van meetbare doelstellingen

2. Webstrategie

3. Informatie-architectuur

4. Grafisch ontwerp

5. Aanleveren html/css templates

ANALYSE

Uitgangspunt:

We willen meer bezoekers die meer pagina’s bekijken en vaker terugkeren.

‣ meer bezoekers

‣ meer pageviews

‣ meer bezoeken

Meetbare doelen

WEBSTRATEGIE

Meer bezoekers

1. SEO

2. Integratie met grote sociale netwerken

3. Bezoekers omvormen tot Humo-ambassadeurs

4. Sappige info makkelijker verspreidbaar maken

Meer pageviews

1. Gebruiksvriendelijkheid verbeteren

2. Relevantie verhogen

3. Interactie verhogen

4. Inhoud uitbreiden met user-generated content

Meer bezoeken

1. Communitygevoel & betrokkenheid

2. Interactie tussen bezoekers

3. Relevante én gepersonaliseerde inhoud

4. Updates via e-mail

Mooi meegenomen ...

1. Leuke input voor magazine

2. Meer inhoud op de website

3. Minder werk voor de redactie

WE MAKEN EEN CONCEPT

In kaart brengen: mindmapping.

Informatie-architectuur

Interactief prototype (Klikbare wireframes!)

‣ Bezoeker (usability, geloofwaardigheid & user experience)

‣ Organisatie (doelstellingen)

‣ Ontwikkeling (functioneel ontwerp, technische haalbaarheid)

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 als

basis voor front-end en development.

FRONT-END

Front-end ontwikkeling van de verschillende templates en onderdelen als basis voor implementatie.

(Implementatie werd door het Humo-team uitgevoerd.)

HET PROJECT TEAM

‣ Karolien

‣ Thomas

‣ Bram

‣ Stephen

‣ Thomas

‣ Meer omzet genereren uit advertenties

‣ Betrokken bezoekers worden brand ambassadors

‣ Versterking van merkwaarde humo.be

‣ Positieve invloed op verkoop tijdschriften

Waar we voor gaan

Meer weten?

Contacteer ons voor een vrijblijvende afspraak.

Dan bespreken we je plannen bij een kop koffie.