Case: GE Money Bank – Fra papir til mobil (Webdagene 2013)

31
fra papir til mobil GE money banks nye mobilnettsted

Transcript of Case: GE Money Bank – Fra papir til mobil (Webdagene 2013)

Page 1: Case: GE Money Bank – Fra papir til mobil (Webdagene 2013)

fra papir til mobil GE money banks nye mobilnettsted

Page 2: Case: GE Money Bank – Fra papir til mobil (Webdagene 2013)

2 GE Title or job number

9/9/2013

Salgsfinansiering Kredittkort Forbrukslån

Siden 1946 i Norge

250 000 kunder

Del av General Electric siden 1993 250 ansatte – 30 nasjonaliteter – hovedkontor i Stavanger

NORGE

Page 3: Case: GE Money Bank – Fra papir til mobil (Webdagene 2013)

3 GE Title or job number

9/9/2013

Creating digital experiences since the beginning of time

Page 4: Case: GE Money Bank – Fra papir til mobil (Webdagene 2013)

4 GE Title or job number

9/9/2013

Også må vi jo også nevne at vi fikk litt hjelp utenfra...

Page 5: Case: GE Money Bank – Fra papir til mobil (Webdagene 2013)

5 GE Title or job number

9/9/2013

Dette er historien om hvordan vi gikk fra dette...

Page 6: Case: GE Money Bank – Fra papir til mobil (Webdagene 2013)

6 GE Title or job number

9/9/2013

Til vårt nye (awesome) mobilnettsted

Page 7: Case: GE Money Bank – Fra papir til mobil (Webdagene 2013)

analyse, analyse, analyse

Page 8: Case: GE Money Bank – Fra papir til mobil (Webdagene 2013)

8 GE Title or job number

9/9/2013

Vi var så heldige at vi hadde et «semi-optimalisert» mobilnettsted siden 2011

Page 9: Case: GE Money Bank – Fra papir til mobil (Webdagene 2013)

9 GE Title or job number

9/9/2013

Og dette ga oss data til å se på hvordan kundene bruker gemoney.no på mobil

Page 10: Case: GE Money Bank – Fra papir til mobil (Webdagene 2013)

Hmmmm...

Page 11: Case: GE Money Bank – Fra papir til mobil (Webdagene 2013)

11 GE Title or job number

9/9/2013

Siden 18 % av trafikken vår er mobil var det klart at noe måtte gjøres

Page 12: Case: GE Money Bank – Fra papir til mobil (Webdagene 2013)

12 GE Title or job number

9/9/2013

Men mobilbrukere er markant mer interessert i Handlekonto enn desktop

Page 13: Case: GE Money Bank – Fra papir til mobil (Webdagene 2013)

13 GE Title or job number

9/9/2013

Alt i alt, resulterte analysefasen i tre viktige beslutninger...

1 2 3

Page 14: Case: GE Money Bank – Fra papir til mobil (Webdagene 2013)

Prototype, Prototype, Prototype

Page 15: Case: GE Money Bank – Fra papir til mobil (Webdagene 2013)

15 GE Title or job number

9/9/2013 www.uistencils.com

Page 16: Case: GE Money Bank – Fra papir til mobil (Webdagene 2013)

16 GE Title or job number

9/9/2013

Interne brukertester på de viktigste delene av vår hjemmeside

Page 17: Case: GE Money Bank – Fra papir til mobil (Webdagene 2013)

17 GE Title or job number

9/9/2013

For så å lage HTML prototyper av disse...

Page 18: Case: GE Money Bank – Fra papir til mobil (Webdagene 2013)

Skjema og plassering av navigasjonselementer

Page 19: Case: GE Money Bank – Fra papir til mobil (Webdagene 2013)

19 GE Title or job number

9/9/2013

Page 20: Case: GE Money Bank – Fra papir til mobil (Webdagene 2013)

20 GE Title or job number

9/9/2013

Lånekalkulator

Slider for lånebeløp

Slider for nedbetalingstid

Mål: Gjøre starten av skjemaet interaktiv og «morsomt»

Page 21: Case: GE Money Bank – Fra papir til mobil (Webdagene 2013)

21 GE Title or job number

9/9/2013

<input type="tel">

<input type="tel">

<input type="email">

Mål: Holde resten av skjemaet så

rent og enkelt som mulig

<input type="tel">

Page 22: Case: GE Money Bank – Fra papir til mobil (Webdagene 2013)

22 GE Title or job number

9/9/2013

Mål: Sende inn skjema

Stor grønn knapp som det er umulig å bomme på

Betryggende setning for å understøtte valget

Page 23: Case: GE Money Bank – Fra papir til mobil (Webdagene 2013)

23 GE Title or job number

9/9/2013

Page 24: Case: GE Money Bank – Fra papir til mobil (Webdagene 2013)

24 GE Title or job number

9/9/2013

Page 25: Case: GE Money Bank – Fra papir til mobil (Webdagene 2013)

Lær av disse feilene...

Page 26: Case: GE Money Bank – Fra papir til mobil (Webdagene 2013)

26 GE Title or job number

9/9/2013

Hva hvis denne løsningen viser seg å ikke fungere?

Page 27: Case: GE Money Bank – Fra papir til mobil (Webdagene 2013)

27 GE Title or job number

9/9/2013

Page 28: Case: GE Money Bank – Fra papir til mobil (Webdagene 2013)

28 GE Title or job number

9/9/2013

Build – Measure - Learn

Page 29: Case: GE Money Bank – Fra papir til mobil (Webdagene 2013)

Find your «one thing»...

Page 30: Case: GE Money Bank – Fra papir til mobil (Webdagene 2013)

30 GE Title or job number

9/9/2013

Page 31: Case: GE Money Bank – Fra papir til mobil (Webdagene 2013)