Upload
simon-hohenadl
View
334
Download
0
Embed Size (px)
DESCRIPTION
UI-Wildwuchs? Pixelgenaue Designspezifikationen? Codeduplizierung im Frontend? Überall Browserhacks? Inkonsistenter Markenauftritt? HTML, das keiner versteht? Diese Zeiten sind vorbei, wenigstens bei AutoScout24. Wir haben ein Framework aufgebaut, das es allen Designern und Entwicklern ermöglicht, schnell neue Seiten im Corporate Design zu bauen. Im Vordergrund stehen dabei Klarheit, Wiederverwendung und die Möglichkeit, das portalübergreifende Design an einer zentralen Stelle zu ändern. Konstruktive Zusammenarbeit hat dafür gesorgt, dass Aussprüche wie "das sieht ja keiner" von Entwicklern oder "schieb das noch zwei Pixel nach rechts" von Designern der Vergangenheit angehören.
Citation preview
www.autoscout24.de
Pixelschubsen oder Frontend-Framework?
WTC 2013 | 28.10. | Mareike Graf, Simon Hohenadl
Simon HohenadlHead of Vehicle Market [email protected]@SimonHoh
Mareike GrafTeam Lead [email protected]
Pixelschubsen oder Frontend-Framework?
1. AutoScout242. Rückblick3. Zusammenarbeit Design – Entwickler4. Framework5. Learnings und Ausblick
Über 300 Millionen virtuelle Fahrzeugbesichtigungen pro Monat
15,6 Millionen Nutzer jährlich in Deutschland1,8 Millionen Fahrzeugangebote
Europaweit größter Online-Fahrzeugmarkt
Über 10 Millionen Menschen nutzen AutoScout24 jeden Monat europaweit
Rund 90.000 Motorräder
Über 100.000 gebrauchte Nutzfahrzeuge
Werkstattportal
Team
Redesign
Zusammen-Arbeit
Frontend
Qualität
Produktion
Pixelschubsen
Innen solideaußen marode
Nachhaltiges Frontend
Wiederverwendung
Zusammenarbeit
Dialog
Bob
Ross
Will
Kate
Globals
Elements
Components
ButtonsButton FeedbackCategory CheckboxDatepickerForm elementsIconsLines & ShadowsLists with icons
Box PictureBox PlaceholderBox StickyBubblesCarouselCustom Dropdown
Font GridSpacings
UI Library
Industrialisierung des Screens
Was noch fehlt...
Entwicklersind auch Menschen
Designersind auch Menschen
Fragen...
Und ja,wir stellen ein.
Bildquellen
William und Kate
Pat Pilon [CC-BY-2.0 (http://creativecommons.org/licenses/by/2.0)], via Wikimedia Commons