Downloaded 13 times
Uploaded byCourtney Clark
Design Systems - Big Design Conference 2017
The document discusses the importance and benefits of design systems in managing design processes across various projects, emphasizing scalability, consistency, and efficiency. It highlights a case study illustrating the timeline and team structure needed to implement a design system successfully. Key lessons include the need for early preparation, ongoing communication, and maintaining the system post-launch to ensure its longevity and effectiveness.
More Related Content
Similar to Design Systems - Big Design Conference 2017
Design Systems - Big Design Conference 2017
- 1. Accounting for Quantityand Scalability Amy Vainieri & Courtney Clark Big Design Conference | September 16, 2017 #DesignSystems Design Systems
- 2.
- 3.
- 4. Have you used adesign system?
- 5. Who loves a gooddesign system?
- 6.
- 7. How do you knowif you need a design system?
- 8. There are 20+button styles
- 9.
- 10. handoff or sharing Youhave a lot of project
- 11. So…what is a designsystem?
- 12. 1 2 34 5 6 7 8
- 13.
- 14. 8 ingredients = 50+ menuoptions!
- 15. Case Study A designsystem in the wild.
- 16.
- 17. Entire Project =8 months Discovery = 2 months UX & Design = 3-4 months Front & Back Dev = 3-4 months
- 18. Project Manager (x2) UXDesigner (x2) Content Strategist Visual Designer Back-End Developer (x5+) Front-End Developer (x2+) Project Team
- 19. Product Owners (x2) ExecutiveDirector Communications Staff (x10) Developers (x2) Analyst Content Authors (x200!) Located in 60 countries across 15 programs Client
- 20.
- 21.
- 22.
- 23. Digital design system… What areour ingredients?
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32. Pages Average Hero Stat Boxes VolunteerOpenings Teasers Quote (with button) Story Teasers Image Gallery Support Teasers Share Bar
- 34.
- 36. #DesignSystems Lesson Power Jams WinsDesign Review Content Prep Design Inventory Preparation
- 38. #DesignSystems Lesson Power Jams WinsDesign Review Content Prep Design Inventory Preparation Luck
- 39. #DesignSystems Lesson Start earlier Next TimeOutline rules Choose a home
- 40. After Launch The storycontinues…
- 41.
- 42. 1. What alreadyexists? 2. What is the significance? 3. How will it be used again in the future? Ask:
- 43. Guard the system, orit will unravel quickly. #DesignSystems Lesson
- 44. It was vitalto understand the genesis of the design system. After that, it was easy peasy to maintain and extend the system. “ Sarah Coles Designer Extraordinaire
- 45.
- 46.
- 47.
- 48.
- 49. This design systemhas made my life rainbows and unicorns. “Dan Mouyard Front-End Developer Extraordinaire
- 50.
- 51.
- 52. How do youget buy in?
- 53. “ John Maeda Design inTech Report ‘Scale’ a company’s design function through better managing/leading of designers and shareable design systems
- 54. Time Developing & RefiningSystem Implementing System Money Design System Traditional Process Frame it around investment.
- 55. Project Management DevelopmentUser Experience Design System BusinessDevelopment GovernanceDesign & Branding
- 56.
- 57. Teach your clients. Shareyour approach. #DesignSystems Lesson
- 58.
- 59.
- 60.
- 61.
- 62.
- 63.
- 64.
- 65.
- 66.
- 67. Decide on theafterlife!
- 68.
- 69. You have bigger fishto fry. #DesignSystems Lesson
- 70. Like fun 404 pages andpre- loaders.
- 71. Who wouldn’t want moredelight?
- 72.
- 73. Rollout Handoff Educate / Buy-in Keepit Fresh Questions we’re still working on
- 74.