Industry
Wellness Tech ・ Health & Lifestyle ・ Responsive Web ・ Mobile UX ・ Product Design
Designing a Mind-Body Wellness Platform for Modern Self-Care
Designing a Mind-Body Wellness Platform for Modern Self-Care
Bringing Clarity, Calm, and
Personalization to Holistic Health
Bringing Clarity, Calm, and
Personalization to Holistic Health
At Quelliv, I led product design for a digital wellness platform focused on empowering users to take control of their physical, emotional, and mental health through personalized coaching and habit-building tools.
At Quelliv, I led product design for a digital wellness platform focused on empowering users to take control of their physical, emotional, and mental health through personalized coaching and habit-building tools.
As the Lead Product Designer, I was responsible for building the mobile-first experience from the ground up, ensuring visual clarity, emotional resonance, and cross-platform functionality across responsive web and native apps. Working with the CEO, engineering, and wellness experts, I created a cohesive visual system and seamless user experience rooted in human-centered wellness principles.
As the Lead Product Designer, I was responsible for building the mobile-first experience from the ground up, ensuring visual clarity, emotional resonance, and cross-platform functionality across responsive web and native apps. Working with the CEO, engineering, and wellness experts, I created a cohesive visual system and seamless user experience rooted in human-centered wellness principles.
🧩 Problem
🧩 Problem
Quelliv was launching as a new player in the holistic health space—offering a unique blend of physical movement, mindset coaching, and behavior-based goal tracking. But the initial product vision lacked:
Quelliv was launching as a new player in the holistic health space—offering a unique blend of physical movement, mindset coaching, and behavior-based goal tracking. But the initial product vision lacked:
• A defined design language to express the brand’s warmth, calm, and professionalism
• A seamless mobile-to-web experience to support both exploration and commitment
• Clear onboarding, goal-setting, and content discovery flows
• Accessible navigation across different user needs and experience levels
• A design system that could scale across coaching content, trackers, and video sessions
• A defined design language to express the brand’s warmth, calm, and professionalism
• A seamless mobile-to-web experience to support both exploration and commitment
• Clear onboarding, goal-setting, and content discovery flows
• Accessible navigation across different user needs and experience levels
• A design system that could scale across coaching content, trackers, and video sessions
The challenge was to design a wellness platform that felt both elevated and approachable—capable of guiding users toward sustainable change.
The challenge was to design a wellness platform that felt both elevated and approachable—capable of guiding users toward sustainable change.
🎯 Goals
🎯 Goals
• Design Quelliv’s mobile and responsive web apps from the ground up
• Create a modular design system to support future growth and feature integration
• Build intuitive flows for user onboarding, goal setting, habit tracking, and coach interaction
• Establish a visual identity that reflects clarity, calm, and movement
• Ensure the platform is scalable, responsive, and aligned with accessibility best practices
• Differentiate the brand in a crowded wellness market through intentional UX
• Design Quelliv’s mobile and responsive web apps from the ground up
• Create a modular design system to support future growth and feature integration
• Build intuitive flows for user onboarding, goal setting, habit tracking, and coach interaction
• Establish a visual identity that reflects clarity, calm, and movement
• Ensure the platform is scalable, responsive, and aligned with accessibility best practices
• Differentiate the brand in a crowded wellness market through intentional UX
🔄 My Role & Process
🔄 My Role & Process
My Role:
Lead Product Designer, reporting directly to the CEO and CMO, owning design from early concept to launch
My Role:
Lead Product Designer, reporting directly to the CEO and CMO, owning design from early concept to launch
Process Highlights:
• Discovery & Alignment: Worked closely with stakeholders to define the product vision, user goals, and functional scope
• User Journey Mapping: Outlined emotional and behavioral arcs across use cases: first-time users, returning members, and coaching interactions
• Wireframes & Prototypes: Designed low- and high-fidelity screens for onboarding, dashboards, habit creation, and movement modules
• Brand-Driven UI Design: Created a calming visual system using muted color palettes, rounded geometry, and breathable layouts
• Design System Development: Built reusable components and documentation for future teams to maintain consistency and accelerate dev cycles
• Responsive Design: Ensured seamless adaptation across mobile and web breakpoints, using fluid layout patterns and gesture-friendly interactions
• Collaboration: Worked directly with engineers to optimize handoff and QA across platforms
Process Highlights:
• Discovery & Alignment: Worked closely with stakeholders to define the product vision, user goals, and functional scope
• User Journey Mapping: Outlined emotional and behavioral arcs across use cases: first-time users, returning members, and coaching interactions
• Wireframes & Prototypes: Designed low- and high-fidelity screens for onboarding, dashboards, habit creation, and movement modules
• Brand-Driven UI Design: Created a calming visual system using muted color palettes, rounded geometry, and breathable layouts
• Design System Development: Built reusable components and documentation for future teams to maintain consistency and accelerate dev cycles
• Responsive Design: Ensured seamless adaptation across mobile and web breakpoints, using fluid layout patterns and gesture-friendly interactions
• Collaboration: Worked directly with engineers to optimize handoff and QA across platforms
Quelliv UX Audit
Quelliv UX Audit
This audit focused on strengthening the onboarding and booking experience by improving layout structure, content clarity, and brand consistency. Key recommendations included reworking visual hierarchy, addressing UI alignment issues, and guiding users more intuitively through core actions like account creation and session booking.
This audit focused on strengthening the onboarding and booking experience by improving layout structure, content clarity, and brand consistency. Key recommendations included reworking visual hierarchy, addressing UI alignment issues, and guiding users more intuitively through core actions like account creation and session booking.
This audit focused on strengthening the onboarding and booking experience by improving layout structure, content clarity, and brand consistency. Key recommendations included reworking visual hierarchy, addressing UI alignment issues, and guiding users more intuitively through core actions like account creation and session booking.
