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 Rooslroos@anwb.nl

Frank de Witfdewit@anwb.nl