Slides by Jan Murin and David Žák from Lundegaard – Design Systems Meetup March 2019

2. WHO WE ARE
A world where exist smart digital
services, enabling comfortable living
for individuals and society as a
whole.
A world in which I do not have to go
to a post office.
Lundegaard
2
Jan Murin
Design team leader/UX designer
@honzamurin
David Žák
UX Designer
@david87zak

3. WHY DID WE INVEST TIME IN DESIGN SYSTEMS?
● Complex digital products with roll-out to several different countries.
● Maintain knowledge:
■ People are leaving.
■ Not always the same people are available to work regularly on the same client.
3

4. 4
OUTDATED STATIC DOCUMENTS

5. SHARED VOCAB
5

6. 6

7. 7

8. What was our strategy to get
internal buy-in
Creating and maintaining Design System is an investment. If you do not own
resources, you will need to convince its owners to let them work on DS.
10

9. LEARN
11

10. MINI-LECTURES
● 20 minutes talks
● Mainly our Developers, QA and Designers
● Problems that can be solved by using
Design Systems
● Show real examples from your product or
customers
● How it will changes our day-to-day
cooperation
● We can open-source the tool.
Leave enough time for questions and
answers and then continue to talk with
everyone who looked interested in.
12

11. MINI-LECTURES
● 20 minutes talks
● Mainly our Developers, QA and Designers
● Problems that can be solved by using
Design Systems
● Show real examples from your product or
customers
● How it will changes our day-to-day
cooperation
● We can open-source the tool.
Leave enough time for questions and
answers and then continue to talk with
everyone who looked interested in.
13

12. MINI-LECTURES
● 20 minutes talks
● Mainly our Developers, QA and Designers
● Problems that can be solved by using
Design Systems
● Show real examples from your product or
customers
● How it will changes our day-to-day
cooperation
● We can open-source the tool.
Leave enough time for questions and
answers and then continue to talk with
everyone who looked interested in.
14

13. MINI-LECTURES
● 20 minutes talks
● Mainly our Developers, QA and Designers
● Problems that can be solved by using
Design Systems
● Show real examples from your product or
customers
● How it will changes our day-to-day
cooperation
● We can open-source the tool.
Leave enough time for questions and
answers and then continue to talk with
everyone who looked interested in.
15
https://github.com/lundegaard/design-system-template

14. TRAINING FRIDAYS
● At least 1 hour session
● Lot‘s of people across teams
● End-to-end introduction
● Deep dive
● Motivation why to do Design Systems
● What is Design Systems (what
containts, benefits etc.)
● Workshops/Activities
● Our solutions for running Design
System
● How to maintain it
16

15. TRAINING FRIDAYS
● At least 1 hour session
● Lot‘s of people across teams
● End-to-end introduction
● Deep dive
● Motivation why to do Design Systems
● What is Design Systems (what
containts, benefits etc.)
● Workshops/Activities
● Our solutions for running Design
System
● How to maintain it
17

16. TRAINING FRIDAYS
● At least 1 hour session
● Lot‘s of people across teams
● End-to-end introduction
● Deep dive
● Motivation why to do Design Systems
● What is Design Systems (what
containts, benefits etc.)
● Workshops/Activities
● Our solutions for running Design
System
● How to maintain it
18

17. TRAINING FRIDAYS
● At least 1 hour session
● Lot‘s of people across teams
● End-to-end introduction
● Deep dive
● Motivation why to do Design Systems
● What is Design Systems (what
containts, benefits etc.)
● Workshops/Activities
● Our solutions for running Design
System
● How to maintain it
19

18. TRAINING FRIDAYS
● At least 1 hour session
● Lot‘s of people across teams
● End-to-end introduction
● Deep dive
● Motivation why to do Design Systems
● What is Design Systems (what
containts, benefits etc.)
● Workshops/Activities
● Our solutions for running Design
System
● How to maintain it
20

19. INTRO MEETING WITH OUR BUSINESS/SALES
● Problems that can be solved by
using Design Systems.
● Show real examples from your
product or customers.
● What impact it can be on
development proces
● What is Design System
● Differents among Brand Manual,
Static pages and Design Systems
● What will be our approarch
21

20. INTRO MEETING WITH OUR BUSINESS/SALES
● Problems that can be solved by
using Design Systems.
● Show real examples from your
product or customers.
● What impact it can be on
development proces
● What is Design System
● Differents among Brand Manual,
Static pages and Design Systems
● What will be our approarch
22

21. INTRO MEETING WITH OUR BUSINESS/SALES
● Problems that can be solved by
using Design Systems.
● Show real examples from your
product or customers.
● What impact it can be on
development proces
● What is Design System
● Differents among Brand Manual,
Static pages and Design Systems
● What will be our approarch
23

22. DO NOT FORGET THE MOST IMPORTANT SLIDE
24
Westpac Group https://gel.westpacgroup.com.au/

23. DIGI CAFÉ
● 30 minutes talks
● For our customers about the latest
tech or design news
● What problems they highly likely
have
● Design System as solutions.
● Benefits
● Examples
25
https://youtu.be/5joea08bKe8

24. DIGI CAFÉ
● 30 minutes talks
● For our customers about the latest
tech or design news
● What problems they highly likely
have
● Design System as solutions.
● Benefits
● Examples
26

25. DIGI CAFÉ
● 30 minutes talks
● For our customers about the latest
tech or design news
● What problems they highly likely
have
● Design System as solutions.
● Benefits
● Examples
27

26. DIGI CAFÉ
● 30 minutes talks
● For our customers about the latest
tech or design news
● What problems they highly likely
have
● Design System as solutions.
● Benefits
● Examples
28

27. EVANGELIZE & MAKE POSTERS
29
● Make posters!
● Chat with colleagues/clients
■ Do not force it.
■ Show examples
Your client needs a design system, too!

28. When your design is wrongly
used.
30

29. MISSION
● Education
● Reduce inconsistency
● Point out the need
● Design system
31

30. DELIVERY
● Complete UI design
● Axure prototype
● Sketch files / Invision
32

31. 33

32. WRONGLY REUSED DESIGNS
34

33. WRONGLY REUSED DESIGNS
● Happy to inspire
● Benefits for negotiation
● Practical use
35

34. DESIGN SYSTEM
36

35. Fortune favors
the prepared
37

36. Let your colleague join you on
Desing System crusade!
● You are not alone
38

37. YOU ARE NOT ALONE
● Design System become a standard part of our big deliveries.
■ There is no need to sale it internally anymore.
■ As a design team, we just check and updates estimates on it.
■ Now we can focus more on doing and maintaining instead of selling it.
● Or we can deliver it and maintaining it as a product.
● Developers fully integrated DS into their development process.
39

38. SUMMARY
● Evangelize
■ Know your audience
● Speak with people and show them use-cases
■ Be prepared
■ Look for opportunities to point out Design Systems is solving it
● Find allies across teams
● Find a pilot project to demonstrate benefits
40

39. THANKS! Q&A
David Žák
@david87zak
41
Jan Murin
@honzamurin

40. Futurama Business Park, Sokolovská 651/136a, 186 00 Praha 8 – Karlín
Tel.: +420 222 263 015 | Fax: +420 227 203 911 All rights reserved © 2014 Lundegaard
Jan Murin – jan.murin@lundegaard.eu
David Žák – david.zak@lundegaard.eu