Hoe we in 4 maanden met scrum van Rabobank.com een compleet nieuwe ervaring maakten. Danielle Hoek Remy Lammes Bekijk ook onze case. http://www.resoluut.com/showcases/rabobank-com/

1. Scrum, Content & Fun
“Redesign in 4 maanden”
Danielle Hoek & Remy Lammers

2. Remy Lammers
Design Director
Resoluut
Scrummaster
Twitter: @resoluut
Danielle Hoek
Online Projectmanager
Entopic
Productowner rabobank.com
Twitter: @daniellehoek

4. Case
Redesign & Content migratie van de corporate
website van de Rabobank in 4 maanden.

5. Insights
Hoe scrum hier heeft gewerkt.
Hoe zijn we om gegaan met de uitdagingen.
Wat was achteraf de belangrijkste succesfactor.

6. • Basis van alle succes: Het team
• Waarom Agile Scrum?
• Hoe stijg je op: Fase 1
• 4 maanden high energy: Fasen 2 - 7
• Resultaten die tellen
• Take away: 5 succesfactoren

7. Wat is
Agile scrum?

16. De basis van alle succes
Het team

18. Uitdaging
Hoe maak je een team
van 19 mensen die elkaar
grotendeels niet kennen?

19. Geef vertrouwen.
Wees open.
Werk hard.

20. https://www.youtube.com/watch?v=biHmtnYFIrY

22. Hoe stijg je op? 4 maanden high energy Launch!
•Sprint 0
•Ontwerpen van de droom
•Valideren van de droom
•Bottom up
•Samen realiseren
•Aftercare
•1e resultaten

23. Hoe stijg je op?

25. De diagnose

26. • Hoge bouncerate
• Onduidelijke structuur
• Verschillende look & feel
• Geen homepage
• Geen vertrouwen bij stakeholders
• Geen energie bij redactie
• Heel veel content

29. Uitdaging
Waar begin je?

30. Think big, start small.
Maak het behapbaar.
Scrum.

31. • Optimalisatie project
• Snel concreet resultaat
• “Begin with the end in mind”
• Samen kom je tot betere producten

32. De quickscan

33. • Feedback interne stakeholders
• 14 verbeterpunten
• PvA: Scrum
• Deadline: 1 juli 2014

34. De take off route

35. Quickscan
Feedback
stakeholders
14
verbeterpunten
Deadline
Project
voorstel

36. Sprint 0

37. • Begin van het scrumtraject
• Oriëntatiesprint
• Alles kan alles mag
• Divergeren per discipline

38. • Gemeenschappelijke visie
• Product statement & Design values

40. • Fundament voor het resultaat
• Commitment van het team

41. Voordat je gaat ontwerpen
eerst goed om je heen kijken

42. • Doelgroep research
• Competitor research
• Naar een Rabobank filiaal
• Expert review huidige .com
• Braindumps

44. Sprintready per discipline

45. • Tone of voice bepalen
• Interactieve ontwerp schetsen
• Visuele verkenning

49. Visuele verkenning

50. • Gesloten/ingekaderd
• Gebrek aan sturing
• ‘Saaie’/droge content

51. • Gesloten/ingekaderd
• Gebrek aan sturing
• ‘Saaie’/droge content
• Toegankelijke look & feel
• Duidelijke hiërarchie
• Magazine-achtige look

52. Toegankelijke look & feel

55. Hiërarchie

58. Magazine-achtige look

62. Uitdaging
Hoe ga je in sprint 0 om met veel
stakeholders en grote belangen?

63. Luister goed.
Communiceer veel.
Zoom in op het gezamenlijke belang.

64. Ontwerpen van
de droom

65. • Stip op de horizon
• Sprintgewijs realiseren
• Sprintgoals vaststellen
• Focus op prioriteit en laaghangend fruit
• Tackle discussies door het concreet te maken

68. • Homepage
• Navigatie
• Artikelpagina
• Mobile ready

70. Valideren van
de droom

71. • Nu weten we wat onze droom is
• Geen ivoren toren werk
• Stakeholder feedback verzamelen

73. • Eindgebruiker als belangrijkste stakeholder
• Gebruikerstest

74. • Opzet in 4 dagen
• Kwalitatief testen
• Interview setting
• Prototype(s)
• Gebruik van zoveel mogelijk nieuwe content
• Betrek de stakeholders

78. Bottom up

79. • Rock bottom Approach
• Op locatie bij de Rabobank
• Content migratie
• .css restyling
• Binnen 2 weken een nieuwe dotCom

81. Uitdaging
Wat als je geen projectruimte
hebt tijdens het project?

82. Verzin een Plan B.
Schuif naast elkaar aan een lange tafel.

84. Uitdaging
Wat als tijdens de launch de
migratie van templates niet lukt?

85. Stap over op Plan B of C.
Regel extra eten.
Help elkaar.

87. Samen realiseren

88. • Technisch haalbare UX droom ontwerpen
• Samen commitment afgeven
• Agile in optima forma
• Design, techniek en content
• Opschaling van het team

89. Uitdaging
Hoe hou je met hetzelfde team
een bestaande site in de lucht en
bouw je tegelijkertijd een nieuwe?

90. Urgent? Dan moet het
Kan het wachten? Dan pakken we hem later op.

91. Hergebruik waar mogelijk.
Styling van oude componenten.
Onderscheid nieuwe componenten.

93. Uitdaging
Hoe krijg je 1500 pagina’s
geredigeerd, geoptimaliseerd en
gecheckt in nieuwe templates?

94. Mega-overzichten.
Must haves.
Should haves.
Nice to haves.

96. Uitdaging
Wat als het developen van de
componenten meer tijd inneemt
dan er i voor de launch?

97. Plat slaan van componenten.
Work arounds.
Tijdelijke html pagina’s.

98. De launch!

99. • Aller spannendste/leukste gedeelte
• Harde deadline: 1 juli 2014
• Blinde launch

101. Design
Highlights

102. Een benaderbare bank

105. Een breed scala
aan doelgroepen

108. Magazine look & feel

111. Responsive
van mobiel tot desktop

113. Aftercare

114. • Losse eindjes
• Feedback verwerken
• Overdracht naar beheer

116. 1e resultaten

118. Bounce Rate

119. All
Voor Na
Rabo Development
Rabobank Foundation
Group about
Investor Relations
Press
Products & Services
Research

120. Take away
5 succesfactoren

121. Het team!
Geef vertrouwen. Wees open.
Werk hard.

122. Think big, start small.
Maak het behapbaar.
Scrum.

123. Luister goed naar je stakeholders.
Communiceer veel en zoom in
op het gezamenlijke belang.

124. Denk in Plannen B, C, D, E, F
en als het moet G.

125. Have fun!

126. Results become great
when working is fun.

127. Danielle Hoek
danielle@hoek10.nl
Remy Lammers
remy@resoluut.com
www.rabobank.com
www.resoluut.com/rabobank