El Camino Health
Client
Website, Design System, Guidelines
Project
Capability
Branding, Digital Design, UX/UI
Role
Design Director
Team
Copywriter, Website Strategist
Deliverables
Website Audit, Website UX/UI Design, Digital Design System, Design System Guidelines
Overview
Background
Simplify and unify.
El Camino Health has a very robust website. Unfortunately, the user experience was inconsistent, and there were many opportunities to consolidate and optimize content and design. Once a design look and feel was established, the in-house team required a digital design system with highly detailed guidelines to ensure consistency.
Research
Website Audit
A site design audit was conducted to determine the current visual styles of the following components:
Search Bars
Buttons
Navigation
Cards
Forms
Dropdown Menus
Carousels
Side Bars
Icon Usage
Image Usage
Results
Audit Findings
The website content and design audit revealed multiple inconsistencies across the site. These findings were clear directives, and simplification with unification was the mandate.
UX FigJam
Design recommendations included simplifying navigation and hierarchies, adding intuitive interactions, and creating a simple, mobile-friendly UI.
Mobile navigation was a priority as it was illegible on mobile devices. The following examples show the before-and-after design solutions.
Mobile Navigation / Before
Mobile Navigation / After
The website included primary, secondary, and tertiary navigation structures to account for multiple user journeys and the need to access a variety of information.
Additional design recommendations were to create a gridded layout that was clean, scalable, and user-friendly.
The UI was updated for desktop and mobile applications, along with all significant website styles and components.
Website Look and Feel
The in-house team needed a digital design system with highly detailed guidelines to ensure consistency.
The design system included website styles, components, navigation, and mobile considerations.
