• ANWB versie
01
auteur
Guido Gihaux
telefoon faxnummer
Briefing Vrijetijd portal Hogeschool van Amsterdam
datum
31 december 2010
versie
2 van 6 01
datum
31-12-2010
blad
1 Omschrijving van de opdracht De ANWB is enerzijds een bedrijf, anderzijds een vereniging die in het gat stapt tussen de overheid en het bedrijfsleven. Dat betekent dat de ANWB op een drietal (emotionele) domeinen - Vrijetijd (als enabeler op het gebied van een dagje uit in Nederland) - Reizen (reisbureau, maar ook eigen Touroperators als Fox, Pharos, Pin High, SNP, Travelhome) - Mobiliteit (routeplanner, auto, motor, rijopleidingen, fileinformatie) Daarnaast is de ANWB een bedrijf en voert vanuit haar Pech en Schade services een aantal diensten uit zoals de Wegenwacht, Verzekeringen, Creditcards, Lidmaatschappen. Dit zijn functionele domeinen die de ANWB online uiteraard ook biedt. De ANWB gelooft in een integrale Customer Journey waarbij de klant (onze leden) gebruik maakt van de verschillende distributiekanalen (dus via het contact center, de website en de winkels) en ANWB Media (onze bladen als de Kampioen, KCK, OpPad, Reizen Magazine, Promotor, Buitenleven, Clamping, ANWB Watersport). Dat betekent dat we click/brick strategie ondersteunen en bijvoorbeeld in de webwinkel onze producten in de toekomst kunnen laten ophalen in de fysieke winkel. Met als gevolg dat de ANWB.nl website een erg complexe en drukke website is die de verschillende domeinen exploiteert en waar Google meer dan 60.000 pagina’s voor indexeert. De ANWB wil haar autoriteit claimen op het vrijetijds gebied. ANWB is al 126 jaar een betrouwbare partner voor de vrijetijdssector als het bijvoorbeeld gaat om wandelen, fietsen, watersporten of andere vormen van recreëren/dagjes uit. Het vrijetijdsdomein heeft naast de winkels en de bladen ook een “connected” aspect. Connected in deze opdracht is een vrijetijdsportaal waarbinnen de leden informatie en diensten vinden van de ANWB, maar ook van elkaar.
1.1 Beoogd doel van het project De huidige portaal www.anwb.nl/vrije-tijd is aan vervanging toe. Dit portaal is een onderdeel van de ANWB website en is in begin 2011 aan de beurt om onder de loep genomen te worden. De huidige portal heeft maandelijks niet veel bezoekers. Het schommelt rond de 65.000 unieke bezoekers per maand, waarbij gemiddeld slechts 2,3 pagina’s per bezoek bekeken worden en de bezoekduur rond de 7 minuten ligt. Het herhaalbezoek ligt op 67%. Het aantal paginaweergaves per maand ligt rond de 180.000. De huidige portal heeft een aantal onderdelen: Bed & Breakfasts, Uittips voor een leuk dagje weg, fietsen, wandelen, watersport, ledenvoordelen, gerelateerde webwinkelproducten (oftewel producten die relevant zijn voor de vrijetijdsportal). Daarnaast worden er vanuit de cross-sell wegenwacht producten en verzekeringen verkocht. De toekomstige vrijetijdsportal van de ANWB is de leukste website voor een dagje uit in Nederland. Een overzicht van spetterende attracties, inspirerende musea, de leukste festivals en natuurlijk een overzicht van de wandel en fietsroutes van de ANWB. De vrijetijdsportal onderscheidt zich door veel beeld, leuke manieren van zoeken en de combinatie met ANWB Ledenvoordeel en een inspirerende vormgeving. Met de vrijetijdsportal informeert de ANWB haar leden over de leukste uitjes, maar is bovenal bedoeld om te inspireren. Met unieke uittips en aantrekkelijke ledenkortingen wordt de bezoeker iedere keer weer verrast. Bovendien krijgt men de mogelijkheid om te zien waar vrienden naar toe gaan en wat ze hebben gedaan, door de connectie/integratie van Op Stap.nl met o.a. Facebook, Hyves en Twitter. Uitgangspunten zijn een inspirerende website, met verrassende zoekfuncties waarbij gebruikers met groot gemak browsen in het totale aanbod. Deze site moet leiden tot extra bezoek, extra afzet Ledenvoordeel en een toegenomen awareness van de ANWB als recreatie specialist. Ook de webwinkel van de ANWB moet profiteren door middel van Cross-sell.
versie
3 van 6 01
datum
31-12-2010
blad
De doelstelling van de portal is als volgt: Primair: autoriteit claimen op het gebied van vrijetijd. De ANWB wil een enabeler zijn op dit gebied. Wat we willen bereiken is dat wanneer de leden nadenken over Vrijetijd, ze aan de ANWB denken. Van het plannen tot hun wandel/ en of fietsroute, tot aan het houden van een uitje of andere recreatieve bezigheid. Hierdoor verwachten we een verbinding met onze leden aan te kunnen gaan. Zowel emotionele (als recreant of als fietser past de ANWB bij mij) als functionele (ik heb nu een fietsverzekering nodig, dus ga ik naar een handige website) verbondenheid. Omdat we ook een bedrijf zijn moeten er ook commerciële doelstellingen gesteld worden. De ANWB wil daarom webwinkel producten verkopen die vrijetijds gerelateerd zijn. Denk aan vrijetijdsbonnen, handschoenen, sjaals, fleecejacks, cadeaukaarten. Maar ook bijvoorbeeld een fietsverzekering, recreatieve verzekering of verkoop via ticketing. De ANWB biedt voor haar leden speciale ledenkorting aan. Leden kunnen ook genieten van speciale ledenvoordelen (zie bijvoorbeeld op: www.anwb.nl/ledenvoordeel ).
Business Requirements Concreet, wil de ANWB het volgende met de portal bereiken Primair -
-
Routeplanner voor het plannen van de wandel of fietsroute (http://route.anwb.nl/routeplanner/ ) Verschaffen van relevant nieuws en handige of leuke tips Doorzoeken van recreatieve uittips in de Benelux (moet nog gebouwd worden) Aanbieden van unieke tickets (evt met ledenvoordeel) (moeten nog worden ontwikkeld) Deels beschikbaar via www.anwbentreebewijs.nl/ en via www.anwb.nl/ledenvoordeel (dit willen we onder de aandacht brengen middels een Top X lijst op de homepage en/of via een zoekbox) Aanbieden van vrijetijdskleding, fiets/wandel accessoires Aanbieden van hoogtepunten uit de wandelportal (om vervolgens naar de betreffende portal te verwijzen) www.anwb.nl/wandelen Aanbieden van hoogtepunten uit de fietsportal (om vervolgens naar de betreffende portal te verwijzen) www.anwb.nl/fietsen Verwijzen naar relevante kaarten/boeken/gidsen www.anwb.nl/webwinkel/kaarten-boeken-en-gidsen )
Secundair - Aanbieden van wegenwacht abonnementen (www.anwb.nl/wegenwacht/) - Aanbieden van Fiets en Recreatie verzekeringen (www.anwb.nl/verzekeringen/recreactiefverzekering en www.anwb.nl/verzekeringen/fietsverzekering ) - Verwijzen naar de watersport portal ( www.anwb.nl/watersport ) - Het bieden van User Generated Content (UGC) om te kunnen reageren op / doorsturen van (retweeten, liken, mail-to-friend) artikelen of interessante nieuws en tips. - Daarnaast wil de ANWB een community bouwen op het gebied van Vrijetijd. - Verkopen van Bed & Breakfasts (http://www.anwb.nl/verblijven/bedandbreakfasts/home.jsf )
1.2 Scope De vrijetijdsportal is onderdeel van de website ANWB.nl. De verschillende individuele producten moeten op een logische wijze worden geordend en ook al bieden we veel informatie, de uitdaging is om de vrijetijdshomepage scanbaar te maken voor de bezoeker. Daarnaast moet de portal “Vrijetijd” uitademen. De gele menubalk is en blijft essentieel voor de navigatie, maar de rest van de pagina mag naar vrijheid worden ingericht. Juist om de outside in gedachte van de studenten te kunnen stimuleren.
versie
4 van 6 01
datum
31-12-2010
blad
Met Vrijetijd uitademen wordt bedoeld dat het kleurenpalet de vrijetijdssfeer moet proeven. Dus fel rood is uit den boze, maar lichtgroen past erg goed in bijvoorbeeld de buitenactiviteiten.
versie
5 van 6 01
datum
31-12-2010
blad
1.3 Doelgroep De ANWB werkt met Persona’s. Onze persona’s zijn Bert, Arthur en Margo
Bert en vrije tijd Bert blijft graag in en rondom zijn huis Bert houdt ervan om zijn vrije tijd zoveel mogelijk in en rondom zijn huis door te brengen. Bert is niet degene die eropuit trekt om evenementen, activiteiten, etc. te bezoeken. Uiteraard onderneemt hij weleens dergelijke activiteiten, maar Margo en Arthur trekken er veel vaker op uit. Bert houdt juist meer van activiteiten die hij thuis of bij vrienden kan doen, dan dat hij eropuit trekt. Als Bert eropuit trekt dan is hij met name te vinden in een natuurgebied, in een attractiepark als de Efteling of in de bioscoop. Ook de woonboulevard en de dierentuin vindt Bert leuk. Bert houdt van tv-kijken, puzzelen en knutselen Activiteiten die Bert het vaakst onderneemt zijn tv-kijken, familie/vrienden bezoeken en muziek luisteren. Ook houdt hij van puzzelen, tuinieren, knutselen, familie- en vriendenbezoek en fietsen. Bert houdt minder van zelfstudie, dansen, sporten, uit eten gaan en een terras bezoeken. Bert is geen sporter Bert is geen echte sporter. Er is geen enkele sport waar Bert meer in uitblinkt dan in vergelijking met Arthur en Margo. Bert houdt van fietsen, wandelen en de natuur
versie
6 van 6 01
datum
31-12-2010
blad
Bert is degene die het vaakst dagelijks wandelt en fietst. Dit doet hij met name in de buurt: na het eten even een blokje om. Bert gebruikt zijn fiets met name voor de boodschappen en om in zijn vrije tijd een rondje door de buurt te fietsen. Als Bert een bezoek brengt aan een natuur- of recreatiegebied, dan gaat hij meestal naar een bos of wandelgebied. Bert zal niet zo snel de ongerepte natuur in gaan, Bert houdt meer van natuurgebieden met aangelegde wandel- en fietspaden of natuurgebieden met een speeltuin of kinderboerderij. Bert heeft minder interesse in informatieborden over de natuur, landhuizen/kastelen en musea/tentoonstellingen. Bert is van mening dat natuur aangeharkte overzichtelijke natuur moet zijn zoals een park of natuur met veel mogelijkheden voor activiteiten. Bert houdt minder van wilde en ongerepte natuur met zo min mogelijk inmenging van de mens.
Arthur en vrije tijd Arthur gaat er graag op uit Arthur gaat er graag op uit, hij is zo weinig mogelijk thuis. Bezoek aan bioscoop, attractiepark en natuurgebied staan bovenaan de activiteiten die hij onderneemt. Maar hij gaat ook vaak naar een jazzconcert, een musical, cabaret, toneel, een opleiding, sauna, een danceparty, de woonboulevard en het casino. Hoewel het natuurgebied in zijn top 4 staat, doet hij dit minder vaak dan de gemiddelde Nederlander. Arthur heeft veel te doen Arthur houdt met name van tv-kijken, muziek luisteren, familie/vrienden bezoeken en winkelen.Maar hij houdt zich in zijn vrije tijd ook vaak bezig met toneelspelen, dansen, video-/dvd-kijken, pokeren, sporten, koken, zonnen, terras
versie
7 van 6 01
datum
31-12-2010
blad
en café bezoeken, uit eten gaan, uitgaan, winkelen, cursus en zelfstudie. Minder houdt Arthur van lezen, puzzelen en tuinieren. Arthur is een echte sporter Arthur is een echte sporter; hij houdt met name van zwemmen, tennis, voetbal, hardlopen, vechtsport, squash, krachtsport en paardrijden. Arthur fietsen, wandelen en de natuur Arthur is wel graag in de natuur, maar hij heeft al zo veel te doen, dat hij minder vaak gaat fietsen en wandelen. Wandelen en fietsen is wel lekker om tot rust te komen, maar als hij moet kiezen gaat hij toch liever sporten of iets leuks doen met zijn vrienden. Als Arthur naar een natuurgebied gaat dan is hij het meest te vinden aan de zee, meer of een waterplas, gevolgd door een bos. In een natuurgebied komt Arthur graag een horecagelegenheid, landhuizen, kastelen of sportfaciliteiten tegen.
Margo en vrije tijd Margo gaat graag de natuur in
versie
8 van 6 01
datum
31-12-2010
blad
Margo gaat er graag op uit, met name naar een natuurgebied. Verder bezoekt zij graag de bioscoop, de bibliotheek en het stadspark. Margo gaat ook graag naar musea, toneel, ballet, klassiek concert, lezingen, kunstuitleen, galerie en het filmhuis. Minder vaak gaat Margo naar een danceparty, een attractiepark en het casino. Margo houdt van zichzelf ontwikkelen en sporten Tv-kijken, familie/vrienden bezoeken en lezen zijn activiteiten die Margo graag wekelijks onderneemt. Ook houdt ze zich in haar vrije tijd bezig met zelfstudie, cursus/wokshop, lezen, mediteren, pilates, sporten, vrijwilligerswerk en wandelen. Minder houdt Margo van video- /dvd-kijken, computergames, café bezoeken, uitgaan en winkelen. Margo is vaak lid van een sportvereniging Margo houdt van sporten, ze is vaak lid van een sportvereniging. Sporten die bij Margo passen zijn zwemmen, volleybal, wielrennen, toerfietsen en langlaufen. Margo is zeer graag in de natuur Margo heeft heel veel interesse in wandelen en fietsen. Ze noemt zichzelf vaak een echte toerrijder. Ze gebruikt de fiets voor boodschappen en om naar het werk te gaan. Margo is ook degene die de fiets achterop de auto zet om ergens anders een rondje te gaan fietsen. Margo is graag in de natuur, ze is er erg veel te vinden en vindt het ook belangrijk om haar vrije tijd in de natuur door te brengen. Margo bezoekt natuur- en recreatiegebieden veel vaker per jaar dan de gemiddelde Nederlander. Ze houdt met name van ongerepte natuur. Wel vindt ze het fijn dat ze in natuurgebieden uitgestippelde routes, informatieborden over de natuur, observatiepunten, een bezoekerscentrum, musea en tentoonstellingen tegenkomt. Margo is van mening dat de natuur al in de eigen achtertuin begint.
1.4 Huidige vrijetijdsportal De huidige portal is een vierkoloms portal binnen het gele ANWB stramien. De rechterkolom is de related content kolom, waarin gerelateerde informatie getoond wordt. De portal maakt gebruik van een corporate grid, waarbij de “gele” hoofdnavigatie verplichte stijlkost is. Voor deze opdracht wil ik nauwelijks ontwerp beperkingen voorstellen. Juist bedoeld om out-of-the box te kunnen denken. Zie bijlage voor een beperkte set van ontwerp richtlijnen. Informatie architectuur De huidige website heeft nauwelijks informatie architectuur. Doelstelling is om focus te brengen in het overbrengen van de informatie. Niet alle informatie hoeft namelijk op het eerste plan te staan. Dit kan bereikt worden door informatie uit te klappen of achter tabbladen te plaatsen, fontgroottes te wijzigen of op andere manieren. Zo staan nu alle producten en diensten op het eerste niveau, terwijl er onderscheid gemaakt dient te worden met producten waar primair de focus op gelegd moet worden en waar wat minder aandacht naartoe behoeft te gaan. SEM SEM = Search Engine Marketing. De opbouw van de website moet goed kunnen worden geïndexeerd door zoekmachines. Houdt daarom rekening met de vindbaarheid in bijvoorbeeld Google (nog steeds een van de belangrijkste zoekmachines). Zo is een logische url opbouw essentieel en is het zaak om te letten op de woordkeuzes en bijvoorbeeld de alt image teksten. Content We kennen een aantal content types. Zo kennen we nieuwsberichten/artikelen waar actuele berichtgeving in staat. We kennen het contenttype User Generated Content. Een contenttype waar bezoekers hun mening kunnen achterlaten, review kunnen geven of een rating kunnen plaatsen. De content wordt onderhouden in het CMS (Hippo 6.5) en kan deels worden ontsloten vanuit externe bronnen die bijvoorbeeld kunnen worden aangevuld met meningen, User Generated Content of editorial content vanuit de ANWB.
versie
9 van 6 01
datum
31-12-2010
blad
Communicatie In april 2011 staat een communicatie burst gepland rondom Vrijetijd. Dit is zowel offline (bijvoorbeeld commercials) als online in de vorm van banneren en samenwerken met relevante partijen.
versie
10 van 6 01
datum
31-12-2010
blad
1.5
Bijlage ontwerp richtlijnen
Ontwerp uitgangspunten
Laat duidelijk zien waar men is Laat duidelijk zien wat wij doen Laat duidelijk zien wat je hier kunt doen Laat duidelijk zien wat klikbaar is Zorg er voor dat gebruiker goed kunnen scannen Zorg er voor dat gebruikers meteen “door” kunnen naar hun informatie.
Benodigde patronen
Basistramien Corporate navigatie Corporate Zoek box Corporate pulldown menu Hoofdnavigatie Etalage homepage Ankeilers met tumbnail en tekst Ankeilers als tekst link Ankeiler verkeersinformatie homepage Ankeiler routeplanner homepage Horizontaal overzicht van alle SIG websites Corporate footer Rechterkolom
Visueel ontwerp Lay-out Deze pagina is opgebouwd vanuit het basisstramien. De verschillende onderdelen passen binnen dit basisstramien. Voor details zie de verschillende patronen.
Logo Het logo wordt linksboven in de hoofdnavigatie geplaatst. Zie “hoofdnavigatie” voor specificaties. De site is geoptimaliseerd voor een beeldschermresolutie van 1024 bij 768 pixels
Geel Geel staat voor zon en plezier en draagt bij aan een warmer, minder zakelijk gevoel rond het merk ANWB.
Wit
versie
11 van 6 01
datum
31-12-2010
blad
Wit wordt doelbewust toegepast om helderheid en rust over te brengen. Kleur
RGB
HEX
Toepassingen
R255
#FFD400
#FFFFFF
G212 B0
R255
Coördinaten Gele balk (portaal navigatie) Subnavigatie Achtergrond onder teksten of titels, meestal in een percentage
Achtergrond
G255 B255
Bijkleuren De bijkleuren binnen de ANWB-huisstijl zijn donkerblauw, oranjerood, groen, cyaan en oranje. Een bijkleur wordt gebruikt voor accenten en kan de hoofdkleuren nooit vervangen.
Donkerblauw Donkerblauw wordt voornamelijk gebruikt in teksten. Deze kleur symboliseert de betrouwbaarheid die de ANWB wil uitstralen en wordt ook gebruikt in het logo (woord- merk). Donkerblauw kan tevens als accent worden gebruikt voor bv panels die kwaliteit moe- ten benadrukken.
Fullcolour
100% cyaan, 75% magenta, 0% geel en 18% zwart
PMS-waarde
662 (un)coated
Folie transparant
3M3630
versie
12 van 6 01
datum
31-12-2010
blad
Folie dekkend
3 M 100-137
RAL kleur
5002
RGB
0-51-153
HEX
# 00 33 99
Garen
Madeira (Polyneon color card 80) col. 1767
Fullcolour
100% cyaan, 75% magenta, 0% geel en 18% zwart
PMS-waarde
662 (un)coated
Folie transparant
3M3630
Folie dekkend
3 M 100-137
RAL kleur
5002
RGB
0-51-153
HEX
# 00 33 99
versie
13 van 6 01
datum
31-12-2010
blad
Garen
Madeira (Polyneon color card 80) col. 1767
Oranjerood Wordt als accent gebruikt voor actiematige onderdelen in uitingen. Deze kleur mag ook voor andere onderdelen gebruikt worden, mits deze onderdelen geen nieuwe activi- teit weergeven (of kwaliteit moeten uitstralen).
Fullcolour
0% cyaan, 80% magenta, 100% geel en 0% zwart
PMS-waarde
1665 (un)coated
RGB
238-68-17
HEX
# EE 44 11
Groen De kleur groen wordt als accent gebruikt voor onderdelen over nieuwe items in uitingen. Deze kleur mag ook voor andere onderdelen gebruikt worden, mits deze onderdelen geen actiematig karakter hebben of kwaliteit moeten uitstralen.
versie
14 van 6 01
datum
31-12-2010
blad
Fullcolour
57% cyaan, 0% magenta, 100% geel en 0% zwart
PMS-waarde
368 (un)coated
RGB
97-191-26
HEX
#61BF1A
Cyaan De kleur cyaan wordt gebruikt in het ANWB-logo. Deze kleur mag, in beperkte mate, ook voor andere onderdelen gebruikt worden, mits deze onderdelen geen actiematig karakter hebben, een nieuwe activiteit weergeven of kwaliteit moeten uitstralen.
Fullcolour
100% cyaan, 0%magenta, 0% geel en 0% zwart
versie
15 van 6 01
datum
31-12-2010
blad
PMS-waarde
100% cyaan
Folie transparant
Avary 5581 QM
Folie dekkend
Avary 942
RAL kleur
5015
RGB
0-150-218
HEX
# 00 96 da
Garen
Madeira (Polyneon color card 80) col. 1977
Oranje De kleur oranje wordt gebruikt in het ANWB-logo. Deze kleur mag in beperkte mate ook voor andere onderdelen gebruikt worden, mits deze onderdelen geen actiematig karakter hebben, een nieuwe activiteit weergeven of kwaliteit moeten uitstralen.
versie
16 van 6 01
datum
31-12-2010
blad
Fullcolour
0% cyaan, 50% magenta, 100% geel en 0% zwart
PMS-waarde
144 (un)coated
RAL kleur
2008
RGB
255-136-0
HEX
# FF 88 00
Garen
Madeira (Polyneon color card 80) col. 1763
Typografie online De volgende twee lettertypes worden gebruikt voor alle beeldschermcommunicatie van de ANWB:
de ANWB Thesis Sans, afgekort ANWB TheSans
de Verdana.
De ANWB Thesis Sans wordt gebruikt voor alle grafische tekst. De Verdana voor alle html-tekst, inclusief button namen, navigatie, links en content typografie (titels, sub-titels en copy).
Het ANWB Thesis Sans font is altijd anti-aliased. De Verdana is nooit anti-aliased.
Thesis Sans
versie
17 van 6 01
datum
31-12-2010
blad
Toepassing:
Titels van de content panels op de (sub)homepage(s) Etalage Interne banners
Verdana
Toepassing:
Alle html-tekst
Algemene afspraken toepassingen
Links lijnend Vrije regelval Altijd horizontaal, niet verticaal of onder een hoek Ruime interlinie gebruiken Corpsgrootte minimaal 10 pixels De ruimte tussen tekst en ANWB-logo is minimaal een halve stramienafstand (12px)
Typografie en basisstramien Naast de relatie tussen de afmetingen van het logo en het basisstramien is er een samenhang tussen het basisstramien en typografie. De bullets die voorafgaan aan teksten staan hart op hart op de onderliggende kruisingen van de lijnen van het coordinatenstelsel ofwel exact op de helft van de horizontale lijnen. De hoogte van de bullet is 70 tot 90% van de x-hoogte in onderkast die na de bullet volgt. De bullet lijnt tevens uit met de x-hoogte van eenonderkastletter.
versie
18 van 6 01
datum
31-12-2010
blad
Uitlijning van bullet en tekst op het basisstramien De regelafstanden corresponderen met de horizontale lijnen van het basisstramien. Uitgaande van een stramienafstand van 24 pixels en een halve stramienafstand van 12 pixels worden de volgende regelafstanden toegepast. 12 pixels: de tekst valt samen met de lijnen van het basisstramien Toepassing:
Tekst in bij formuliervelden en in applicaties Subtekst in de etalage
16 pixels: de tekst keer na 4 regels terug op het basisstramien Toepassing:
Alle lopende html tekst
24 pixels: de tekst lijnt exact uit met het basisstramien. Toepassing:
Afstand tussen titel en subtitel of tekst
Omdat een webpagina uit veel verschillende elementen is opgebouwd is het niet eenvoudig de tekst altijd met het basisstramien uit te lijnen. Als regel geldt dat op die posities van de pagina waar de coördinaten duidelijk aanwezig zijn, de tekst uitgelijnd moet worden op het basisstramien. Direct onder het logo en de portaal navigatie is dat het geval.
Regelafstanden en basisstramien
versie
19 van 6 01
datum
31-12-2010
blad
Kleur
Alle titels en hyperlinks zijn ANWB donkerblauw (#002280). De lopende tekst is zwart (#000000).