Waar geen wil is, ben ik weg.

Transcriptie

1 Waar geen wil is, ben ik weg. Jorg Verweij 4

2 Voorwoord Ik heb het geluk dat ik met een jeugdige club getalenteerde mensen werk. Mannen en vrouwen die vanuit hun passie werken. Het werkgebied van medewerkers bij een digitaal full service internetbureau is breed. Een deel is psycholoog en een deel is bezig met hardcore technologie. Wij maken in multidisciplinaire teams online concepten voor onze klanten en daar zijn we trots op, daar ben ik trots op. We gebruiken de metafoor van een succesvol restaurant dat de lezer een kijkje in de keuken geeft. De keuken waar alleen maar succesvolle websites worden bereid. Vol enthousiasme vertellen de verschillende specialisten over de tricks of the trade. Dit boek geeft een inzicht in hun visie, methoden en creatieve aanpak. Waarom een kookboek? Er zijn heel veel overeenkomsten tussen koken en ons vak. Alles valt of staat bij de juiste voorbereiding, de juiste ingrediënten, vakmanschap, passie en creatitiviteit om een succesvolle website te bereiden. Dit boek is een snapshot van onze dagelijkse kost, gekoppeld aan onze toepassingen in de praktijk. Het dient ter inspiratie, maar kan ook worden gebruikt als onderzetter. De rode draad in het boek is de realisatie van websites, waarbij de optimale mix gevonden moet worden tussen bezoekersdoelen, bedrijfsdoelen en usability. Het is een boekje waarin de theorie aan daadwerkelijke cases gekoppeld wordt. Hands-on snackable content. Deze theorie geeft een weergave van de losse ingrediënten die wij in huis hebben, die samen een vijfsterrengerecht vormen. Jorg Verweij - Chef de Colours 5

3 N Crea E Doelen & S Optimalisatie Analyseren Testen A B Optimaliseren User-test eye tracking 6

4 W Strategie Persona s Customer journeys Cardsorting KPI s Analyse & Definitie tie MBTI Persuasive Design 7

5 Colours is een top 10 internetbedrijf waarvoor geen uitdaging te groot is! Met een tal gedreven professionals maken wij succesvolle websites. OVER COLOURS 12 Een website wordt altijd voor een bepaalde doelgroep gemaakt. In dit hoofdstuk wordt er een beeld geschept over hoe Colours deze doelgroep analyseert en definieert. Onthoud tijdens het proces altijd voor wie je de website maakt! PERSONA 38 CARDSORTING 40 Het proces begint allemaal met het ontwikkelen van een digitale strategie en het vaststellen van doelen voor klanten. In dit hoofdstuk vertellen we je hoe Colours dit aanpakt. CUSTOMER JOURNEY 45 CASE: IXXIDESIGN 50 HET ONTWIKKELEN VAN EEN DIGITALE STRATEGIE 16 CASE: DE PERSGROEP 52 ONLINE SUCCES NADER VERKLAARD 20 CASE: WOONBEDRIJF 54 MEETBARE DOELSTELLINGEN 22 DE PIRAMIDE VAN ONLINE SUCCES 56 PROJECTMETHODIEKEN 25 VINDBAARHEID 58 SCRUM METHODE 26 USABILITY 62 BUSINESS MODEL CANVAS 30 USABILITY - MBTI 64 CASE: ENECO 32 PERSUASION 70 CONTENT PROFILING 74 8

6 Bij het creëren van de website maak je stappen door, van schetsen tot uiteindelijke uitwerkingen. In dit hoofdstuk geven we je inzicht hoe Colours dit aanpakt. EYETRACKING 100 SCHETSEN 78 CASE: QUINNY 102 INTERACTIE ONTWERP 79 CASE: STIP REIZEN 104 CASE: SOA AIDS 80 GOED GEDRAG BELONEN 106 CASE: RUTGERSWPF 82 A/B TESTING 108 HET HAMBURGER ICOON 84 REMOTE USABILITY TESTING 110 CASE: NEDERLAND SCHOON 86 WEBSITE PERFORMANCE 112 CASE: CASADE 88 EFFECTIEVE CALL TO ACTIONS 118 EWALD VERHOOG 90 DO S AND DON TS VOOR UW HOMEPAGE 122 DOORSTAAT JOUW WEBSITE DE 5 SECONDEN TEST? 126 Bij optimalisatie streven wij naar een optimale gebruiksvriendelijkheid. Hierbij komen verschillende dingen kijken. In dit hoofdstuk laten we zien welke methodes Colours toepast om optimale gebruiksvriendelijkheid te creëren. CASE: STEDIN 130 WEBCONVENTIES 96 CASE: EFTELING 132 ONBEWUST KIJKGEDRAG 98 9

7 Elke tijd heeft zo zijn trends en ontwikkelingen. Wie mee wil gaan met de tijd is hiervan op de hoogte. Wij laten in dit hoofdstuk zien wat ons als Colours in deze tijd bezig houdt. VAN HEBBEN JULLIE AL EEN WEBSITE NAAR INTERNET OF THINGS 138 E-COMMERCE: ONMISBARE ONLINE FACTOR 140 DESIGNTRENDS TOP MAKE IT HAPPEN (PERSONALISATIE) 148 Sommige afbeeldingen vragen om een gedetailleerder overzicht. In dit hoofdstuk staan de bijlagen die dit overzicht bieden. Zeg nou zelf, wat is een boek zonder bijlagen? TOP 10 LEESVOER 154 UITGEWERKTE PERSONA (TEMPLATE) 156 OGSM MODEL 158 BUSINESS MODEL CANVAS

8 11

9 COLOURS Over Colours Wij ontwikkelen digitale strategieën en concepten, creëren succesvolle websites en activeren deze met doelgerichte online marketing. Dit kunnen wij door gepassioneerde collega s met kennis van strategie, online marketing, mobile first design en techniek in huis te hebben. Colours staat voor succesvolle Colours, succesvolle websites met resultaat afspraken websites en is bereid daarover resultaat afspraken te maken. Bij ons krijgt elke klant een KPI dashboard. In het Emerce onderzoek van 2014 is Colours wederom tot de top van de Nederlandse digitale bureaus verkozen. Colours maakt onderdeel uit van de LECTRIC Groep. DISCIPLINES DESIGN 25% DEVELOPMENT 50% STRATEGIE OPTIMALISATIE 15% 10% 12

10 START 1997 LECTRIC INTERNET OPLOSSINGEN 2008 COLOURS THE INTERNET COMPANY MISSIE Klanten blij en succesvol maken is de essentie van wat wij doen. Colours wil dan ook actief en concreet bijdragen aan het online succes van haar klanten. Dit doen wij door het realiseren van succesvolle websites. VISIE Colours is ervan overtuigd dat organisaties nog onvoldoende profiteren van de mogelijkheden van het domein internet en technologie. De link tussen het effect van online interactie en de bijdrage daarvan aan business doelstellingen wordt nog nauwelijks gemaakt. In die transitie staat niet alleen de directe klant centraal, maar moet er ook goed geluisterd worden naar de gebruikers. Colours ziet websites als levende dingen die nooit af zijn en alsmaar veranderen. Zij streven dan ook naar een proces van continu meten en verbeteren. WERKNEMERS BEDRIJFSTAKKEN Energie- & nutsbedrijven Goede doelen 76 Onderwijs & opleidingen Wonen & vastgoed Overige 13

11 14

12 15

13 DOELEN & STRATEGIE Het ontwikkelen van een digitale strategie Hoe ontwikkelen we voor klanten een digitale strategie die werkt, creëren we hieruit succesvolle digitale producten en activeren we deze met doelgerichte online marketing? Het proces tot de realisatie van een succesvolle digitale strategie staat beschreven in de volgende figuur. 16

14 Stap 1 - Define De doelstelling formuleren en de strategie en KPI s bepalen. Colours maakt hiervoor gebruik van het OGSM model. Het OGSM model (Objective, Goals, Strategies en Measures) is een krachtig en concreet businessplan op één A4. In een beknopt overzicht staan hierin de volgende onderdelen: Objective: kwalitatief einddoel Goals: vertaling naar kwantitatieve doelstellingen (meetbaar) Strategies: gekozen strategieën om de doelstellingen te behalen Measures: Key Performance Indicators om het succes te meten Met het OGSM model zijn in één oogopslag de doelstellingen, strategieën en KPI s duidelijk. Dit maakt het een krachtig middel om de doelstellingen en KPI s te bewaken tijdens het project. Doelstelling: Binnen 2 jaar marktleider worden in Nederland en een online omzet realiseren van 10 miljoen euro met een loyaal klantenbestand. Goals Strategies Dashboard Actieplan Budget Planning TRAFFIC De website is optimaal # bezoekers per SEO optimaliseren n.t.b. n.t.b. 25 % verhoging in vindbaar voor de verkeers- bron Google Adwords inzetten bezoekersaantallen doelgroep en dit Affiliate Marketing resulteert in maximale Extra campagnes bedenken traffic door een gedegen online marketing strategie. CONVERSIE 50 % verhoging van online aankopen De website verleidt de bezoekers tot een aankoop, doordat deze toegankelijk, overzichtelijk en relevant is. RELATIES ONTWIKKELEN Er worden langdurige 25 % stijging in volgers via relaties aangegaan met sociale media klanten, door actueel, 25% stijging in nieuwsbrief relevant en persoonlijk te inschrijvingen communiceren. 25% stijging in vaste klanten % conversie van bezoeker naar koper # volgers # nieuwsbrief inschrijvingen Voorbeeld OGSM, bijlage 2, blz 160 Conversie expert review op de site uitvoeren Onsite klantfeedback A/B testing Behavourial targeting Retargeting Rapportage, analyse, optimalisatie Klantcontactstrategie bepalen, opzetten en uitvoeren (CRM) n.t.b. n.t.b. n.t.b. n.t.b. Stap 2 - Explore WORKSHOPS De basis voor een digitale strategie zijn een aantal intensieve workshops waarmee we samen met u het OGSM verder gaan uitwerken en vormgeven. Elementaire elementen zijn hierbij de customer journeys en persona s die er uiteindelijk voor zorgen dat de digitale strategie zowel matcht met u bedrijf als uw klanten. Alleen dat is volgens ons een basis voor een succesvolle digitale strategie. ANALYSE BEZOEKERSSTATISTIEKEN Op basis van de bezoekersstatistieken voeren wij een uitgebreide analyse van de huidige website uit. Door middel van data uit Google Analytics maken wij het volgende inzichtelijk: Waar komen de bezoekers op uw website vandaan (traffic bronnen)? Hoe navigeren de bezoekers op uw website en welke pagina s bezoeken ze? Waar komen de bezoekers binnen en waar verlaten de bezoekers uw website? Zijn er verschillen te zien voor bezoekers met een mobile device? Waar zitten sterke en zwakke punten in de navigatie van uw website? 17

15 DOELEN & STRATEGIE SEO BENCHMARK Bij de nulmeting geven wij door middel van een zoekwoorden-onderzoek inzicht in het zoekgedrag van de doelgroep binnen Google, meestal een van uw belangrijkste traffic kanalen. Daarnaast onderzoeken wij de vindbaarheid van uw huidige website voor deze zoekwoorden binnen de organische zoekresultaten. Er wordt antwoord gegeven op de volgende vragen: Stap 3 - Digitale Strategie Door middel van de voorgaande stappen presenteren wij een rapport met de resultaten en een digitale strategie. Als belangrijkste onderdeel van deze strategie stellen wij samen met u een roadmap op. Deze bevatten alle projecten die de digitale strategie daadwerkelijk vorm moeten geven. Welke zoektermen worden het meest gebruikt door uw doelgroep? Hoe vaak wordt er op deze zoektermen gezocht in Google? Op welke zoekwoorden scoort uw huidige website in Google? Hoe presteert uw website op de belangrijkste zoekwoorden vergeleken met uw concurrenten? SOCIAL SCAN Hiermee meten wij een aantal belangrijke social media KPI s zoals bijvoorbeeld Reach, IPM en sentimentanalyse, om inzicht te geven in uw prestaties en effect binnen de social media kanalen. Social is een zeer ondergewaardeerd kanaal wat volgens Colours, wanneer succesvol ingezet, als een van de pijlers van traffic gebruikt zou kunnen worden. RAPPORT MET RESULTATEN SEO benchmark Analyse bezoekersstatistieken SEO scan scores VERBETERVOORSTEL MET AANBEVELINGEN KPI WORKSHOP EN KPI DOCUMENT DIGITALE STRATEGIE Plan van aanpak Online speerpunten en koers ROADMAP/ ENGAMENTPLAN 18

16 Je hebt niets aan een goede website als niemand hem kan vinden. Johan Verzendaal 19

17 DOELEN & STRATEGIE Online succes nader verklaard Wat is het beoogde resultaat van uw website of app? Wilt u meer sales, service, branding/beleving resultaat? Bij de ontwikkeling van uw website is een helder beeld van het beoogde resultaat het startpunt. De strategie en aanpak wordt bepaald door de doelgroep, de doelstellingen, de verwachtingen en de wensen in kaart te brengen. 20

18 Zonder doelen geen succes Een website moet bijdragen aan het behalen van de strategische doelen van een organisatie. Vaak zijn de doelen terug te brengen tot grofweg drie categorieën: Het verhogen van omzet; Het verlagen van kosten; Het verhogen van de merkwaarde/beleving. Een combinatie van de bovenstaande doelen is uiteraard ook mogelijk. Energiebedrijf Eneco verlaagt bijvoorbeeld de servicekosten door een gebruiksvriendelijke mijn omgeving aan te bieden. Hier hebben klanten eenvoudig toegang tot. Hier kunnen zij zelf hun termijnbedrag aanpassen en bijvoorbeeld nota s en betalingen inzien. Hiermee worden de kosten in het callcenter verlaagd. Iedere website heeft één of meerdere doelen (ook wel conversiepunten genoemd). Dit kunnen nieuwsbrief inschrijvingen, aantal product aankopen, webshop verkopen, contactaanvragen, maar ook PDF downloads zijn. Deze doelen kunnen gemeten worden in het gratis analyse en statistiekpakket Google Analytics. Hiermee zie je niet alleen hoeveel bezoekers een conversie hebben gemaakt (dit zie je immers ook wel in je eigen back office data), maar bijvoorbeeld ook hoe goed je zoekmachinebezoek converteert in vergelijking met je campagne bezoek of direct bezoek. Analytics maakt het dus mogelijk om te bepalen welk type bezoek het beste converteert, waardoor je hierop verder kunt inspelen om zo meer rendement te behalen. Hoe dan ook, zonder doelen geen resultaat. Zonder meting geen sturing! Het komt nog vaak voor dat Google Analytics wordt gebruikt voor het volgen van bezoekers op een website, maar dat de doelen hiervan niet worden gemeten. Dat is zonde, want op die manier mist u bruikbare informatie. Het liefst onderbouwt u besluiten met cijfers, om direct op verbeteringen in te kunnen springen. Daarom is het op de juiste manier instellen van Google Analytics uiterst belangrijk. 21

19 DOELEN & STRATEGIE Meetbare doelstellingen Meetbare doelstellingen zijn belangrijk. Als u uw website wilt verbeteren is het cruciaal om de doelen te verbeteren. Een doel kan zijn om meer bezoekers te krijgen, bezoekers langer op uw website te houden of om bezoekers aan te zetten tot meer aankopen. Belangrijke conversie punten kunnen het aanvragen van nieuwsbrieven, of bestellen van producten zijn. Diverse tools Er zijn diverse tools beschikbaar om uw website statistieken uit af te lezen. Google is verreweg het meest gebruikte statistiek pakket. Google Analytics of andere statistiek pakketten geven een detailinzicht voor degene die er dagelijks mee bezig is. Om te communiceren met leidinggevenden of managers, is vaak iets meer abstractie gewenst. We hebben hiervoor een (KPI) vdashboard ontwikkeld. Dit zou collega s die minder vaak bezig zijn met de webomgeving eenvoudig inzicht geven in de resultaten. Hiernaast zie je een voorbeeld van een dergelijk KPI dashboard. 22

20 WEBSITE STATISTIEKEN Bezoeken: ,35% Pageviews per bezoek: 2,84 3,00 +13,28% Gem per dag: ,38% % nieuwe bezoekers: 48,35% -0,13% 60% % mobiele bezoekers: 4,5% WEBSITE SOCIAL STATISTIEKEN ALGEMEEN Social verkeer: ,46% 13,6% +1,52% Maart April Mei HUIDIGE GOALS Cases bezocht Contactformulier ingevuld Bezoek langer dan 3 min Service pagina bezocht Vacature bekeken usability analyse helderheid 62 % gemak 51 % relevantie 62 % geruststelling 66 % verleiding 40 % Betreft de gemiddelde score na review op 212 aspecten (maximal score = 100%) Gemiddelde score: 56 (-) 23