Emerce Engage 2016 - Lieneke Roos & Frank de Wit (ANWB)
Transcript of Emerce Engage 2016 - Lieneke Roos & Frank de Wit (ANWB)
Nooit meer een redesignLieneke Roos - Frank de Wit
Maar we bieden ook …. Routeplanner Lidmaatschap
LedenvoordeelBelangenbehartiging
Vrijwilligerswerk Creditcard Verzekeringsmaatschappij Vakantie informatie en
inspiratie Ledenreizen (+7
reisdochters) Kamperen
AlarmcentraleTrauma helikoptersGipsvluchten
Rijopleidingen Mobiliteit/Auto Vrije tijd
Wandelen, Fietsen, Watersport, Motor Theater tickets, Dagje weg, Avondje uit.
Wandel-, Fiets-, Auto-, Motorroutes,
Waterkaarten.
Met 4 miljoen leden
Meer dan 10.000 vrijwilligers
ANWB is een vereniging
116 miljoen visits per jaar>51% is mobiel>50% organisch zoekverkeer
140 Applications10.800 Content pages21.025 Unieke url’s
27 Apps18 Nieuwsbrieven
ANWB Online
Situatie voor het redesignVoorbeeld: Verkeersinformatie
Gedecentraliseerd ontwerp en realisatie
Anwb.nl/verkeer desktop Anwb.nl/verkeer mobiel Onderweg App (iOS)
Desktop en mobiele site
Desktop site
Mobiele site
Wat moest gebeuren
•Volledige herinrichting van de site (dus ook technisch)
•Front en Back-end losgekoppeld
•API architectuur adopteren
•Content en opmaak volledig gescheiden
•Continues delivery, integration and innovation
En dus toch nog één keer een Redesign
Uitgangspunten voor het redesign
•Meer consistentie, beleving, inspiratie, hiërarchie
•Content beschikbaar op ieder device (Responsive)
•Gebaseerd op data (Onderzoek, Tests, bezoekerscijfers)
•Geen revolutie maar een evolutie. Klanten houden niet van grote veranderingen
Om te beginnen
Hiërarchie bepaald
Visual design verzamelen
Atomic design (Brad Frost)
Design toegepast
18
Integratie van de drie methodieken in 1 proces
OPLOSSING
ConceptualiseerStel hypothese op
ExperimenteerOnderzoek
& observeer
Stelklantbehoefte
vastHerzie
hypothese
Prioritiseerinzichten
DESIGN THINKING
INZICHT KLANTBEHOEFTE
Nieuwe ideeënobv feedback
Bouwen
Feedback
AGILE ONTWIKKELING LEAN UX
Ontwerpen = Onderzoek
•Informatie werd sneller gevonden
•Nieuw ontwerp nodigt meer uit om door te klikken
•Respondenten bleven langer en scrolden in detail pagina’s
•Uitstraling werd zeer goed gewaardeerd
Skinnen
Skinnen
Hoofdnavigatie
Content omzetten
•10.800 pagina’s
•Bottom up: Detailpagina’s eerst, gevolgd door overzichten, subhomes
•En uiteindelijk ook de homepage
Situatie na redesign
Situatie na redesignVoorbeeld: Verkeersinformatie
1 merkbeleving, 1 omnichannel stijl, 1 ANWB
Desktop Mobiel iOS Android phone
Web App
28 28
Directe Redesign resultaten
• Hogere NES• SEO zichtbaarheid gestegen• Sterkere SEO posities
If we want to avoid a monster of a redesign
project we need to start thinking small
Ever increasing design debt will always
force a redesign
Through an iterative and governed process we can
change anything at any time we want.
Lieneke [email protected]
Frank de [email protected]