EverlyWell Design System
Creating a rebranded design system to the growing product platforms
Design System \\\\ Circa 2020
ROLE
Lead UX/UI Designer
Team
PJ Tanzillo, VP of Product Natalya Miranda, Design ManagerAmy Chang, Product Designer3 DLS Developers
About Everlywell
old Branding
Results
labs
New Branding
store
Needs
The team wanted to make sure everything looked the same on all platforms. They also made sure that the system could grow as the team gets bigger and adds new products. They need some rules about how to use the system and how things should look. They already have some basic designs and branding.
Consistency
Each platform has a different stage of branding, but it is now necessary to create a cohesive brand and experience across all platforms.
Scaling
As the team grows, it is important to set up a base system that can be easily adopted and expanded as new products are developed.
Documentation
We have created initial UI patterns and branding, but we now need governance over their usage and design principles.
File Structure to optimize file memory
Working Files
Prototypes
Templates
Documentation
UI Patterns
Platform Elements
Graphics
Foundation
Our Figma Design Library is closely integrated with the EverlyWell Design Language System (DLS), which houses all the coded components used by developers. We worked closely with the DLS team to ensure that we were always in sync with updates.
Make it easier for our designers and developers to do their best work.
next project
Work
About
Contact
EverlyWell Design System
Creating a rebranded design system to the growing product platforms
Design System \\\\ Circa 2020
ROLE
Lead UX/UI Designer
Team
PJ Tanzillo, VP of Product Natalya Miranda, Design ManagerAmy Chang, Product Designer3 DLS Developers
About Everlywell
🤠
Based in Austin, TX, as seen on Shark Tank.
🏁
Started in 2015, with its popular Food Sensitivity Test.
👩🏻⚕️
In 2021, the company acquired 3 health companies and is now part of the Everly Health group.
💉
The company offers over 30+ different at-home sample collection lab tests.
Problem
EverlyWell's platform design faced issues with inconsistent headers, and internal tools and consumer-facing sites were built in silos, leading to a need for a redesign. These problems suggest a lack of a cohesive design system that could be used across the organization.
old Branding
Results
labs
New Branding
store
Needs
The team wanted to make sure everything looked the same on all platforms. They also made sure that the system could grow as the team gets bigger and adds new products. They need some rules about how to use the system and how things should look. They already have some basic designs and branding.
Consistency
Each platform has a different stage of branding, but it is now necessary to create a cohesive brand and experience across all platforms.
Scaling
As the team grows, it is important to set up a base system that can be easily adopted and expanded as new products are developed.
Documentation
We have created initial UI patterns and branding, but we now need governance over their usage and design principles.
File Structure to optimize file memory
Working Files
Prototypes
Templates
Documentation
UI Patterns
Platform Elements
Graphics
Foundation
Our Figma Design Library is closely integrated with the EverlyWell Design Language System (DLS), which houses all the coded components used by developers. We worked closely with the DLS team to ensure that we were always in sync with updates.
Make it easier for our designers and developers to do their best work.
next project
Work
About
Contact
EverlyWell Design System
Creating a rebranded design system to the growing product platforms
Design System \\\\ Circa 2020
ROLE
Lead UX/UI Designer
Team
PJ Tanzillo, VP of Product Natalya Miranda, Design ManagerAmy Chang, Product Designer3 DLS Developers
About Everlywell
Problem
EverlyWell's platform design faced issues with inconsistent headers, and internal tools and consumer-facing sites were built in silos, leading to a need for a redesign. These problems suggest a lack of a cohesive design system that could be used across the organization.
old Branding
Results
labs
New Branding
store
Needs
The team wanted to make sure everything looked the same on all platforms. They also made sure that the system could grow as the team gets bigger and adds new products. They need some rules about how to use the system and how things should look. They already have some basic designs and branding.
Consistency
Each platform has a different stage of branding, but it is now necessary to create a cohesive brand and experience across all platforms.
Scaling
As the team grows, it is important to set up a base system that can be easily adopted and expanded as new products are developed.
Documentation
We have created initial UI patterns and branding, but we now need governance over their usage and design principles.
File Structure to optimize file memory
Working Files
Prototypes
Templates
Documentation
UI Patterns
Platform Elements
Graphics
Foundation
Our Figma Design Library is closely integrated with the EverlyWell Design Language System (DLS), which houses all the coded components used by developers. We worked closely with the DLS team to ensure that we were always in sync with updates.
Make it easier for our designers and developers to do their best work.
next project