SlideShare a Scribd company logo
From Sticker Sheet to
Mature Design System:
Improving User Experiences while Scaling an Org
Agenda
1. Introduction
2. Timeline to Maturity
3. Summary & Key Takeaways
4. Q&A
Introduction
Who we are, what we do, and why we do it.
Who We Are
Jessie
Rogers
Senior Content
Strategy Manager
Karissa
Woodward-Hobson
Senior Product Design
Manager
Neva
Corbo-Hudak
Product Design
Lead
Stephanie
Cenatiempo
Senior Product
Design Lead
Who Our Team Is
Our design system team is internally known as
Homebase, which is also the name of the design system
itself!
We are a healthy mix of product designers, content
strategists, engineers, and product managers.
We’ve found that it’s important to build a team with a
broad mix of skills and strengths:
● Leadership
● Visual Design
● UX, System Architecture,
and Tooling
● IA
● UX Writing
● User Research
What Our Team & System Does
Our team manages the design system on behalf of
the greater org.
We do this by providing foundational guidelines and
reusable components, styles, and patterns that can
be assembled to build any number of experiences and
applications across the Wayfair universe!
In short, Homebase enables teams to ship better
products faster.
Who Our Team & System Supports
The Homebase Design System is used by the Storefront
org, which is made of of several teams (called pods) that
focus on a specific site pages and experiences.
Timeline to Maturity
And how we actually did the darned thing.
Assess &
Take Stock
Pre 2019 2019, Q1 2020, Q1
2019, Q2 2019, Q3 2019, Q4
Establish a
Strong POV
Communicate &
Educate
Pursue
Partnerships
Make it
Meaningful
Spread Your
Wings & Fly
Pre 2019 2019, Q1 2020, Q1
2019, Q2 2019, Q3 2019, Q4
● Code and design assets were maintained separately
and often did not match.
● UI was outdated and lacking a clear, consistent vision.
● Design assets were formatted as a sticker sheet with
high maintenance and poor versioning control.
● Lack of dedicated resources and true ownership meant
loose governance.
Assess & Take Stock
Pre 2019 2019, Q1 2020, Q1
2019, Q2 2019, Q3 2019, Q4
● Homebase team was formally established as part of
the Wayfair Storefront org.
● Designers and engineers united to establish Homebase
as the single source of truth.
● We paused new feature work to build a strong foundations
● We hit the campaign trail to get high-level buy-in
and support.
Establish a Strong POV
Establish a Strong POV:
How’d We Actually Do It!?
Set a Foundation
Define and publish design principles and
governance process
Establish version control, distribution, and
transparency
Update design assets to reflect code assets
and establish a shared taxonomy and naming
Create usage guidelines for all existing
components
Make accessibility a priority
Establish a Strong POV:
How’d We Actually Do It!?
Set a Foundation
Define and publish design principles and
governance process
Establish version control, distribution, and
transparency
Update design assets to reflect code assets
and establish a shared taxonomy and naming
Create usage guidelines for all existing
components
Make accessibility a priority
Establish a Strong POV:
How’d We Actually Do It!?
Set a Foundation
Define and publish design principles and
governance process
Establish version control, distribution, and
transparency
Update design assets to reflect code assets
and establish a shared taxonomy and naming
Create usage guidelines for all existing
components
Make accessibility a priority
Establish a Strong POV:
How’d We Actually Do It!?
Set a Foundation
Define and publish design principles and
governance process
Establish version control, distribution, and
transparency
Update design assets to reflect code assets
and establish a shared taxonomy and naming
Create usage guidelines for all existing
components
Make accessibility a priority
Establish a Strong POV:
How’d We Actually Do It!?
Set a Foundation
Define and publish design principles and
governance process
Establish version control, distribution, and
transparency
Update design assets to reflect code assets
and establish a shared taxonomy and naming
Create usage guidelines for all existing
components
Make accessibility a priority
Identify key stakeholders – C-suite, VPs, PMs
Make clear requests – Provide specific results
Have an incentive! – Build excitement toward
a shared goal
Establish a Strong POV:
How’d We Actually Do It!?
Make a Case for Leadership Buy-In
Cultural change is really, really hard
Expect a lot of ups and downs
It’s challenging because it’s important
Establish a Strong POV:
How’d We Actually Do It!?
Don’t Give Up!!!
● Created a multi-channel communication plan.
● Piloted a three-part onboarding program.
● Kicked off a series of workshops and briefings to educate
the broader org on the foundations of our system.
● Created a measurement framework and rolled it out across the
org.
Communicate & Educate
Pre 2019 2019, Q1 2020, Q1
2019, Q2 2019, Q3 2019, Q4
Newsletter – A monthly email outlining everything
done the previous month and our plans for the
next.
Release notes – Biweekly notices about system
upgrades, additions, and bug fixes.
Slack – A space for real-time updates.
Show & tell – Biweekly presentations to
the broader Experience Design team.
Communicate & Educate:
How’d We Actually Do It!?
Create a Comms Plan
Communicate & Educate:
How’d We Actually Do It!?
Create a Comms Plan
Newsletter – A monthly email outlining everything
done the previous month and our plans for the
next.
Release notes – Biweekly notices about system
upgrades, additions, and bug fixes.
Slack – A space for real-time updates.
Show & tell – Biweekly presentations to
the broader Experience Design team.
Communicate & Educate:
How’d We Actually Do It!?
Create a Comms Plan
Newsletter – A monthly email outlining everything
done the previous month and our plans for the
next.
Release notes – Biweekly notices about system
upgrades, additions, and bug fixes.
Slack – A space for real-time updates.
Show & tell – Biweekly presentations to
the broader Experience Design team.
Communicate & Educate:
How’d We Actually Do It!?
Create a Comms Plan
Newsletter – A monthly email outlining everything
done the previous month and our plans for the
next.
Release notes – Biweekly notices about system
upgrades, additions, and bug fixes.
Slack – A space for real-time updates.
Show & tell – Biweekly presentations to
broader Experience Design team.
Communicate & Educate:
How’d We Actually Do It!?
Outreach
Onboarding – A presentation series that
explains the what and how of Homebase to
new employees.
Briefings – Educational talks aimed at
specific partners to raise awareness of
principles or updates to the design system.
Workshops – Hands-on programming to
teach systems principles or to quickly gather
insights and feedback.
Onboarding – A presentation series that
explains the what and how of Homebase to
new employees
Briefings – Educational talks aimed at
specific partners to raise awareness of
principles or updates to the design system.
Workshops – Hands-on programming to
teach systems principles or to quickly gather
insights and feedback.
Communicate & Educate:
How’d We Actually Do It!?
Outreach
Communicate & Educate:
How’d We Actually Do It!?
Outreach
Onboarding – A presentation series that
explains the what and how of Homebase to
new employees
Briefings – Educational talks aimed at
specific partners to raise awareness of
principles or updates to the design system.
Workshops – Hands-on programming to
teach systems principles or to quickly gather
insights and feedback
Measuring adoption – Design system
adoption metrics were shared to the entire
Storefront organization.
Celebrate your successes! – The short-term
benefit of design system adoption enabled
Wayfair to roll out a massive redesign to all of
the sites that we support.
Long-term impact of adoption – Adoption of
the design system resulted in less CSS
commits over time and reduced the effort
required to build an MVP.
Communicate & Educate:
How’d We Actually Do It!?
Measurement Framework
Measuring adoption – Design system
adoption metrics were shared to the entire
Storefront organization.
Celebrate your successes! – The short-term
benefit of design system adoption enabled
Wayfair to roll out a massive redesign to all of
the sites that we support.
Long-term impact of adoption – Adoption of
the design system resulted in less CSS
commits over time and reduced the effort
required to build an MVP.
Communicate & Educate:
How’d We Actually Do It!?
Measurement Framework
Measuring adoption – Design system
adoption metrics were shared to the entire
Storefront organization
Celebrate your successes! – The short term
benefit of design system adoption enabled
Wayfair to roll out a massive redesign to all of
the sites that we support
Long-term impact of adoption – Adoption
of the design system resulted in less CSS
commits over time and reduced the effort
required to build an MVP.
Communicate & Educate:
How’d We Actually Do It!?
Measurement Framework
GitHub CSS commits over time as the adoption rate of the Homebase
design system increased.
● Embraced early adopters and power users.
● Held layout assessments, parity measurements,
and co-creation sessions.
● Scheduled weekly office hours.
● Created Ambassadors programs for both design and engineering.
● Introduced Study Abroad program.
Pursue Partnerships
Pre 2019 2019, Q1 2020, Q1
2019, Q2 2019, Q3 2019, Q4
Find partners to use and
evangelize the system.
Focus on successes.
Share and celebrate wins!
Pursue Partnerships:
How’d We Actually Do It!?
Embrace Early Adopters
& Power Users
Layout/parity assessments – Opt-in layout
assessments with pods to measure design
system adoption.
Co-creation sessions – Hands-on workshops
to create a single, consistent user experience.
Pursue Partnerships:
How’d We Actually Do It!?
Collaboration Sessions
Layout/parity assessments – Opt-in layout
assessments with pods to measure design
system adoption.
Co-creation sessions – Hands-on workshops
to create a single, consistent user experience.
Pursue Partnerships:
How’d We Actually Do It!?
Collaboration Sessions
Slack help channel – for quick questions.
Office hours – Brief conversations about system
contributions or usage.
Study abroad – Join Homebase for 1–4 weeks to
contribute to the backlog or work on a proposal.
Visual Ambassadors – A cross-functional group
celebrating and supporting great design.
Engineering Ambassadors – Engineering
partners who provide feedback, contribute, and
advocate for Homebase.
Pursue Partnerships:
How’d We Actually Do It!?
Create a Continuous
Feedback Cycle
Slack help channel – for quick questions.
Office hours – Brief conversations about system
contributions or usage.
Study abroad – Join Homebase for 1–4 weeks to
contribute to the backlog or work on a proposal.
Visual Ambassadors – A cross-functional group
celebrating and supporting great design.
Engineering Ambassadors – Engineering
partners who provide feedback, contribute, and
advocate for Homebase.
Pursue Partnerships:
How’d We Actually Do It!?
Create a Continuous
Feedback Cycle
Slack help channel – for quick questions.
Office hours – Brief conversations about system
contributions or usage.
Study abroad – Join Homebase for 1–4 weeks to
contribute to the backlog or work on a proposal.
Visual Ambassadors – A cross-functional group
celebrating and supporting great design.
Engineering Ambassadors – Engineering
partners who provide feedback, contribute, and
advocate for Homebase.
Pursue Partnerships:
How’d We Actually Do It!?
Create a Continuous
Feedback Cycle
Slack help channel – for quick questions.
Office hours – Brief conversations about system
contributions or usage.
Study abroad – Join Homebase for 1–4 weeks to
contribute to the backlog or work on a proposal.
Visual Ambassadors – A cross-functional group
celebrating and supporting great design.
Engineering Ambassadors – Engineering
partners who provide feedback, contribute, and
advocate for Homebase.
Pursue Partnerships:
How’d We Actually Do It!?
Create a Continuous
Feedback Cycle
Slack help channel – for quick questions.
Office hours – Brief conversations about system
contributions or usage.
Study abroad – Join Homebase for 1–4 weeks to
contribute to the backlog or work on a proposal.
Visual Ambassadors – A cross-functional group
celebrating and supporting great design.
Engineering Ambassadors – Engineering
partners who provide feedback, contribute, and
advocate for Homebase.
Pursue Partnerships:
How’d We Actually Do It!?
Create a Continuous
Feedback Cycle
Pre 2019 2019, Q1 2020, Q1
2019, Q2 2019, Q3 2019, Q4
● Defined our Visual Language to add meaning and
intent to our UI.
● Created scalable systems for UI elements with
multi-brand/geo considerations.
● Optimized UI to support accessibility at the
component and system level.
Make It Meaningful
Introduced the Feng Shui Philosophy with
an emphasis on making meaningful design
decisions.
Developed guiding principles to support
our new philosophy.
Published Visual Language guidelines for
each design element to clearly document the
reasoning and intent behind our decisions.
Make It Meaningful:
How’d We Actually Do It!?
Defined Our Visual
Language
Introduced the Feng Shui Philosophy with
an emphasis on making meaningful design
decisions.
Developed guiding principles to support
our new philosophy.
Published Visual Language guidelines for
each design element to clearly document the
reasoning and intent behind our decisions.
Make It Meaningful:
How’d We Actually Do It!?
Defined Our Visual
Language
Clutter-Free Approachable
Scalable Memorable
Introduced the Feng Shui Philosophy with
an emphasis on making meaningful design
decisions.
Developed guiding principles to support
our new philosophy.
Published Visual Language guidelines for
each design element to clearly document the
reasoning and intent behind our decisions.
Make It Meaningful:
How’d We Actually Do It!?
Defined Our Visual
Language
Before
After
Introduced the Feng Shui Philosophy with
an emphasis on making meaningful design
decisions.
Developed guiding principles to support
our new philosophy.
Published Visual Language guidelines for
each design element to clearly document the
reasoning and intent behind our decisions.
Make It Meaningful:
How’d We Actually Do It!?
Defined Our Visual
Language
Before
After
Introduced the Feng Shui Philosophy with
an emphasis on making meaningful design
decisions.
Developed guiding principles to support
our new philosophy.
Published Visual Language guidelines for
each design element to clearly document the
reasoning and intent behind our decisions.
Make It Meaningful:
How’d We Actually Do It!?
Defined Our Visual
Language
Instituted universal naming and sizing for UI
elements across brands for easier code
maintenance.
Enabled automation via a modular type scale.
Allowed for better regulation of color usage
with a new color scale.
Make It Meaningful:
How’d We Actually Do It!?
Created Systems for
Scalability
Make It Meaningful:
How’d We Actually Do It!?
Created Systems for
Scalability
Instituted universal naming and sizing for UI
elements across brands for easier code
maintenance.
Enabled automation via a modular type scale.
Allowed for better regulation of color usage
with a new color scale.
Make It Meaningful:
How’d We Actually Do It!?
Created Systems for
Scalability
Instituted universal naming and sizing for UI
elements across brands for easier code
maintenance.
Enabled automation via a modular type scale.
Allowed for better regulation of color usage
with a new color scale.
Make It Meaningful:
How’d We Actually Do It!?
Created Systems for
Scalability
Instituted universal naming and sizing for UI
elements across brands for easier code
maintenance.
Enabled automation via a modular type scale.
Allowed for better regulation of color usage
with a new color scale.
Make It Meaningful:
How’d We Actually Do It!?
Created Systems for
Scalability
Instituted universal naming and sizing for UI
elements across brands for easier code
maintenance.
Enabled automation via a modular type scale.
Allowed for better regulation of color usage
with a new color scale.
Make It Meaningful:
How’d We Actually Do It!?
Pre 2019
Created Systems for
Scalability
Instituted universal naming and sizing for UI
elements across brands for easier code
maintenance.
Enabled automation via a modular type scale.
Allowed for better regulation of color usage
with a new color scale.
Make It Meaningful:
How’d We Actually Do It!?
Created Systems for
Scalability
Instituted universal naming and sizing for UI
elements across brands for easier code
maintenance.
Enabled automation via a modular type scale.
Allowed for better regulation of color usage
with a new color scale.
Pursued high accessibility standard for
component states.
Published accessibility guidelines at system
and component level.
Supported accessibility measurement efforts
and created channels for feedback.
Make It Meaningful:
How’d We Actually Do It!?
Supported Accessibility
Pursued high accessibility standard for
component states.
Published accessibility guidelines at system
and component level.
Supported accessibility measurement efforts
and created channels for feedback.
Make It Meaningful:
How’d We Actually Do It!?
Supported Accessibility
Pursued high accessibility standard for
component states.
Published accessibility guidelines at system
and component level.
Supported accessibility measurement efforts
and created channels for feedback.
Make It Meaningful:
How’d We Actually Do It!?
Supported Accessibility
Pre 2019 2019, Q1 2020, Q1
2019, Q2 2019, Q3 2019, Q4
● Rolled out and celebrated the site redesign
● Upgraded the Homebase experience.
● Had a moment for reflection.
● ...What are we going to do next!?
Spread Your Wings & Fly
Strong communication and collaboration
allowed us to roll out the redesign with full
support and no surprises.
High parity allowed us to make large,
sweeping changes site wide, across 5 brands
and 4 geos, solely through updates to the
system.
With a “no harm” approach, we rolled out
with neutral to positive impact on site
metrics.
Celebrated with sticker swag and custom
cupcakes!
Spread Your Wings & Fly:
How’d We Actually Do It!?
Rolled Out Site Redesign
Spread Your Wings & Fly:
How’d We Actually Do It!?
Spread Your Wings & Fly:
How’d We Actually Do It!?
Released a new version that represented true
collaboration between design & engineering,
with an advanced IA.
Now host code assets, documentation, and
guidelines for ~80 components.
Published a robust set of guidelines for
accessibility, content writing, and our visual
language.
Supporting tooling experiences.
Spread Your Wings & Fly:
How’d We Actually Do It!?
Upgraded the Homebase
Experience
~ 2017
Released a new version that represented true
collaboration between design & engineering,
with an advanced IA.
Now host code assets, documentation, and
guidelines for ~80 components.
Published a robust set of guidelines for
accessibility, content writing, and our visual
language.
Supporting tooling experiences.
Spread Your Wings & Fly:
How’d We Actually Do It!?
Upgraded the Homebase
Experience
Released a new version that represented true
collaboration between design & engineering,
with an advanced IA.
Now host code assets, documentation, and
guidelines for ~80 components.
Published a robust set of guidelines for
accessibility, content writing, and our visual
language.
Supporting tooling experiences.
Spread Your Wings & Fly:
How’d We Actually Do It!?
Upgraded the Homebase
Experience
Released a new version that represented true
collaboration between design & engineering,
with an advanced IA.
Now host code assets, documentation, and
guidelines for ~80 components.
Published a robust set of guidelines for
accessibility, content writing, and our visual
language.
Supporting tooling experiences.
Spread Your Wings & Fly:
How’d We Actually Do It!?
Upgraded the Homebase
Experience
Released a new version that represented true
collaboration between design & engineering,
with an advanced IA.
Now host code assets, documentation, and
guidelines for ~80 components.
Published a robust set of guidelines for
accessibility, content writing, and our visual
language.
Supporting tooling experiences.
Spread Your Wings & Fly:
How’d We Actually Do It!?
Upgraded the Homebase
Experience
And the cycle begins anew...
Tracked maturity through an annual
Homebase Survey.
Took stock of what went well and areas of
opportunity.
Spread Your Wings & Fly:
How’d We Actually Do It!?
Have a Moment to Reflect
We’re joining forces with our Enterprise
partners and evolving our system even more!
Can we build a single system that’s smart
enough to support all of our experiences?
We’ll let you know at next year’s UXPA 😉
Spread Your Wings & Fly:
How’d We Actually Do It!?
What’s Next?!
Summary & Key Takeaways
Incase we lost you at some point or you just weren’t paying attention until now...
Assess & Take Stock
● How are your teams currently working?
● Do you have a single source of truth?
● Do you have the dedicated resources needed
to efficiently maintain and grow a system?
Establish a Strong POV
● Set a strong foundation
● Get that top-down support
● Mentally prepare for the ups and downs
Communicate & Educate
● Create a solid comms plan
● Educate the broader org through
outreach programs
● Create a measurement framework
Pursue Partnerships
● Embrace and celebrate early adopters
and power users
● Collaborate with the broader org –
systems belong to everyone!
● Create channels for continuous feedback
Make It Meaningful
● Define a clear direction for your Visual
Language and UI
● Build a smart, scalable system that’s
easy to maintain
● Design inclusively and build your system
to support accessibility
Spread Your Wings & Fly
● Celebrate your accomplishments!
● Reflect on your journey. What went well?
What could have gone better?
● The work is never done!
Time to plan for what’s next
Assess &
Take Stock
Pre 2019 2019, Q1 2020, Q1
2019, Q2 2019, Q3 2019, Q4
Establish a
Strong POV
Communicate &
Educate
Pursue
Partnerships
Make it
Meaningful
Spread Your
Wings & Fly
The Remote
Design Sprint
Toolkit
UXPA Boston 2020
Norman Wozniak
Lauren Lamperski
Emily Thompson
Q&A
Thanks for sticking with us on a Friday afternoon!

More Related Content

What's hot

The Product Owner Role
The Product Owner RoleThe Product Owner Role
The Product Owner Role
Nigel Thurlow
 
Why Agile is Failing in Large Enterprises
Why Agile is Failing in Large EnterprisesWhy Agile is Failing in Large Enterprises
Why Agile is Failing in Large Enterprises
LeadingAgile
 
Agile Scrum Training, Day 1 (1/2)
Agile Scrum Training, Day 1 (1/2)Agile Scrum Training, Day 1 (1/2)
Agile Scrum Training, Day 1 (1/2)
Jens Wilke
 
SAFe® PI Planning - 4 locations - but how?
SAFe® PI Planning - 4 locations - but how?SAFe® PI Planning - 4 locations - but how?
SAFe® PI Planning - 4 locations - but how?
Silvio Wandfluh
 
An Introduction to Scaled Agile Framework (SAFe)
An Introduction to Scaled Agile Framework (SAFe)An Introduction to Scaled Agile Framework (SAFe)
An Introduction to Scaled Agile Framework (SAFe)
CA Technologies
 
Agile Project Management - An introduction to Agile and the new PMI-ACP
Agile Project Management - An introduction to Agile and the new PMI-ACPAgile Project Management - An introduction to Agile and the new PMI-ACP
Agile Project Management - An introduction to Agile and the new PMI-ACP
Dimitri Ponomareff
 
Backlog Refinement at Scale
Backlog Refinement at ScaleBacklog Refinement at Scale
Backlog Refinement at Scale
Cprime
 
Agile Center of Excellence : Presented by Rahul Sudame
Agile Center of Excellence : Presented by Rahul Sudame Agile Center of Excellence : Presented by Rahul Sudame
Agile Center of Excellence : Presented by Rahul Sudame
oGuild .
 
How to facilitate product backlog refinement sessions
How to facilitate product backlog refinement sessionsHow to facilitate product backlog refinement sessions
How to facilitate product backlog refinement sessions
LuxoftAgilePractice
 
The 10 Steps to Becoming a Great Agile Coach
The 10 Steps to Becoming a Great Agile CoachThe 10 Steps to Becoming a Great Agile Coach
The 10 Steps to Becoming a Great Agile Coach
LeadingAgile
 
Scaled Agile Framework SAFe 4.0
Scaled Agile Framework SAFe 4.0Scaled Agile Framework SAFe 4.0
Scaled Agile Framework SAFe 4.0
Satoru Araki, PhD MBA PMP
 
Scaling Agile With SAFe (Scaled Agile Framework)
Scaling Agile With SAFe (Scaled Agile Framework)Scaling Agile With SAFe (Scaled Agile Framework)
Scaling Agile With SAFe (Scaled Agile Framework)
Andreano Lanusse
 
Specification by Example
Specification by ExampleSpecification by Example
Specification by Example
Declan Whelan
 
Agile Program and Portfolio Management
Agile Program and Portfolio ManagementAgile Program and Portfolio Management
Agile Program and Portfolio Management
Mike Cottmeyer
 
Agile Transformation Defined
Agile Transformation DefinedAgile Transformation Defined
Agile Transformation Defined
Christoph Mathis
 
Scrum cheat sheet
Scrum cheat sheetScrum cheat sheet
Scrum cheat sheet
Christopher Daily
 
Primer on Agile Project Management and SCRUM
Primer on Agile Project Management and SCRUMPrimer on Agile Project Management and SCRUM
Primer on Agile Project Management and SCRUM
Joe Riego
 
How your culture is shaping your Agile
How your culture is shaping your AgileHow your culture is shaping your Agile
How your culture is shaping your Agile
Rowan Bunning
 
Agile Lean Kanban Training 1 hour
Agile Lean Kanban Training 1 hourAgile Lean Kanban Training 1 hour
Agile Lean Kanban Training 1 hour
Ryan Polk
 
Coaching Scrum Teams
Coaching Scrum TeamsCoaching Scrum Teams
Coaching Scrum Teams
bmyllerup
 

What's hot (20)

The Product Owner Role
The Product Owner RoleThe Product Owner Role
The Product Owner Role
 
Why Agile is Failing in Large Enterprises
Why Agile is Failing in Large EnterprisesWhy Agile is Failing in Large Enterprises
Why Agile is Failing in Large Enterprises
 
Agile Scrum Training, Day 1 (1/2)
Agile Scrum Training, Day 1 (1/2)Agile Scrum Training, Day 1 (1/2)
Agile Scrum Training, Day 1 (1/2)
 
SAFe® PI Planning - 4 locations - but how?
SAFe® PI Planning - 4 locations - but how?SAFe® PI Planning - 4 locations - but how?
SAFe® PI Planning - 4 locations - but how?
 
An Introduction to Scaled Agile Framework (SAFe)
An Introduction to Scaled Agile Framework (SAFe)An Introduction to Scaled Agile Framework (SAFe)
An Introduction to Scaled Agile Framework (SAFe)
 
Agile Project Management - An introduction to Agile and the new PMI-ACP
Agile Project Management - An introduction to Agile and the new PMI-ACPAgile Project Management - An introduction to Agile and the new PMI-ACP
Agile Project Management - An introduction to Agile and the new PMI-ACP
 
Backlog Refinement at Scale
Backlog Refinement at ScaleBacklog Refinement at Scale
Backlog Refinement at Scale
 
Agile Center of Excellence : Presented by Rahul Sudame
Agile Center of Excellence : Presented by Rahul Sudame Agile Center of Excellence : Presented by Rahul Sudame
Agile Center of Excellence : Presented by Rahul Sudame
 
How to facilitate product backlog refinement sessions
How to facilitate product backlog refinement sessionsHow to facilitate product backlog refinement sessions
How to facilitate product backlog refinement sessions
 
The 10 Steps to Becoming a Great Agile Coach
The 10 Steps to Becoming a Great Agile CoachThe 10 Steps to Becoming a Great Agile Coach
The 10 Steps to Becoming a Great Agile Coach
 
Scaled Agile Framework SAFe 4.0
Scaled Agile Framework SAFe 4.0Scaled Agile Framework SAFe 4.0
Scaled Agile Framework SAFe 4.0
 
Scaling Agile With SAFe (Scaled Agile Framework)
Scaling Agile With SAFe (Scaled Agile Framework)Scaling Agile With SAFe (Scaled Agile Framework)
Scaling Agile With SAFe (Scaled Agile Framework)
 
Specification by Example
Specification by ExampleSpecification by Example
Specification by Example
 
Agile Program and Portfolio Management
Agile Program and Portfolio ManagementAgile Program and Portfolio Management
Agile Program and Portfolio Management
 
Agile Transformation Defined
Agile Transformation DefinedAgile Transformation Defined
Agile Transformation Defined
 
Scrum cheat sheet
Scrum cheat sheetScrum cheat sheet
Scrum cheat sheet
 
Primer on Agile Project Management and SCRUM
Primer on Agile Project Management and SCRUMPrimer on Agile Project Management and SCRUM
Primer on Agile Project Management and SCRUM
 
How your culture is shaping your Agile
How your culture is shaping your AgileHow your culture is shaping your Agile
How your culture is shaping your Agile
 
Agile Lean Kanban Training 1 hour
Agile Lean Kanban Training 1 hourAgile Lean Kanban Training 1 hour
Agile Lean Kanban Training 1 hour
 
Coaching Scrum Teams
Coaching Scrum TeamsCoaching Scrum Teams
Coaching Scrum Teams
 

Similar to From Sticker Sheet to Mature Design System: Improving User Experiences while Scaling an Org

Lean change method toronto agile meetup
Lean change method toronto agile meetupLean change method toronto agile meetup
Lean change method toronto agile meetup
agilebydesign
 
The Way Forward: A Scaled Agile Experience
The Way Forward: A Scaled Agile ExperienceThe Way Forward: A Scaled Agile Experience
The Way Forward: A Scaled Agile Experience
David Hanson
 
PDMA 2008 World Class Web 2.0 Product Org
PDMA 2008 World Class Web 2.0 Product OrgPDMA 2008 World Class Web 2.0 Product Org
PDMA 2008 World Class Web 2.0 Product Org
Adam Nash
 
DevOps @ Enterprise - DevOps Meetup Zurich
DevOps @ Enterprise - DevOps Meetup ZurichDevOps @ Enterprise - DevOps Meetup Zurich
DevOps @ Enterprise - DevOps Meetup Zurich
Marcelo Sousa Ancelmo
 
Enabling remote workers to achieve more
Enabling remote workers to achieve moreEnabling remote workers to achieve more
Enabling remote workers to achieve more
RPC Associates accounting and consulting
 
DevOps: an efficient operating model
DevOps: an efficient operating modelDevOps: an efficient operating model
DevOps: an efficient operating model
2i Testing
 
Layla Barron: Watershed
Layla Barron: WatershedLayla Barron: Watershed
Layla Barron: Watershed
BethBate
 
Open / Drupal Camp Presentation: Brent Bice
Open / Drupal Camp Presentation: Brent BiceOpen / Drupal Camp Presentation: Brent Bice
Open / Drupal Camp Presentation: Brent Bice
LevelTen Interactive
 
Scaling Awesome - 10 Actionable Strategies for Technology Transformation
Scaling Awesome - 10 Actionable Strategies for Technology TransformationScaling Awesome - 10 Actionable Strategies for Technology Transformation
Scaling Awesome - 10 Actionable Strategies for Technology Transformation
Chef
 
Enable High-performance and Strategic Capabilities with Flow Metrics
Enable High-performance and Strategic Capabilities with Flow MetricsEnable High-performance and Strategic Capabilities with Flow Metrics
Enable High-performance and Strategic Capabilities with Flow Metrics
Tasktop
 
U Xmagic Agile Presentation
U Xmagic Agile PresentationU Xmagic Agile Presentation
U Xmagic Agile Presentation
Our Community Exchange LLC
 
Deconstructing the scaled agile framework - Lunch and Learn series
Deconstructing the scaled agile framework - Lunch and Learn seriesDeconstructing the scaled agile framework - Lunch and Learn series
Deconstructing the scaled agile framework - Lunch and Learn series
Angela Dugan
 
Pole emploi at Agile Cambridge
Pole emploi at Agile CambridgePole emploi at Agile Cambridge
Pole emploi at Agile Cambridge
Cecile Auret
 
Making Work Product-Centric: A Journey at Nationwide Insurance | Tasktop Conn...
Making Work Product-Centric: A Journey at Nationwide Insurance | Tasktop Conn...Making Work Product-Centric: A Journey at Nationwide Insurance | Tasktop Conn...
Making Work Product-Centric: A Journey at Nationwide Insurance | Tasktop Conn...
Tasktop
 
Tools and Resources for New Product Development: The Discovery Phase
Tools and Resources for New Product Development: The Discovery PhaseTools and Resources for New Product Development: The Discovery Phase
Tools and Resources for New Product Development: The Discovery Phase
Dialexa
 
Piloting & Scaling Successfully With Microsoft Viva
Piloting & Scaling Successfully With Microsoft VivaPiloting & Scaling Successfully With Microsoft Viva
Piloting & Scaling Successfully With Microsoft Viva
Richard Harbridge
 
The Evolution of the Economist Content Platform (presented by Mark Brincat, C...
The Evolution of the Economist Content Platform (presented by Mark Brincat, C...The Evolution of the Economist Content Platform (presented by Mark Brincat, C...
The Evolution of the Economist Content Platform (presented by Mark Brincat, C...
eZ Systems
 
Bringing User-Centered Design Practices into Agile Development Projects
Bringing User-CenteredDesign Practices intoAgile Development ProjectsBringing User-CenteredDesign Practices intoAgile Development Projects
Bringing User-Centered Design Practices into Agile Development Projects
abcd82
 
Scrum scaling chandan
Scrum scaling chandanScrum scaling chandan
Scrum scaling chandan
Chandan Patary
 
Scrum scaling
Scrum scalingScrum scaling

Similar to From Sticker Sheet to Mature Design System: Improving User Experiences while Scaling an Org (20)

Lean change method toronto agile meetup
Lean change method toronto agile meetupLean change method toronto agile meetup
Lean change method toronto agile meetup
 
The Way Forward: A Scaled Agile Experience
The Way Forward: A Scaled Agile ExperienceThe Way Forward: A Scaled Agile Experience
The Way Forward: A Scaled Agile Experience
 
PDMA 2008 World Class Web 2.0 Product Org
PDMA 2008 World Class Web 2.0 Product OrgPDMA 2008 World Class Web 2.0 Product Org
PDMA 2008 World Class Web 2.0 Product Org
 
DevOps @ Enterprise - DevOps Meetup Zurich
DevOps @ Enterprise - DevOps Meetup ZurichDevOps @ Enterprise - DevOps Meetup Zurich
DevOps @ Enterprise - DevOps Meetup Zurich
 
Enabling remote workers to achieve more
Enabling remote workers to achieve moreEnabling remote workers to achieve more
Enabling remote workers to achieve more
 
DevOps: an efficient operating model
DevOps: an efficient operating modelDevOps: an efficient operating model
DevOps: an efficient operating model
 
Layla Barron: Watershed
Layla Barron: WatershedLayla Barron: Watershed
Layla Barron: Watershed
 
Open / Drupal Camp Presentation: Brent Bice
Open / Drupal Camp Presentation: Brent BiceOpen / Drupal Camp Presentation: Brent Bice
Open / Drupal Camp Presentation: Brent Bice
 
Scaling Awesome - 10 Actionable Strategies for Technology Transformation
Scaling Awesome - 10 Actionable Strategies for Technology TransformationScaling Awesome - 10 Actionable Strategies for Technology Transformation
Scaling Awesome - 10 Actionable Strategies for Technology Transformation
 
Enable High-performance and Strategic Capabilities with Flow Metrics
Enable High-performance and Strategic Capabilities with Flow MetricsEnable High-performance and Strategic Capabilities with Flow Metrics
Enable High-performance and Strategic Capabilities with Flow Metrics
 
U Xmagic Agile Presentation
U Xmagic Agile PresentationU Xmagic Agile Presentation
U Xmagic Agile Presentation
 
Deconstructing the scaled agile framework - Lunch and Learn series
Deconstructing the scaled agile framework - Lunch and Learn seriesDeconstructing the scaled agile framework - Lunch and Learn series
Deconstructing the scaled agile framework - Lunch and Learn series
 
Pole emploi at Agile Cambridge
Pole emploi at Agile CambridgePole emploi at Agile Cambridge
Pole emploi at Agile Cambridge
 
Making Work Product-Centric: A Journey at Nationwide Insurance | Tasktop Conn...
Making Work Product-Centric: A Journey at Nationwide Insurance | Tasktop Conn...Making Work Product-Centric: A Journey at Nationwide Insurance | Tasktop Conn...
Making Work Product-Centric: A Journey at Nationwide Insurance | Tasktop Conn...
 
Tools and Resources for New Product Development: The Discovery Phase
Tools and Resources for New Product Development: The Discovery PhaseTools and Resources for New Product Development: The Discovery Phase
Tools and Resources for New Product Development: The Discovery Phase
 
Piloting & Scaling Successfully With Microsoft Viva
Piloting & Scaling Successfully With Microsoft VivaPiloting & Scaling Successfully With Microsoft Viva
Piloting & Scaling Successfully With Microsoft Viva
 
The Evolution of the Economist Content Platform (presented by Mark Brincat, C...
The Evolution of the Economist Content Platform (presented by Mark Brincat, C...The Evolution of the Economist Content Platform (presented by Mark Brincat, C...
The Evolution of the Economist Content Platform (presented by Mark Brincat, C...
 
Bringing User-Centered Design Practices into Agile Development Projects
Bringing User-CenteredDesign Practices intoAgile Development ProjectsBringing User-CenteredDesign Practices intoAgile Development Projects
Bringing User-Centered Design Practices into Agile Development Projects
 
Scrum scaling chandan
Scrum scaling chandanScrum scaling chandan
Scrum scaling chandan
 
Scrum scaling
Scrum scalingScrum scaling
Scrum scaling
 

Recently uploaded

High End Girls Call Navi Mumbai 9930245274 Provide Best And Top Girl Service ...
High End Girls Call Navi Mumbai 9930245274 Provide Best And Top Girl Service ...High End Girls Call Navi Mumbai 9930245274 Provide Best And Top Girl Service ...
High End Girls Call Navi Mumbai 9930245274 Provide Best And Top Girl Service ...
sharonblush
 
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in CityIndore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
bookneha89
 
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdfecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
MojtabaMeghdari
 
Girls call Service Indore 000XX00000 Provide Best And Top Girl Service And No...
Girls call Service Indore 000XX00000 Provide Best And Top Girl Service And No...Girls call Service Indore 000XX00000 Provide Best And Top Girl Service And No...
Girls call Service Indore 000XX00000 Provide Best And Top Girl Service And No...
sonalibook860
 
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
MojtabaMeghdari
 
Topup Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
Topup Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...Topup Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
Topup Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
monikaservice00
 
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in CityGirls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
chandadutta02102
 
BBW Girls Call Mumbai 9967584737 Provide Best And Top Girl Service And No1 in...
BBW Girls Call Mumbai 9967584737 Provide Best And Top Girl Service And No1 in...BBW Girls Call Mumbai 9967584737 Provide Best And Top Girl Service And No1 in...
BBW Girls Call Mumbai 9967584737 Provide Best And Top Girl Service And No1 in...
khloe sexy girl
 
AI in Fashion_Dr. Shayestha Fathima.pptx
AI in Fashion_Dr. Shayestha Fathima.pptxAI in Fashion_Dr. Shayestha Fathima.pptx
AI in Fashion_Dr. Shayestha Fathima.pptx
Shayestha Fathima
 
Chinese Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No...
Chinese Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No...Chinese Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No...
Chinese Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No...
monikaservice00
 
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
45unexpected
 
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in CityGirls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
sexytaniya455
 
Vista Blinds Catalogue Brochure by Vista Fashions
Vista Blinds Catalogue Brochure by Vista FashionsVista Blinds Catalogue Brochure by Vista Fashions
Vista Blinds Catalogue Brochure by Vista Fashions
Vista Fashions
 
Neom-The-Futuristic-City-Shaping-Saudi-Arabias-Tomorrow.pdf
Neom-The-Futuristic-City-Shaping-Saudi-Arabias-Tomorrow.pdfNeom-The-Futuristic-City-Shaping-Saudi-Arabias-Tomorrow.pdf
Neom-The-Futuristic-City-Shaping-Saudi-Arabias-Tomorrow.pdf
Mostafa Abd Elrahman
 
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
miss ekta$A17
 
Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
monikaservice00
 
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in CityIndore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
bookneha89
 
Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
kimmi singla$A17
 
High Profile Girls Call Navi Mumbai 🎈🔥9920725232 🔥💋🎈 Provide Best And Top Gir...
High Profile Girls Call Navi Mumbai 🎈🔥9920725232 🔥💋🎈 Provide Best And Top Gir...High Profile Girls Call Navi Mumbai 🎈🔥9920725232 🔥💋🎈 Provide Best And Top Gir...
High Profile Girls Call Navi Mumbai 🎈🔥9920725232 🔥💋🎈 Provide Best And Top Gir...
revolutionary575
 
Temple Architecture in India - 9 major styles · UPSCprep.com.pdf
Temple Architecture in India - 9 major styles · UPSCprep.com.pdfTemple Architecture in India - 9 major styles · UPSCprep.com.pdf
Temple Architecture in India - 9 major styles · UPSCprep.com.pdf
taradcunha
 

Recently uploaded (20)

High End Girls Call Navi Mumbai 9930245274 Provide Best And Top Girl Service ...
High End Girls Call Navi Mumbai 9930245274 Provide Best And Top Girl Service ...High End Girls Call Navi Mumbai 9930245274 Provide Best And Top Girl Service ...
High End Girls Call Navi Mumbai 9930245274 Provide Best And Top Girl Service ...
 
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in CityIndore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
 
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdfecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
 
Girls call Service Indore 000XX00000 Provide Best And Top Girl Service And No...
Girls call Service Indore 000XX00000 Provide Best And Top Girl Service And No...Girls call Service Indore 000XX00000 Provide Best And Top Girl Service And No...
Girls call Service Indore 000XX00000 Provide Best And Top Girl Service And No...
 
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
 
Topup Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
Topup Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...Topup Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
Topup Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
 
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in CityGirls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
 
BBW Girls Call Mumbai 9967584737 Provide Best And Top Girl Service And No1 in...
BBW Girls Call Mumbai 9967584737 Provide Best And Top Girl Service And No1 in...BBW Girls Call Mumbai 9967584737 Provide Best And Top Girl Service And No1 in...
BBW Girls Call Mumbai 9967584737 Provide Best And Top Girl Service And No1 in...
 
AI in Fashion_Dr. Shayestha Fathima.pptx
AI in Fashion_Dr. Shayestha Fathima.pptxAI in Fashion_Dr. Shayestha Fathima.pptx
AI in Fashion_Dr. Shayestha Fathima.pptx
 
Chinese Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No...
Chinese Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No...Chinese Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No...
Chinese Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No...
 
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
 
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in CityGirls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
 
Vista Blinds Catalogue Brochure by Vista Fashions
Vista Blinds Catalogue Brochure by Vista FashionsVista Blinds Catalogue Brochure by Vista Fashions
Vista Blinds Catalogue Brochure by Vista Fashions
 
Neom-The-Futuristic-City-Shaping-Saudi-Arabias-Tomorrow.pdf
Neom-The-Futuristic-City-Shaping-Saudi-Arabias-Tomorrow.pdfNeom-The-Futuristic-City-Shaping-Saudi-Arabias-Tomorrow.pdf
Neom-The-Futuristic-City-Shaping-Saudi-Arabias-Tomorrow.pdf
 
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
 
Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
 
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in CityIndore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
 
Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
 
High Profile Girls Call Navi Mumbai 🎈🔥9920725232 🔥💋🎈 Provide Best And Top Gir...
High Profile Girls Call Navi Mumbai 🎈🔥9920725232 🔥💋🎈 Provide Best And Top Gir...High Profile Girls Call Navi Mumbai 🎈🔥9920725232 🔥💋🎈 Provide Best And Top Gir...
High Profile Girls Call Navi Mumbai 🎈🔥9920725232 🔥💋🎈 Provide Best And Top Gir...
 
Temple Architecture in India - 9 major styles · UPSCprep.com.pdf
Temple Architecture in India - 9 major styles · UPSCprep.com.pdfTemple Architecture in India - 9 major styles · UPSCprep.com.pdf
Temple Architecture in India - 9 major styles · UPSCprep.com.pdf
 

From Sticker Sheet to Mature Design System: Improving User Experiences while Scaling an Org

  • 1. From Sticker Sheet to Mature Design System: Improving User Experiences while Scaling an Org
  • 2. Agenda 1. Introduction 2. Timeline to Maturity 3. Summary & Key Takeaways 4. Q&A
  • 3. Introduction Who we are, what we do, and why we do it.
  • 4. Who We Are Jessie Rogers Senior Content Strategy Manager Karissa Woodward-Hobson Senior Product Design Manager Neva Corbo-Hudak Product Design Lead Stephanie Cenatiempo Senior Product Design Lead
  • 5. Who Our Team Is Our design system team is internally known as Homebase, which is also the name of the design system itself! We are a healthy mix of product designers, content strategists, engineers, and product managers. We’ve found that it’s important to build a team with a broad mix of skills and strengths: ● Leadership ● Visual Design ● UX, System Architecture, and Tooling ● IA ● UX Writing ● User Research
  • 6. What Our Team & System Does Our team manages the design system on behalf of the greater org. We do this by providing foundational guidelines and reusable components, styles, and patterns that can be assembled to build any number of experiences and applications across the Wayfair universe! In short, Homebase enables teams to ship better products faster.
  • 7. Who Our Team & System Supports The Homebase Design System is used by the Storefront org, which is made of of several teams (called pods) that focus on a specific site pages and experiences.
  • 8. Timeline to Maturity And how we actually did the darned thing.
  • 9. Assess & Take Stock Pre 2019 2019, Q1 2020, Q1 2019, Q2 2019, Q3 2019, Q4 Establish a Strong POV Communicate & Educate Pursue Partnerships Make it Meaningful Spread Your Wings & Fly
  • 10. Pre 2019 2019, Q1 2020, Q1 2019, Q2 2019, Q3 2019, Q4 ● Code and design assets were maintained separately and often did not match. ● UI was outdated and lacking a clear, consistent vision. ● Design assets were formatted as a sticker sheet with high maintenance and poor versioning control. ● Lack of dedicated resources and true ownership meant loose governance. Assess & Take Stock
  • 11. Pre 2019 2019, Q1 2020, Q1 2019, Q2 2019, Q3 2019, Q4 ● Homebase team was formally established as part of the Wayfair Storefront org. ● Designers and engineers united to establish Homebase as the single source of truth. ● We paused new feature work to build a strong foundations ● We hit the campaign trail to get high-level buy-in and support. Establish a Strong POV
  • 12. Establish a Strong POV: How’d We Actually Do It!? Set a Foundation Define and publish design principles and governance process Establish version control, distribution, and transparency Update design assets to reflect code assets and establish a shared taxonomy and naming Create usage guidelines for all existing components Make accessibility a priority
  • 13. Establish a Strong POV: How’d We Actually Do It!? Set a Foundation Define and publish design principles and governance process Establish version control, distribution, and transparency Update design assets to reflect code assets and establish a shared taxonomy and naming Create usage guidelines for all existing components Make accessibility a priority
  • 14. Establish a Strong POV: How’d We Actually Do It!? Set a Foundation Define and publish design principles and governance process Establish version control, distribution, and transparency Update design assets to reflect code assets and establish a shared taxonomy and naming Create usage guidelines for all existing components Make accessibility a priority
  • 15. Establish a Strong POV: How’d We Actually Do It!? Set a Foundation Define and publish design principles and governance process Establish version control, distribution, and transparency Update design assets to reflect code assets and establish a shared taxonomy and naming Create usage guidelines for all existing components Make accessibility a priority
  • 16. Establish a Strong POV: How’d We Actually Do It!? Set a Foundation Define and publish design principles and governance process Establish version control, distribution, and transparency Update design assets to reflect code assets and establish a shared taxonomy and naming Create usage guidelines for all existing components Make accessibility a priority
  • 17. Identify key stakeholders – C-suite, VPs, PMs Make clear requests – Provide specific results Have an incentive! – Build excitement toward a shared goal Establish a Strong POV: How’d We Actually Do It!? Make a Case for Leadership Buy-In
  • 18. Cultural change is really, really hard Expect a lot of ups and downs It’s challenging because it’s important Establish a Strong POV: How’d We Actually Do It!? Don’t Give Up!!!
  • 19. ● Created a multi-channel communication plan. ● Piloted a three-part onboarding program. ● Kicked off a series of workshops and briefings to educate the broader org on the foundations of our system. ● Created a measurement framework and rolled it out across the org. Communicate & Educate Pre 2019 2019, Q1 2020, Q1 2019, Q2 2019, Q3 2019, Q4
  • 20. Newsletter – A monthly email outlining everything done the previous month and our plans for the next. Release notes – Biweekly notices about system upgrades, additions, and bug fixes. Slack – A space for real-time updates. Show & tell – Biweekly presentations to the broader Experience Design team. Communicate & Educate: How’d We Actually Do It!? Create a Comms Plan
  • 21. Communicate & Educate: How’d We Actually Do It!? Create a Comms Plan Newsletter – A monthly email outlining everything done the previous month and our plans for the next. Release notes – Biweekly notices about system upgrades, additions, and bug fixes. Slack – A space for real-time updates. Show & tell – Biweekly presentations to the broader Experience Design team.
  • 22. Communicate & Educate: How’d We Actually Do It!? Create a Comms Plan Newsletter – A monthly email outlining everything done the previous month and our plans for the next. Release notes – Biweekly notices about system upgrades, additions, and bug fixes. Slack – A space for real-time updates. Show & tell – Biweekly presentations to the broader Experience Design team.
  • 23. Communicate & Educate: How’d We Actually Do It!? Create a Comms Plan Newsletter – A monthly email outlining everything done the previous month and our plans for the next. Release notes – Biweekly notices about system upgrades, additions, and bug fixes. Slack – A space for real-time updates. Show & tell – Biweekly presentations to broader Experience Design team.
  • 24. Communicate & Educate: How’d We Actually Do It!? Outreach Onboarding – A presentation series that explains the what and how of Homebase to new employees. Briefings – Educational talks aimed at specific partners to raise awareness of principles or updates to the design system. Workshops – Hands-on programming to teach systems principles or to quickly gather insights and feedback.
  • 25. Onboarding – A presentation series that explains the what and how of Homebase to new employees Briefings – Educational talks aimed at specific partners to raise awareness of principles or updates to the design system. Workshops – Hands-on programming to teach systems principles or to quickly gather insights and feedback. Communicate & Educate: How’d We Actually Do It!? Outreach
  • 26. Communicate & Educate: How’d We Actually Do It!? Outreach Onboarding – A presentation series that explains the what and how of Homebase to new employees Briefings – Educational talks aimed at specific partners to raise awareness of principles or updates to the design system. Workshops – Hands-on programming to teach systems principles or to quickly gather insights and feedback
  • 27. Measuring adoption – Design system adoption metrics were shared to the entire Storefront organization. Celebrate your successes! – The short-term benefit of design system adoption enabled Wayfair to roll out a massive redesign to all of the sites that we support. Long-term impact of adoption – Adoption of the design system resulted in less CSS commits over time and reduced the effort required to build an MVP. Communicate & Educate: How’d We Actually Do It!? Measurement Framework
  • 28. Measuring adoption – Design system adoption metrics were shared to the entire Storefront organization. Celebrate your successes! – The short-term benefit of design system adoption enabled Wayfair to roll out a massive redesign to all of the sites that we support. Long-term impact of adoption – Adoption of the design system resulted in less CSS commits over time and reduced the effort required to build an MVP. Communicate & Educate: How’d We Actually Do It!? Measurement Framework
  • 29. Measuring adoption – Design system adoption metrics were shared to the entire Storefront organization Celebrate your successes! – The short term benefit of design system adoption enabled Wayfair to roll out a massive redesign to all of the sites that we support Long-term impact of adoption – Adoption of the design system resulted in less CSS commits over time and reduced the effort required to build an MVP. Communicate & Educate: How’d We Actually Do It!? Measurement Framework GitHub CSS commits over time as the adoption rate of the Homebase design system increased.
  • 30. ● Embraced early adopters and power users. ● Held layout assessments, parity measurements, and co-creation sessions. ● Scheduled weekly office hours. ● Created Ambassadors programs for both design and engineering. ● Introduced Study Abroad program. Pursue Partnerships Pre 2019 2019, Q1 2020, Q1 2019, Q2 2019, Q3 2019, Q4
  • 31. Find partners to use and evangelize the system. Focus on successes. Share and celebrate wins! Pursue Partnerships: How’d We Actually Do It!? Embrace Early Adopters & Power Users
  • 32. Layout/parity assessments – Opt-in layout assessments with pods to measure design system adoption. Co-creation sessions – Hands-on workshops to create a single, consistent user experience. Pursue Partnerships: How’d We Actually Do It!? Collaboration Sessions
  • 33. Layout/parity assessments – Opt-in layout assessments with pods to measure design system adoption. Co-creation sessions – Hands-on workshops to create a single, consistent user experience. Pursue Partnerships: How’d We Actually Do It!? Collaboration Sessions
  • 34. Slack help channel – for quick questions. Office hours – Brief conversations about system contributions or usage. Study abroad – Join Homebase for 1–4 weeks to contribute to the backlog or work on a proposal. Visual Ambassadors – A cross-functional group celebrating and supporting great design. Engineering Ambassadors – Engineering partners who provide feedback, contribute, and advocate for Homebase. Pursue Partnerships: How’d We Actually Do It!? Create a Continuous Feedback Cycle
  • 35. Slack help channel – for quick questions. Office hours – Brief conversations about system contributions or usage. Study abroad – Join Homebase for 1–4 weeks to contribute to the backlog or work on a proposal. Visual Ambassadors – A cross-functional group celebrating and supporting great design. Engineering Ambassadors – Engineering partners who provide feedback, contribute, and advocate for Homebase. Pursue Partnerships: How’d We Actually Do It!? Create a Continuous Feedback Cycle
  • 36. Slack help channel – for quick questions. Office hours – Brief conversations about system contributions or usage. Study abroad – Join Homebase for 1–4 weeks to contribute to the backlog or work on a proposal. Visual Ambassadors – A cross-functional group celebrating and supporting great design. Engineering Ambassadors – Engineering partners who provide feedback, contribute, and advocate for Homebase. Pursue Partnerships: How’d We Actually Do It!? Create a Continuous Feedback Cycle
  • 37. Slack help channel – for quick questions. Office hours – Brief conversations about system contributions or usage. Study abroad – Join Homebase for 1–4 weeks to contribute to the backlog or work on a proposal. Visual Ambassadors – A cross-functional group celebrating and supporting great design. Engineering Ambassadors – Engineering partners who provide feedback, contribute, and advocate for Homebase. Pursue Partnerships: How’d We Actually Do It!? Create a Continuous Feedback Cycle
  • 38. Slack help channel – for quick questions. Office hours – Brief conversations about system contributions or usage. Study abroad – Join Homebase for 1–4 weeks to contribute to the backlog or work on a proposal. Visual Ambassadors – A cross-functional group celebrating and supporting great design. Engineering Ambassadors – Engineering partners who provide feedback, contribute, and advocate for Homebase. Pursue Partnerships: How’d We Actually Do It!? Create a Continuous Feedback Cycle
  • 39. Pre 2019 2019, Q1 2020, Q1 2019, Q2 2019, Q3 2019, Q4 ● Defined our Visual Language to add meaning and intent to our UI. ● Created scalable systems for UI elements with multi-brand/geo considerations. ● Optimized UI to support accessibility at the component and system level. Make It Meaningful
  • 40. Introduced the Feng Shui Philosophy with an emphasis on making meaningful design decisions. Developed guiding principles to support our new philosophy. Published Visual Language guidelines for each design element to clearly document the reasoning and intent behind our decisions. Make It Meaningful: How’d We Actually Do It!? Defined Our Visual Language
  • 41. Introduced the Feng Shui Philosophy with an emphasis on making meaningful design decisions. Developed guiding principles to support our new philosophy. Published Visual Language guidelines for each design element to clearly document the reasoning and intent behind our decisions. Make It Meaningful: How’d We Actually Do It!? Defined Our Visual Language Clutter-Free Approachable Scalable Memorable
  • 42. Introduced the Feng Shui Philosophy with an emphasis on making meaningful design decisions. Developed guiding principles to support our new philosophy. Published Visual Language guidelines for each design element to clearly document the reasoning and intent behind our decisions. Make It Meaningful: How’d We Actually Do It!? Defined Our Visual Language Before After
  • 43. Introduced the Feng Shui Philosophy with an emphasis on making meaningful design decisions. Developed guiding principles to support our new philosophy. Published Visual Language guidelines for each design element to clearly document the reasoning and intent behind our decisions. Make It Meaningful: How’d We Actually Do It!? Defined Our Visual Language Before After
  • 44. Introduced the Feng Shui Philosophy with an emphasis on making meaningful design decisions. Developed guiding principles to support our new philosophy. Published Visual Language guidelines for each design element to clearly document the reasoning and intent behind our decisions. Make It Meaningful: How’d We Actually Do It!? Defined Our Visual Language
  • 45. Instituted universal naming and sizing for UI elements across brands for easier code maintenance. Enabled automation via a modular type scale. Allowed for better regulation of color usage with a new color scale. Make It Meaningful: How’d We Actually Do It!? Created Systems for Scalability
  • 46. Make It Meaningful: How’d We Actually Do It!? Created Systems for Scalability Instituted universal naming and sizing for UI elements across brands for easier code maintenance. Enabled automation via a modular type scale. Allowed for better regulation of color usage with a new color scale.
  • 47. Make It Meaningful: How’d We Actually Do It!? Created Systems for Scalability Instituted universal naming and sizing for UI elements across brands for easier code maintenance. Enabled automation via a modular type scale. Allowed for better regulation of color usage with a new color scale.
  • 48. Make It Meaningful: How’d We Actually Do It!? Created Systems for Scalability Instituted universal naming and sizing for UI elements across brands for easier code maintenance. Enabled automation via a modular type scale. Allowed for better regulation of color usage with a new color scale.
  • 49. Make It Meaningful: How’d We Actually Do It!? Created Systems for Scalability Instituted universal naming and sizing for UI elements across brands for easier code maintenance. Enabled automation via a modular type scale. Allowed for better regulation of color usage with a new color scale.
  • 50. Make It Meaningful: How’d We Actually Do It!? Pre 2019 Created Systems for Scalability Instituted universal naming and sizing for UI elements across brands for easier code maintenance. Enabled automation via a modular type scale. Allowed for better regulation of color usage with a new color scale.
  • 51. Make It Meaningful: How’d We Actually Do It!? Created Systems for Scalability Instituted universal naming and sizing for UI elements across brands for easier code maintenance. Enabled automation via a modular type scale. Allowed for better regulation of color usage with a new color scale.
  • 52. Pursued high accessibility standard for component states. Published accessibility guidelines at system and component level. Supported accessibility measurement efforts and created channels for feedback. Make It Meaningful: How’d We Actually Do It!? Supported Accessibility
  • 53. Pursued high accessibility standard for component states. Published accessibility guidelines at system and component level. Supported accessibility measurement efforts and created channels for feedback. Make It Meaningful: How’d We Actually Do It!? Supported Accessibility
  • 54. Pursued high accessibility standard for component states. Published accessibility guidelines at system and component level. Supported accessibility measurement efforts and created channels for feedback. Make It Meaningful: How’d We Actually Do It!? Supported Accessibility
  • 55. Pre 2019 2019, Q1 2020, Q1 2019, Q2 2019, Q3 2019, Q4 ● Rolled out and celebrated the site redesign ● Upgraded the Homebase experience. ● Had a moment for reflection. ● ...What are we going to do next!? Spread Your Wings & Fly
  • 56. Strong communication and collaboration allowed us to roll out the redesign with full support and no surprises. High parity allowed us to make large, sweeping changes site wide, across 5 brands and 4 geos, solely through updates to the system. With a “no harm” approach, we rolled out with neutral to positive impact on site metrics. Celebrated with sticker swag and custom cupcakes! Spread Your Wings & Fly: How’d We Actually Do It!? Rolled Out Site Redesign
  • 57. Spread Your Wings & Fly: How’d We Actually Do It!?
  • 58. Spread Your Wings & Fly: How’d We Actually Do It!?
  • 59. Released a new version that represented true collaboration between design & engineering, with an advanced IA. Now host code assets, documentation, and guidelines for ~80 components. Published a robust set of guidelines for accessibility, content writing, and our visual language. Supporting tooling experiences. Spread Your Wings & Fly: How’d We Actually Do It!? Upgraded the Homebase Experience ~ 2017
  • 60. Released a new version that represented true collaboration between design & engineering, with an advanced IA. Now host code assets, documentation, and guidelines for ~80 components. Published a robust set of guidelines for accessibility, content writing, and our visual language. Supporting tooling experiences. Spread Your Wings & Fly: How’d We Actually Do It!? Upgraded the Homebase Experience
  • 61. Released a new version that represented true collaboration between design & engineering, with an advanced IA. Now host code assets, documentation, and guidelines for ~80 components. Published a robust set of guidelines for accessibility, content writing, and our visual language. Supporting tooling experiences. Spread Your Wings & Fly: How’d We Actually Do It!? Upgraded the Homebase Experience
  • 62. Released a new version that represented true collaboration between design & engineering, with an advanced IA. Now host code assets, documentation, and guidelines for ~80 components. Published a robust set of guidelines for accessibility, content writing, and our visual language. Supporting tooling experiences. Spread Your Wings & Fly: How’d We Actually Do It!? Upgraded the Homebase Experience
  • 63. Released a new version that represented true collaboration between design & engineering, with an advanced IA. Now host code assets, documentation, and guidelines for ~80 components. Published a robust set of guidelines for accessibility, content writing, and our visual language. Supporting tooling experiences. Spread Your Wings & Fly: How’d We Actually Do It!? Upgraded the Homebase Experience
  • 64. And the cycle begins anew... Tracked maturity through an annual Homebase Survey. Took stock of what went well and areas of opportunity. Spread Your Wings & Fly: How’d We Actually Do It!? Have a Moment to Reflect
  • 65. We’re joining forces with our Enterprise partners and evolving our system even more! Can we build a single system that’s smart enough to support all of our experiences? We’ll let you know at next year’s UXPA 😉 Spread Your Wings & Fly: How’d We Actually Do It!? What’s Next?!
  • 66. Summary & Key Takeaways Incase we lost you at some point or you just weren’t paying attention until now...
  • 67. Assess & Take Stock ● How are your teams currently working? ● Do you have a single source of truth? ● Do you have the dedicated resources needed to efficiently maintain and grow a system?
  • 68. Establish a Strong POV ● Set a strong foundation ● Get that top-down support ● Mentally prepare for the ups and downs
  • 69. Communicate & Educate ● Create a solid comms plan ● Educate the broader org through outreach programs ● Create a measurement framework
  • 70. Pursue Partnerships ● Embrace and celebrate early adopters and power users ● Collaborate with the broader org – systems belong to everyone! ● Create channels for continuous feedback
  • 71. Make It Meaningful ● Define a clear direction for your Visual Language and UI ● Build a smart, scalable system that’s easy to maintain ● Design inclusively and build your system to support accessibility
  • 72. Spread Your Wings & Fly ● Celebrate your accomplishments! ● Reflect on your journey. What went well? What could have gone better? ● The work is never done! Time to plan for what’s next
  • 73. Assess & Take Stock Pre 2019 2019, Q1 2020, Q1 2019, Q2 2019, Q3 2019, Q4 Establish a Strong POV Communicate & Educate Pursue Partnerships Make it Meaningful Spread Your Wings & Fly
  • 74. The Remote Design Sprint Toolkit UXPA Boston 2020 Norman Wozniak Lauren Lamperski Emily Thompson
  • 75. Q&A Thanks for sticking with us on a Friday afternoon!