Save 37% off PRO during our Black Friday Sale! »

Pixelschubsen oder Frontend-Framework?

Pixelschubsen oder Frontend-Framework?

UI-Wildwuchs? Pixel-genaue Design-Spezifikationen? Code-Duplizierung im Frontend? Überall Browser-Hacks? 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.

48bb9ab7d3cc832215b2c82d5901b216?s=128

Simon Hohenadl

October 28, 2013
Tweet

Transcript

  1. www.autoscout24.de Pixelschubsen oder Frontend-Framework? DWX 2013 | 24.6. | Mareike

    Graf, Simon Hohenadl
  2. Simon Hohenadl Head of Vehicle Market IT shohenadl@autoscout24.com @SimonHoh

  3. Mareike Graf Team Lead Design mgraf@autoscout24.com

  4. Pixelschubsen oder Frontend-Framework? 1. AutoScout24 2. Rückblick 3. Zusammenarbeit Design

    – Entwickler 4. Framework 5. Learnings und Ausblick
  5. Über 300 Millionen virtuelle Fahrzeugbesichtigungen pro Monat 15,6 Millionen Nutzer

    jährlich in Deutschland 1,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
  6. Werkstattportal

  7. Team

  8. Redesign

  9. Zusammen-Arbeit

  10. Frontend

  11. Qualität

  12. Produktion

  13. Pixelschubsen

  14. None
  15. None
  16. Innen solide außen marode

  17. Nachhaltiges Frontend

  18. Wiederverwendung

  19. None
  20. Zusammenarbeit

  21. Dialog

  22. Bob Ross Will Kate

  23. Globals Elements Components Buttons Button Feedback Category Checkbox Datepicker Form

    elements Icons Lines & Shadows Lists with icons Box Picture Box Placeholder Box Sticky Bubbles Carousel Custom Dropdown Font Grid Spacings
  24. None
  25. None
  26. None
  27. None
  28. None
  29. None
  30. None
  31. None
  32. None
  33. None
  34. None
  35. UI Library

  36. Industrialisierung des Screens

  37. Was noch fehlt...

  38. Entwickler sind auch Menschen

  39. Designer sind auch Menschen

  40. Fragen... Und ja, wir stellen ein.

  41. Danke...