Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Lessons learned from running a Design System or...

Lessons learned from running a Design System or How to escape a filter bubble

Inspired by Brad Frost's talk about Atomic Design in 2013 at beyond tellerrand Christoph went back to trivago with the mission to completely change the way they deal with developing and designing the user interfaces for our products. From changing the mindset on how to approach Frontend Development and Design to refactoring our whole CSS codebase (know as Project Ironman) to introducing the first version of a Design System in 2015. In this talk Christoph shares learning, successes and failures during the introduction, roll-out and maintenance of the Design System. Christoph will touch on collaboration, fast changing environments, biases and technical requirements. A journey from ups and downs and the result of craving their own path and deprecating their Pattern Library while still having achieved the original mission to change the mindset around UI Engineering.

Christoph Reinartz

May 13, 2019
Tweet

More Decks by Christoph Reinartz

Other Decks in Technology

Transcript

  1. Lessons learned from running a Design System … or how

    to escape a filter bubble @pistenprinz
  2. -rw-r--r-- 2487 Nov 20 13:17 main.inc -rw-r--r-- 311 Nov 20

    13:17 styles.inc -rw-r--r-- 713 Nov 20 13:17 seo.inc -rw-r--r-- 3814 Nov 20 13:17 dealform.inc A first directory listing…
  3. -rw-r--r-- 2487 Nov 20 13:17 main.inc -rw-r--r-- 311 Nov 20

    13:17 styles.inc -rw-r--r-- 713 Nov 20 13:17 seo.inc -rw-r--r-- 3814 Nov 20 13:17 dealform.inc .inc files
  4. Complexity • Documentation • Release process • Linting and quality

    • Maintenance • Delivery & Integration • Stakeholders
  5. Complexity • Documentation • Release process • Linting and quality

    • Maintenance • Delivery & Integration • Stakeholders • Developer Experience
  6. Complexity • Documentation • Release process • Linting and quality

    • Maintenance • Delivery & Integration • Stakeholders • Developer Experience • Designer Experience