In this session we will look at design systems and how they are used by product teams to successfully scale design capability, and maintain integrity and consistency as their brands grows and evolve. Using practical examples of the building blocks of a design system, we will explore design patterns and processes and how they are used to create the visual design language of your brand.

1. Design
Systems
A visual framework for
scaling your brand

2. Hello! I’m Julio Taylor
Creative Director @ Hallam

3. Are you meeting customers’
Digital Expectations?

4. Customers expect a lot from
digital experiences

5. Design complexity is
increasing exponentially

6. source: designbetter.co

7. Consistent presentation of a
brand increases revenue by
23% on average
Source: The Impact of Brand Consistency Report, October 2016
https://www.lucidpress.com/pages/resources/report/the-impact-of-brand-consistency?source=blog
23%

8. Design faster smarter

9. A Design System is a
collaboration framework
for digital teams

10. Beyond brand guidelines
Design System
UI Patterns
Signage
Tone of voice
Brand guidelines
Video
Photography

11. Focus on what’s important

12. Create consistent user experiences
by making design reusable

13. Capturing brand personality

14. Examples

15. Google Material: consistency at scale
Over 100 apps in the iOS Store

16. Google Material: consistency at scale

17. Atlassian: personality and values

18. Shopify: design for accessibility

19. HillaryClinton.com: Built for speed

20. Creating a design
system

21. Democratise the process

22. Diagram of process / continuous improvement?
A design system is
a living product

23. Continuous evolution

24. Takeaways

25. How consistent is your
brand online?

26. Is there a
“single source of truth”?

27. Are your teams working in
partnership with your agency?

28. Thank you!
twitter.com/juliotaylor
hallaminternet.com