design system

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam luctus porta urna, in iaculis diam lacinia eu. Sed sollicitudin mollis tortor, nec accumsan ligula porttitor non. Donec a tristique erat. Suspendisse potenti. Ut mattis, enim sit amet placerat iaculis, quam ligula semper magna, et dapibus purus odio ac magna. Sed est libero, suscipit sed enim vel, porttitor placerat metus. Mauris dignissim quam in semper dapibus. Duis aliquam semper maximus. Fusce tincidunt imperdiet interdum.

The challenge

This is a title

Donec nec diam diam. Nulla tellus justo, porta eu sagittis quis, tempor non turpis. Nam tempor quam tortor, eu consequat sem fringilla ac. Nam gravida sed nisi sit amet bibendum. Etiam bibendum vehicula sodales. Mauris eget consectetur nisl, sit amet commodo nibh. Fusce mollis consectetur libero sed hendrerit. Proin eget nibh id neque efficitur faucibus scelerisque et velit. Etiam tortor nisi, congue imperdiet nisl ut, rhoncus lobortis dolor. Phasellus mollis porttitor ipsum ut aliquam. Sed a mi ex. Suspendisse ultricies lacus tortor, a dignissim lorem dapibus eu. Etiam id malesuada odio. Praesent mattis vel tortor id aliquet. Pellentesque luctus, odio vulputate tincidunt imperdiet, purus metus venenatis purus, non condimentum sem ante non ex.

My Role

Product design / Front-end development / Implementation

current state

This is a title

Donec nec diam diam. Nulla tellus justo, porta eu sagittis quis, tempor non turpis. Nam tempor quam tortor, eu consequat sem fringilla ac. Nam gravida sed nisi sit amet bibendum. Etiam bibendum vehicula sodales. Mauris eget consectetur nisl, sit amet commodo nibh. Fusce mollis consectetur libero sed hendrerit. Proin eget nibh id neque efficitur faucibus scelerisque et velit. Etiam tortor nisi, congue imperdiet nisl ut, rhoncus lobortis dolor. Phasellus mollis porttitor ipsum ut aliquam.

The approach

This is a title

Donec nec diam diam. Nulla tellus justo, porta eu sagittis quis, tempor non turpis. Nam tempor quam tortor, eu consequat sem fringilla ac. Nam gravida sed nisi sit amet bibendum. Etiam bibendum vehicula sodales. Mauris eget consectetur nisl, sit amet commodo nibh. Fusce mollis consectetur libero sed hendrerit. Proin eget nibh id neque efficitur faucibus scelerisque et velit. Etiam tortor nisi, congue imperdiet nisl ut, rhoncus lobortis dolor. Phasellus mollis porttitor ipsum ut aliquam. Sed a mi ex. Suspendisse ultricies lacus tortor, a dignissim lorem dapibus eu. Etiam id malesuada odio. Praesent mattis vel tortor id aliquet. Pellentesque luctus, odio vulputate tincidunt imperdiet, purus metus venenatis purus, non condimentum sem ante non ex.

This is a subtitle

  • Icons

  • cards

  • toolbars

  • text fields

The impact

More effiency = more creativity

6 months after implementing the component library across the engineering team, we saw a 9.05% increase in velocity. At that team size, the increase in productivity was the equivalent to adding 7 engineers to the team without adding costs.

It also allowed our design team to focus more holistically on UX and usability. Having a library of established patterns freed them to focus more on the customer problems and delightful experiences, without having to invent new UI patterns for each new feature.