Von der Desktop-Version zum responsive Design in iterativen Schritten (Michèl Wollenschläger)

Gemeinsam mit seinem Team stellt Michèl Wollenschläger gerade die bestehende Webpräsenz per iterativem Prozess in eine responsive Version um. Die Herangehensweise, das Konzept und die gleichzeitige Aufrechterhaltung des täglichen Wahnsinns wird er in seinem Vortrag zeigen.

Transcript

1. Lean Relaunch mit Responsive und Mojo
2. Michel Wollenschläger Lean Relaunch mit Responsive und Mojo Head of UX & Design bei auxmoney.com
3. Aktuell Neu ? Michel Wollenschläger // @stil72
4. Schneller Wachstum führt oft zu fehlender Nachhaltigkeit im Konzept, Quellcode und der Gestaltung. Chaos Michel Wollenschläger // @stil72 Keine guten Voraussetzungen. Am besten machst Du alles neu!
5. Konzept Texte Research Mockups User-Centered Marketing Screens Patterns SEO Nutzer-Tests Michel Wollenschläger // @stil72 Prototypen
6. Wir haben schnell gemerkt, dass der Relaunch ein großes Projekt wird. Keine Zeit Michel Wollenschläger // @stil72 Fehlende Zeit und Ressourcen machen einen Relaunch sehr schwer!
7. Trotzdem Ein Versuch
8. Michel Wollenschläger // @stil72
9. Michel Wollenschläger // @stil72
10. Neue Basis Ein neues, flexibles Template das alle Anforderungen gefüllt. Navi Grid Typografie Responsive User-Centered Mojo Getestet Michel Wollenschläger // @stil72 Erste Patterns Layout
11. Aufteilen 1 2 3 4 Teil Deine Seite sinnvoll auf, dadurch wirst du flexibel. Startseite Registrierung Infoseiten Anleger eingeloggter Bereich … Facelift Michel Wollenschläger // @stil72
12. Erster Einsatz nach vier Wochen
13. Konzept Template Responsive Design Mojo Michel Wollenschläger // @stil72
14. ohne Screens während des Sprints Umsetzung Michel Wollenschläger // @stil72
15. Template Responsive Michel Wollenschläger // @stil72
16. Nur kleine definiert Breakpoints Anpassungen Michel Wollenschläger // @stil72
17. Standarts Globale Elemente werden frühzeitig neu definiert und eingesetzt. Michel Wollenschläger // @stil72
18. Learnings Verliere nicht das Große/Ganze Die QA früh einbinden Michel Wollenschläger // @stil72
19. Next Steps Build - Measure - Learn Patterns Michel Wollenschläger // @stil72 Fortsetzung folgt…
20. Danke Euch! Habt Ihr Fragen? Gerne auf einen Kaffee: mwollenschlaeger@gmail.com @stil72