Slide 1
Slide 1 text
LEAN UX DUS
RESPONSIVE RELAUNCH
DIE „SORGEN“ EINER AGENTUR
Slide 2
Slide 2 text
Jan Peiniger
Geschäftsführer Kreation
pemedia GmbH
Slide 3
Slide 3 text
01_Hintergrund
Slide 4
Slide 4 text
HRS Deals:
Buchungsportal für günstige Hotels.
Gestartet in 2010.
Slide 5
Slide 5 text
Agiles Projektmanagement:
Agentur ist komplett in den Prozess integriert.
2-wöchige Sprints/Reviews.
Scrum-Master stellt Agentur.
Slide 6
Slide 6 text
Nutzungsverhalten:
Smartphone/Tablet Seitenbesuche nehmen immer mehr zu
Buchungen:
Conversionrate geht langsam nach unten.
Vor allem schlecht auf mobilen Geräten.
Slide 7
Slide 7 text
Komisch:
Ist doch ganz einfach mobil zu buchen!
Slide 8
Slide 8 text
Fazit:
Es wird Zeit endlich „responsive“ zu werden!
Slide 9
Slide 9 text
No content
Slide 10
Slide 10 text
02_Das Vorgehen
Slide 11
Slide 11 text
Was der „schönste“ Weg wäre:
- Redesign der kompletten Seite
- Responsive-Umsetzung in einem großen Wurf
Ablauf:
Startseite -> Detailseite -> Kalender -> Buchung
(natürlich direkt für alle Devices)
Slide 12
Slide 12 text
Aber:
Das kostet Zeit!
Die gibt es natürlich nicht!
Slide 13
Slide 13 text
Wie wurde also vorgegangen?
From Back to Front!
Slide 14
Slide 14 text
Designer:
„Aber das ist ja nur der doofe Teil!“
Slide 15
Slide 15 text
1. Schritt:
Buchung -> Kalender
für Smartphone und Tablet
2. Schritt
Buchung -> Kalender
für alle weiteren Devices
3. Schritt
Portal -> Detailseite
alle Devices
Slide 16
Slide 16 text
03_Die Organisation
Slide 17
Slide 17 text
Product
Owner
UI Design
Development PM
Kunde
Agentur
CEO
SEO
UX
etc…
Slide 18
Slide 18 text
04_Design Prozess
Slide 19
Slide 19 text
Größte Herausforderung:
Die Kalender-Darstellung
Slide 20
Slide 20 text
Wireframing?
Oh ja!
Slide 21
Slide 21 text
No content
Slide 22
Slide 22 text
No content
Slide 23
Slide 23 text
No content
Slide 24
Slide 24 text
Funktionen anhand von JPGs
kommunizieren?
Wir nutzten „interaktive Wireframes“
und kurze Animationen.
Slide 25
Slide 25 text
Das Problem der Entscheidungswege!
Finales Design soll vor dem Start der
Entwicklung abgenommen sein:
Explizites Design für diverse Devices
Slide 26
Slide 26 text
05_Umsetzung
Slide 27
Slide 27 text
Mobile First:
Stellt sich im Laufe des Prozesses
öfter als „kleine“ Hürde dar!
Slide 28
Slide 28 text
„Unser Freund der IE8“
Slide 29
Slide 29 text
Die Probleme starten meistens erst
bei den letzten 5%
Slide 30
Slide 30 text
06_Das Resultat
Slide 31
Slide 31 text
Conversionrate verzeichnet einen
deutlichen Anstieg!
Slide 32
Slide 32 text
Verfügbarkeits-Kalender
Slide 33
Slide 33 text
Buchungs-Formular
Slide 34
Slide 34 text
PEMEDIA GMBH
FACEBOOK.COM/PEMEDIA
SEE YOU SOON!