Visual Refresh
How might we visually demonstrate what our unified product looks like?
Situation
The product was a combination of multiple products, which even though followed the same design system, was filled with different component implementations and patterns used. A very important upcoming demo for an important conference presented an opportunity to show what our product could be as a unified experience, which included opportunities to improve our visual UI.
Tasks
Team Decision-Making
Organize and facilitate conversations to guide the team towards making decisions using design thinking
Review Designs
Review designs and provide feedback to designer
Stakeholder Management
Communicate current and next steps and decisions to stakeholders. Keep multi-timezone-team in the loop
Process
01.
Understand current issues from usability research.
02.
Align team on goals, design heuristics and brand values to focus on.
03.
Diverge on design explorations by multiple designers and converge on a few directions.
04.
Test with users and review with team.
05.
Finalize style sheet and apply to demo designs.
Results
-
Received leadership approval to implement the design changes to the CSS of the whole product, which was implemented less than 2 months later.
-
This was a stepping stone on starting to adjust structure and layout of components and pages for unification of the product.
-
Brought the team of designers together to collaborate on one effort.
-
Improved the flexibility of how designers could use our design system.
-
Improved accessibility of our product by increasing color contrast and text.
