- Useful technology and frameworks for a scalable design system - How to create a design systems process from scratch - How to collaborate with developers in a design system

1. Scaling Product
LET’S TALK ABOUT

2. PART ONE Good Company
PART TWO Forge
PART THREE Scaling Up
PART FOUR Q&A

3. PART ONE
Good Company

4. DoSomething.org is a
not-for-profit tech company.

6. The Team

7. The Team

9. The Team

10. Forge

11. PART TWO
Forge

12. But what does it do?

13. ● Maintain consistency in code and style
● Also known as a style guide
● Helps with multiple engineers working side-by-side
Design Consistency

14. ● Create a toolbox for your engineers
● Pre-defined patterns and layouts
● Engineers building their own blocks
Engineer Empowerment

15. Rogue

16. Rogue

17. Rogue

18. Forge 7

19. Forge 7

20. Forge 7

21. ● Ensure consistency and eliminate confusion
● Formalized and unified components
● Full pages can be easily deconstructed into component blocks
Forge 7

22. PART THREE
Scaling Up

23. ● Queue efficiency
● Bandwidth allocation
● Eliminate blockers for engineers
● No thumb twiddling!
Scaling What?

24. Scaling Design

25. Scaling Engineering

26. ● How do you want your systems to behave?
● Establish guidelines and principles
● Document choices and ideals
Scaling Philosophy

27. ● Measure lost opportunities
● Measure repeated work
● Calculate queue efficiency and bandwidth
Making the Investment

28. ● Invest in people using the system
● Create overview process for
implementation
Making the Investment

29. Making the Investment

30. ● Invest in people using the system
● Create overview process for
implementation
● Empower technical leads
Making the Investment

31. Abstract

32. Abstract

33. Stretch, scale and multiply

34. lpatton@dosomething.org @friendofpixels
QUESTIONS?
Contact me!