Create a single set of guidelines to define and align the experience of guided onboarding tours across all IBM product services and digital channels.
IBM Global Guided Tours
Our focus was on making the pattern feel like a ‘layer on top’ to communicate to the user “this is what you can do with our products” rather than “this is what our product can do”. This focus and the above constraint led to an innovation within our design system through color and language.
Client
IBM
Year
2020
Role
Visual Design Lead, UX Design
Deliverables
Patterns, Components, Scenarios, Sketch Kit, Guidance & Assets, Transition Plan, Office Hours, QA and Support, Playbacks
Team
Scott Robinson, Design Manager
Diana Sanborn, Visual Design
Cynthia Hong, UX
Noah Kupritz, UX
Maranda Bodas, Content
Troy Bjerke, Team Lead
Tour examples across various IBM Products
Primary Buttons
Tertiary Buttons
Close Button
Menu player
Pop-ups
Congratulations modal
Welcome modal
Welcome tour
Welcome tour
UI tour
Menu player in context
Internal Asset Library