You'll learn:
- How to create a consistent design language across product lines
- When and where to allow for exceptions to the design language
- How to create the infrastructure to support coherent design
3. Intuit Confidential and Proprietary 3
Deliver beautifully seamed ecosystem
experiences across all Intuit products...
So that, together, we can simplify the ‘business’ of life.
The Vision
8. Intuit Confidential and Proprietary 8
the Intuit Design System has Five Tracks
STRUCTURAL
ELEMENTS
COMMON
BRAND
ELEMENTS
ALIGNED
ECOSYSTEM
FLOWS
UI
COMPONENTS WIDGETS
Logos, Typeface, Color Palette …
Mint to Tax,
QuickBooks
Self-Employed
to Tax …
Intuit Identity, Bank
Connect, Bill Pay …
Checkboxes,
Buttons, Tables,
Loading graphics …
Atomic &
Responsive Grids,
Typescale …
9. Intuit Confidential and Proprietary 9
FROM TO
Many product design systems across Intuit,
with unintentional differences
A unified system across Intuit, with intentional
and meaningful differences made explicit
Duplication of design & engineering effort Unified design and engineering efforts
across the ecosystem, with design patterns
built in code that integrates with all our
products
Awkward transitions between products Beautiful seams
Out of date design documentation Design always up to date in production code
A suite of products unrecognizable as all being
from Intuit
A suite of products that feel like a family, with
each member having its own personality, and
all are recognizable as coming from Intuit
Intuit Wins with IDS
21. Intuit Confidential and Proprietary 21
Usage Guidelines
For use when QuickBooks Self-
Employed is mentioned in headline or
body copy
For use when QuickBooks Self-Employed
is not mentioned, or unable to be
included, in headline or body copy
For use in product and when promoting the
combined offerings of both TurboTax and
QuickBooks
26. Intuit Confidential and Proprietary 26
Mission-Based Teams:
• Common assets are designed and built by a mission-based cross-functional
crew composed of Business Unit & Functional Group team members
Benefits:
• Tight coupling between production and consumption
• BU ownership and buy-in, more flexible contribution
Goal: Reuse, Cohesion, Productivity
Mission based staffing model
27. Intuit Confidential and Proprietary 27
Operating Rhythm
IDS Sponsors
meeting
Monthly
Working Team
Interactions
Daily through
Slack channel
IDS Core Team
meeting
Twice a week
IDS Design
review
Bi-weekly
28. Intuit Confidential and Proprietary 28
Tayloe Stansbury, CTO
Sponsors
James Helms Mike Tschudy
Business Unit leads (IDS)
Kurt Walecki,
Driver
X-Team
DRIVER
Eric Knudtsen,
Prototyper
Lisa Towell, PMO
Michelle SarkoHugh Macdonald Joe Preston
Dawn Ressel,
Designer
Business Unit leads (App Fabric)
Elangovan
Shanmugam
Brian LewisJay Yu Anshu Verma Ray Chan
Approvers
Kurt Walecki, VP Design
TurboTax
Lucas Watson, CMO
Leslie Witt, VP Design
QuickBooks
App Fabric Stewards
Nedda Cox Steve Lin
This is a sample INTRODUCTION using the 1-Column layout.
Placeholder text boxes that appear as part of the selected layout have predefined fonts, sizes and colors. To change the appearance of any line of text, on the Home tab, in the Paragraph group, click Increase Indent or Decrease Indent. The selected text will reformat to the predefined size according to its indent level.
Note: Any changes to the color, size, spacing or font in the placeholder text box will break its connection to the Master style. It will no longer automatically conform when switching between layouts or when imported into another presentation.
This is a sample INTRODUCTION using the 1-Column layout.
Placeholder text boxes that appear as part of the selected layout have predefined fonts, sizes and colors. To change the appearance of any line of text, on the Home tab, in the Paragraph group, click Increase Indent or Decrease Indent. The selected text will reformat to the predefined size according to its indent level.
Note: Any changes to the color, size, spacing or font in the placeholder text box will break its connection to the Master style. It will no longer automatically conform when switching between layouts or when imported into another presentation.
This is a sample INTRODUCTION using the 1-Column layout.
Placeholder text boxes that appear as part of the selected layout have predefined fonts, sizes and colors. To change the appearance of any line of text, on the Home tab, in the Paragraph group, click Increase Indent or Decrease Indent. The selected text will reformat to the predefined size according to its indent level.
Note: Any changes to the color, size, spacing or font in the placeholder text box will break its connection to the Master style. It will no longer automatically conform when switching between layouts or when imported into another presentation.
This is a sample INTRODUCTION using the 1-Column layout.
Placeholder text boxes that appear as part of the selected layout have predefined fonts, sizes and colors. To change the appearance of any line of text, on the Home tab, in the Paragraph group, click Increase Indent or Decrease Indent. The selected text will reformat to the predefined size according to its indent level.
Note: Any changes to the color, size, spacing or font in the placeholder text box will break its connection to the Master style. It will no longer automatically conform when switching between layouts or when imported into another presentation.
This is a sample INTRODUCTION using the 1-Column layout.
Placeholder text boxes that appear as part of the selected layout have predefined fonts, sizes and colors. To change the appearance of any line of text, on the Home tab, in the Paragraph group, click Increase Indent or Decrease Indent. The selected text will reformat to the predefined size according to its indent level.
Note: Any changes to the color, size, spacing or font in the placeholder text box will break its connection to the Master style. It will no longer automatically conform when switching between layouts or when imported into another presentation.
This is a sample INTRODUCTION using the 1-Column layout.
Placeholder text boxes that appear as part of the selected layout have predefined fonts, sizes and colors. To change the appearance of any line of text, on the Home tab, in the Paragraph group, click Increase Indent or Decrease Indent. The selected text will reformat to the predefined size according to its indent level.
Note: Any changes to the color, size, spacing or font in the placeholder text box will break its connection to the Master style. It will no longer automatically conform when switching between layouts or when imported into another presentation.
XD
Joe PThis is a sample INTRODUCTION using the 1-Column layout.
Placeholder text boxes that appear as part of the selected layout have predefined fonts, sizes and colors. To change the appearance of any line of text, on the Home tab, in the Paragraph group, click Increase Indent or Decrease Indent. The selected text will reformat to the predefined size according to its indent level.
Note: Any changes to the color, size, spacing or font in the placeholder text box will break its connection to the Master style. It will no longer automatically conform when switching between layouts or when imported into another presentation.