Kaiser Permanente: Design system & digital transformation on health services
Project Description
As a Consultant for Accenture Digital, we teamed up with Kaiser Permanente a Health Service Provider group to introduce a new design system. As the group prepared for a digital transformation and future growth, they needed a solid design foundation and a shared way of working to create better customer experiences more efficiently.
Provide designers and developers with the tools and documentation required to do their jobs efficiently and consistently.
Become a bridge between business requirements and design patterns for the current digital product.
Ensure consistency across the current experiences.
Agile Methodology, Design Strategy, Project management, Ideation and Prioritization, System Mapping, User Flows, Style Guides, Atomic Design
Design System, Hi-Fidelity Wireframes.
Context
Kaiser Permanente is one of the nation’s largest non-profit health plans based in Oakland California, United States. They have two organizations the nonprofit Kaiser Foundation Health Plan and Hospitals, and the Permanente Medical Groups. Kaiser Permanente has 7 main Business units, In each unit, a Design Center is assigned to build and maintain all the digital products. All design centers use a common Design System with a similar design process and some practices.
The old way
PATTERNS
They had an organized set of related, reusable components, with some examples, design guidelines, and use cases we need to standardize in all elements
COMPONENTS
some of the components dont follow standards and they were hard to reuse, this lead to a higher time to build in the design process.
TYPOGRAPHY
Even when the client had a well-established rules, the components won’t follow these set of rules, causing a difference in the styles of the components
PAGE TYPES & LAYOUTS
The site was a mixture of old and new design rules, the design guidelines were clear it was a matter of socializing these rules.
Project Goals
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac suscipit risus. Curabitur egestas consequat urna a vulputate.
Provide designers and developers with the tools and documentation required to do their jobs efficiently and consistently.
Become a bridge between business requirements and design patterns for the current digital product.
Ensure consistency across the current experiences.
Generate a clear set of rules and standards that will allow the teams to design, realize and develop a product.
The Design System needs to be an enabler to integrate different needs, user, and business requirements.
Be a facilitator of a common language through patterns and components across different needs that require it in an organized way.
Conducting a Visual Audit
It was a tedious process involving spreadsheets and caffeine, but the hard work pays off.
The team created an inventory of the bits and pieces that make the main screens of the interface.
• Lay the groundwork to create a systematic, atomic, style guide-driven design.
• Leverage to establish a cohesive design system.
• Promote consistency.
• Ensures all interface components are accounted for.
Standardizing Documentation
Documentation plays a critical role, in having a single source of truth for the Designers, Developers, and stakeholders to visualize what everyone can build.
By documenting the Design System, the team was able to:
Collaborate with ease, Transform the way your team shares guidelines and best practices. Work together to iterate on content and gather feedback as you go.
Share internally, Build a community around your design system to share our best practices, reduce the learning curve for new designers in the organization, and standardized workflow across all Design Centers.
Organize the Design Environment and Workflow so that it saves time and increases the quality
Team Workflow Definition
We are defining the technical aspect of implementing and maintaining assets.
Agile Approach
Design System is not a project but a new workflow. It changes and evolves. the main benefit of implementing an agile approach was not to make everything from scratch but to systemize and interconnect elements and have an efficient future-proof process.
Team Roles & Responsabilities
A team of experts; each a master of his craft is required to achieve an impressive UX design. After an analysis of how the company worked, we define roles & responsibilities.
Design Lead
Setting clear direction
To ensure that the Off-shore Design team is delivering value.
Understand the customer, but also have a
vision for the value the KP Off-shore design team delivers to the customer.
Balances the needs of KP stakeholders.
Effectively ensure that the team is
delivering value.
Prioritize the work.
Technical Lead
Holding it all together
Gluing everything together and ensuring
that KP MTY design team is being done
well.
Work as a bridge that ensures value is
clearly being described and direction set
as well as providing that work is happening
and that blockers are being removed.
Effectively inspect and adapt what is
important and facilitate that the right people
see’s what is going on.
Design Team
Creating experience
Empowering KP with work to do what’s
needed to solve their problems and help
them to deliver outstanding solutions.
Develop and deliver the work on time and
form.
Deliver the fix/value for the different projects (solutions) KP requires.
Help and talk about success and highlight
issues and blockers.
As designers, we have more tools available than ever before to help us design beautiful software and rich interactions.
Tools
The Result
The result is an open, living design system.
Our pilot brought design time down by close to 50%. No longer working in isolation, teams now spend less time duplicating work and more time building great customer experiences.
The new design System not only collects all components, guidelines, and processes across all of the group’s teams but facilitates feedback and discussion between them.
To maintain and grow the system in the future, we helped establish a governance process and a new internal Design Standards team, with defined roles and responsibilities. By giving their teams ownership, and providing data to prove the value of a design system internally, we secured internal buy-in and successful adoption.
1200+
Countup feature 1
200+
Countup feature 2
3500+
Countup feature 3
Project Galery
Some Images of the project
Kaiser Permanente
Design System confluence page
Kaiser Permanente
Design Guidelines page
Kaiser Permanente
Development Specs
Kaiser Permanente
Interaction Guidelines
Kaiser Permanente
Page Specs
