Headspace Accessibility Redesign
Improving accessibility for colorblind users while preserving brand identity
Role
Product Designs & Accessibility Lead
Duration
16 Weeks
Focus Areas
Accessibility, Content Strategy, Personalization
Platform
iOS Mobile
Overview
Color blindness affects millions of people, yet many digital products rely heavily on color to communicate hierarchy, feedback, and navigation. I led a semester-long redesign of the Headspace meditation mobile app, focused on optimizing the experience for colorblind users without compromising its playful visual identity.
This project explored an important tension: how do you improve accessibility in a color-driven product without stripping away what makes it recognizable?
The Problem
Headspace relied heavily on color to communicate hierarchy and category meaning, with widespread contrast issues that impacted even basic playback interactions. At the same time, its growing content library lacked intuitive filtering and made it hard to quickly find the right meditation, limiting discoverability and subscription conversion. The challenge was not just accessibility — it was designing a more inclusive, navigable, and personalized system without compromising brand identity.
Research
To better understand the accessibility, navigation, and personalization challenges within Headspace, our team conducted 12 user interviews (six colorblind, six non-colorblind), evaluated the existing interface using colorblind simulation tools, and performed a content and information architecture audit.
How People Approach Meditation
To understand how people approach meditation, we mapped motivations, behaviors, and decision-making patterns across different contexts. The analysis revealed that meditation is rarely a spontaneous activity; users often move through a series of considerations before starting a session, including why they want to meditate, where they are, how much time they have, and what type of guidance they need. Rather than browsing broadly, users look for meditations that clearly match their immediate situation—such as a short session during a break or a longer guided practice at the end of the day.
Mental Model Diagram
How Content is Structured
We audited Headspace’s content structure and subscription model to understand how users navigate an increasingly large meditation library. The platform contains hundreds of sessions organized across formats such as Singles, Packs, Kids content, and animations, with additional categorization by factors like time of day, activity, mood, and age group. While this variety supports many use cases, the breadth of content also makes discovery difficult. With limited filtering and multiple overlapping categories, users often need to browse extensively before finding a meditation that fits their situation.
Information Architecture
Who We're Designing For
We translated research findings into two representative personas: a new meditator seeking structure and guidance while learning how to build a consistent practice, and an experienced practitioner who is comfortable with meditation but has color vision deficiency. These perspectives grounded accessibility, content organization, and personalization decisions within the experience.
While their familiarity with meditation differs, both rely on clear visual hierarchy and straightforward navigation to identify sessions that match their needs. New meditators benefit from structure that helps them understand where to start and how to build a routine. Experienced users move through the experience more quickly and prioritize efficient ways to locate relevant sessions. Designing for color accessibility ensured hierarchy and feedback did not rely on color alone, improving clarity across the experience.
New Meditator Persona
Experienced Meditator Persona
Key Insights
Accessibility Must Be Embedded, Not Optional
Headspace’s reliance on color to communicate meaning created systemic barriers, and user behavior confirmed that accessibility cannot rely on assistive tools — it must be built into the core experience.
Content Discovery Should Reflect User Context
Meditation is highly contextual, yet the existing structure relied on static categories and limited filtering, making it difficult for users to quickly find the right session that fit their needs.
Personalization Drives Both Usability and Conversion
Users were willing to pay for apps that provided convenience and relevant recommendations, revealing an opportunity to align accessibility improvements with tailored content delivery.
Strategy & Design
Research insights informed the design strategy, focusing on three priorities: embedding accessibility directly into the core experience, improving how users discover meditation content based on context, and introducing personalization to guide users toward relevant sessions. These priorities guided how the interface communicates information, surfaces content, and adapts to individual user needs.
Accessibility
Accessibility was embedded into the system from the start rather than treated as an assistive add-on. Because many users with color vision deficiency adapt their behavior rather than rely on accessibility tools, the strategy focused on reducing color dependency while aligning the interface with WCAG AA standards. We conducted a compliance audit to evaluate color contrast across the interface and found several areas where contrast fell below accessibility thresholds. Since color is central to Headspace’s visual identity, the audit also identified opportunities to adjust color pairings so the interface could meet accessibility standards while preserving the brand’s character.
Compliance Audit
Rather than redesigning Headspace’s brand palette, I adjusted how colors were paired and applied across the interface. The audit revealed that orange—one of the brand’s primary colors—frequently created contrast issues, particularly for text and interactive elements. Instead of relying on orange as the dominant accent, I leveraged Headspace’s darker purple tones to create stronger contrast while preserving the brand’s visual identity. Contrast ratios were increased for key UI elements, and color-only indicators were replaced with reinforced hierarchy and structural cues so information remained clear without relying on color alone.
Before (Non-Compliant)
After (Compliant)
To further support accessibility, category icons were redesigned to improve clarity and contrast. The original icons relied heavily on color and became difficult to distinguish under colorblind simulation. Updated iconography incorporated stronger visual differentiation and met accessibility standards, making navigation more intuitive regardless of color perception.
Before
After
Content Strategy
With an expanding content library and limited filtering, users often struggled to quickly locate sessions that matched their needs. Rather than restructuring the entire information architecture, the strategy focused on introducing a guided entry point that helps users navigate the library based on their current context.
We introduced a “How Are You Feeling” component that translates insights from the Mental Model into a simple decision flow. Instead of browsing through hundreds of sessions, users select how they’re feeling, where they are, and how much time they have available. These inputs narrow the content library and surface relevant meditations, making discovery faster while working within the existing structure of the platform.
"How Are You Feeling" Flow
"How Are You Feeling" Screens
Personalization
Research revealed an opportunity to better align personalization and accessibility within the experience. This was addressed by updating the onboarding flow to gather a few key inputs before users begin exploring the app.
The onboarding experience asks about meditation experience, goals for practicing, and preferred times of day to meditate. Users also select a character to guide their Headspace journey, which introduces theme options with different contrast levels. This approach allowed accessibility preferences to feel like a natural part of personalization rather than a separate setting. These inputs help guide users toward relevant meditation content while also supporting subscription growth by highlighting features aligned with their goals.
Onboarding Process
Onboarding Screens
Evaluation & Impact
Following the redesign, we conducted a comprehensive WCAG AA compliance audit and re-tested the interface using colorblind simulation tools. Contrast ratios were validated across interactive components, and navigation and playback elements were reassessed to ensure accessibility improvements were systemic rather than isolated fixes.
The result was a more inclusive experience that preserved brand integrity while improving discoverability and usability across the platform.
