Large enterprises are increasingly prioritizing design to improve user experiences and create competitive advantages. However, enterprises often struggle with inconsistent user experiences, repetitive work, and gaps between design and development teams. A design system provides a blueprint to address these challenges by establishing foundations, brand guidelines, a library of reusable UI components and patterns, and code standards to promote consistent and efficient design and development across teams. When implemented successfully, a design system can save organizations time and money while improving user experiences through a shared design language.

1. DESIGN SYSTEMS

2. 2
Design Systems
Enterprise UX "
is changing
Startups like Gusto, Stripe,
and Slack are setting the
expectation that business
products should be useful,
usable, and satisfying. Even
large organizations
like IBM, GE, and Salesforce are
positioning design as a
competitive advantage and
hiring thousands of designers to
reshape processes and culture.

3. 3
Design Systems
Enterprise Design Pain Points
Legacy
Technology
Inconsistent
user experience
One-Offs &
Band-aids
Inconsistent
branding
Inefficient
processes =
repetitive "
or wasted work
Seeing value to
take time out to
do it
Version control
issues
Knowledge gaps
between design
& development
Many Designers
& Developers

4. 4
Design Systems
59%
UX Challenges "
Enterprise Companies
Top challenge as found in Enterprise UX: The state of the
industry 2017/2018 by UXPin
Top challenge in
Enterprise UX is
improving consistency

5. 5
Design Systems
What is a design system?
A blueprint for product design and development.

6. 6
Design Systems
A Design System & All It’s Parts
Foundations "
& "
Principles
Brand
Guidelines
Design &
Patterns Library"
(UX/UI/IxD)
Code

7. 7
Design Systems
Design System
Foundations & Principles
Foundations
& "
Principles
Guiding
Design
Principles
Grids
Scaling
Accessibility
Animations

8. 8
Design Systems
Design System
Brand Guidelines
Brand
Guidelines
Fonts
Colors
Background
Visual
Language
Voice &
Tone
Syntax
Styling

9. 9
Design Systems
Design System
Design & Patterns Library
Design &
Patterns
Library"
(UX/UI/IxD)
Components
Behaviors
(9 states)
Page
Templates
Design
Reference
Files

10. 10
Design Systems
Design System
Code
Code
Standards
Supported
Browsers
Supported
Devices
Versioning
Implementation

11. 11
Design Systems
Benefits of a Design System
Design
consistency
& cohesion
across
tech stacks
Save time
and money
Consistent
Vocabulary
Implement
Faster
Concentrate
on UX flows
instead of
design
discussions
Single
source of
truth

12. 12
Design Systems
Mark Hewitt"
www.EQengineered.com"
mark@EQengineered.com"
Twitter: MarekKV"
www.linkedin.com/in/marekhewitt