Medes Club: Redefining Wellness

Design Systems • UX Optimization • User-Centered Prototyping

Slide 1
BACK
NEXT

Context

Designed an immersive digital platform and membership experience built to significantly elevate user engagement and drive sustained club acquisition.

Role

Product Designer

Timeline

3 Weeks

Core features

  • Seamless Navigation: Architected a high-contrast, intuitive interface to ensure effortless usability for users of all technical skill levels.

  • Therapeutic Personalization: Implemented customizable wellness paths that allow members to blend fitness routines with mental therapy sessions.

  • Performance Optimization: Optimized for accessibility and speed, ensuring a premium, frictionless journey on both mobile and desktop.

Statistics and Secondary Research

Initial discovery began by auditing existing platform metrics alongside qualitative user research. Analyzing this combination of quantitative drop-off data and remote user feedback exposed severe friction in the user journey. Specifically, it highlighted a stark mismatch between the platform's high-pressure visual aesthetic and the actual daily habits of a multi-generational membership base.

68%

Task Completion Bottleneck

70%

Friction Reduction Target

35%

User Return Rate Increase

Findings from Primary Research

Synthesizing secondary research findings alongside targeted usability studies and depth interviews enabled a comprehensive analysis of a diverse cohort of members—ranging from young fitness enthusiasts to elderly wellness seekers. The primary objective was to uncover unique barriers faced by each demographic when engaging with the digital platform.

Light Mode

Optimized for a stress-free interface; designed to reduce cognitive load during therapy sessions.

Quick Access

High-visibility navigation ensuring essential resources remain within a single interaction.

Quick Response

Adopted a mobile-first architectural approach to guarantee high-performance across all device breakpoints.

The Redesign

After a thorough analysis of platform performance and user requirements, the design direction was established to bridge the gap between high-pressure fitness aesthetics and accessible, therapeutic wellness.

The Hero

Designed to command immediate attention, the hero section functions as a high-impact entry point. Prioritizing strategic visual hierarchy and interactive elements establishes instant brand authority and guides user focus toward core value propositions.

Strategic Conversion

The initial layout suffered from fragmented user pathways and unclear conversion signals. This was resolved by implementing a cohesive, data-driven CTA strategy, utilizing concise, benefit-oriented copy paired with high-contrast visual cues to streamline the decision-making process.

Dynamic Engagement

Primary research identified a critical demand for high-fidelity engagement. To meet this expectation, the platform was architected with intuitive, responsive interaction patterns, ensuring that every touchpoint serves as a functional step toward the final user goal.

Hero section

The Hero

Designed to command immediate attention, the hero section functions as a high-impact entry point. Prioritizing strategic visual hierarchy and interactive elements establishes instant brand authority and guides user focus toward core value propositions.

Strategic Conversion

The initial layout suffered from fragmented user pathways and unclear conversion signals. This was resolved by implementing a cohesive, data-driven CTA strategy, utilizing concise, benefit-oriented copy paired with high-contrast visual cues to streamline the decision-making process.

Dynamic Engagement

Primary research identified a critical demand for high-fidelity engagement. To meet this expectation, the platform was architected with intuitive, responsive interaction patterns, ensuring that every touchpoint serves as a functional step toward the final user goal.

Design validation

To measure the impact of the redesign, the interface was validated through rigorous testing with a diverse user cohort. The following frameworks were utilized to ensure performance objectives were met.

Interviews

Extracted qualitative feedback from target users to ensure the solution addressed specific pain points.

Heatmaps

Utilized to identify patterns of user interaction and optimize engagement zones.

First Click Test

Verified navigational pathways, ensuring efficiency and core platform sections were discoverable.

Image of heatmap
Image of first click test

“The transformation is incredible; the platform is so much more intuitive and welcoming than it was just a few months ago.”

-Active Community Member

Impact Created

Based on usability testing and heuristic evaluation, the following metrics were projected to represent the platform's potential performance improvements post-launch.

18%

Increase in Class Bookings

12%

Growth in New User Retention

45s

Faster Task Completion Time

Project Artifacts

The following artifacts provide insight into the strategic design process, framework, and iterative problem-solving applied throughout the Medes Club case study.

Strategy & Insights

The Medes Club project served as a rigorous exercise in translating therapeutic wellness goals into a functional, premium digital experience. Key learnings focused on the importance of inclusive UI design and the challenge of balancing high-end aesthetics with accessible, frictionless navigation.

Design System Foundation

Established a scalable component library to ensure visual consistency and accelerate development workflows.

Iterative Execution

Maintained high velocity in an iterative design environment without sacrificing quality or accessibility standards.

Collaborative Validation

Aligned brand positioning with core business requirements to deliver scalable design solutions that differentiate the platform in the market.

Slide 1
BACK
NEXT

Create a free website with Framer, the website builder loved by startups, designers and agencies.