Mindhouse: Therapy Landing Page
Shyft: Wellness Bootcamp Landing Page
Mindhouse: Onboarding
Mindhouse App: Homepage

Shyft & Mindhouse

How we helped two sister brands, Shyft and Mindhouse as a support design team

Expertise

UI Design, Design System, Research

Deliverables

Design System, Landing Pages, App Redesign

Duration

8 months

Shyft & Mindhouse

How we helped two sister brands, Shyft and Mindhouse as a support design team

Expertise

UI Design, Design System, Research

Deliverables

Design System, Landing Pages, App Redesign

Duration

8 months

  • Mindhouse: Therapy Landing
  • Shyft: Bootcamp Landing Page
  • Mindhouse: Onboarding
  • Mindhouse App: homepage
  • lifestyle management

  • chronic ailment

  • mental health

  • wellness

about the project

The Brief

We worked two sister brands, Shyft and Mindhouse over the period of 8 months as a support design team Over the course of this time we worked on a variety of projects

The Brief

We worked two sister brands, Shyft and Mindhouse over the period of 8 months as a support design team Over the course of this time we worked on a variety of projects

Shyft combines lifestyle management solutions - Nutrition, Yoga, Exercise and more to help our customers track, reverse and manage chronic health conditions

Shyft combines lifestyle management solutions - Nutrition, Yoga, Exercise and more to help our customers track, reverse and manage chronic health conditions

Mindhouse is a mental health & wellness platform that offers meditation, therapy and community support based solutions

Mindhouse is a mental health & wellness platform that offers meditation, therapy and community support based solutions

  • LIFESTYLE MANAGEMENT

  • CHRONIC AILMENT

  • MENTAL HEALTH

  • WELLNESS

built for speed and scale

Shyft Design System

We thoroughly audited the existing design components in Shyft’s mobile app design system. We were able to identify significant redundancy and streamline the design system. This greatly reduced the design debt and enabled the team to move faster

built for speed and scale

Shyft Design System

We thoroughly audited the existing design components in Shyft’s mobile app design system. We were able to identify significant redundancy and streamline the design system. This greatly reduced the design debt and enabled the team to move faster

Shyft Design System: Health Overview
Shyft Design System: Health Overview
Shyft Design System: Checkin
Shyft Design System: To Do
Shyft Design System: To-do for today
Shyft Design System: Workshop
Shyft Design System: Workshop
Shyft Design System: Workshop

12 instances of the bottomsheet component were simplified into one using variants

12 instances of the bottomsheet component were simplified into one using variants

Replay

Shyft Design Sheet: Bottomsheet

8 instances of the empty state component were simplified into one using variants

Replay

Shyft Design System: Empty States
Shyft Design System: Empty States
Shyft Design System: Empty States
Shyft Design System: Empty States
Shyft Design System: Empty States
Shyft Design System: Empty States
Shyft Design System: Empty States
Shyft Design System: Empty States

Designing for conversion

Shyft ran ads about their bootcamps, and we helped them supercharge their conversions. We designed a dynamic landing page template that helped streamline their deployment time and enabled visitors to discover what resonated with them

Designing for conversion

Shyft ran ads about their bootcamps, and we helped them supercharge their conversions. We designed a dynamic landing page template that helped streamline their deployment time and enabled visitors to discover what resonated with them

Highlight Stats

Callbacks

Contextual and sticky CTAS

USPs

Cross selling

Shyft Landing Page: Highlight Stats
Shyft Landing Page: Sticky CTAs
Shyft Landing Page: Callbacks
Shyft Landing Page: USPs
Shyft Landing Page: Cross Selling
Shyft Landing Page: Highlight Stats
Shyft Landing Page: Highlight Stats

Highlight Stats

We highlighted stats that showed the impact of the program on participants

Shyft Landing Page: Contextual CTAs

Contextual & sticky CTAs

Added contextual and sticky CTAs to have the option to purchase be perpetually available to the users

Shyft Landing Page: Callbacks
Shyft Landing Page: Callbacks

Callbacks

Added contextual and sticky CTAs to have the option to purchase be perpetually available to the users

Shyft Landing Page: USPs

USPs

Added contextual and sticky CTAs to have the option to purchase be perpetually available to the users

Shyft Landing Page: Cross Selling

Cross-selling

Added contextual and sticky CTAs to have the option to purchase be perpetually available to the users

70%

Decrease in sales team intervention

15x

Increase in direct purchases via landing page

70%

Decrease in sales team interventions

15x

Increase in direct purchases via landing page

Designing for Shyft Pass

Enhanced the Shyft Pass landing page by elevating the brand's appeal and incorporating micro-interactions for increased engagement, effectively drawing visitors in

Designing for Shyft Pass

Enhanced the Shyft Pass landing page by elevating the brand's appeal and incorporating micro-interactions for increased engagement, effectively drawing visitors in

Shyft Pass: Card
Shyft Pass: Card

Shyft Pass: Your ultimate health and wellness membership. Lets you enjoy varied weekend workouts, connect with a supportive community, and explore the latest wellness products.

Revamp UI to elevate brand

The brand wanted to move into a more modern and active lifestyle based space

Improve pricing strategy

Surfacing pricing plans in a structure that makes it easy for the user to understand and transact

Storytelling to drive conversions

Reworked the content on the Shyftpass with the Sales team to boost conversions

Shyft Pass Homepage: Desktop
Shyft Pass: Homepage MWeb

MWeb

Desktop

MWeb

Desktop

Redesigned the onboarding

The Mindhouse app underwent rapid expansion, becoming denser with the introduction of new verticals. The redesigned onboarding aimed to introduce users to new features and gather relevant details to enhance their experience.

Redesigned the onboarding

The Mindhouse app underwent rapid expansion, becoming denser with the introduction of new verticals. The redesigned onboarding aimed to introduce users to new features and gather relevant details to enhance their experience.

introduction

Designed the therapy flow

Mindhouse operates within the mental health sphere, providing users with recorded mindfulness content and access to mental health communities. On recognising the need to further enrich their offerings, they strategically introduced Therapy. This addition expanded their services but came with the need of seamless therapy experience for the end users.

introduction

Designed the therapy flow

Mindhouse operates within the mental health sphere, providing users with recorded mindfulness content and access to mental health communities. On recognising the need to further enrich their offerings, they strategically introduced Therapy. This addition expanded their services but came with the need of seamless therapy experience for the end users.

the problem

Challenges in the therapy landscape

the problem

Challenges in the therapy landscape

Lack of awareness and stigma associated with therapy

Despite the recent surge in mental health awareness, we observed reluctance among people to seek professional help for their mental well-being

Cost Factor

The general perception is that therapy comes with a heft price tag, deterring many from seeking help when needed. This cost barrier often prevents individuals from getting therapy.

Not finding the right therapist and associated fatigue

Another significant hurdle, once people overcome their stigma of therapy, is finding the right therapist. Oftentimes people cycle through multiple therapists before discovering the right fit and can be an exhausting process, which leads to abandonment of the path to recovery

Not finding the right therapist and associated fatigue

Another significant hurdle, once people overcome their stigma of therapy, is finding the right therapist. Oftentimes people cycle through multiple therapists before discovering the right fit and can be an exhausting process, which leads to abandonment of the path to recovery

Lack of awareness and stigma associated with therapy

Despite the recent surge in mental health awareness, we observed reluctance among people to seek professional help for their mental well-being

Cost Factor

The general perception is that therapy comes with a heft price tag, deterring many from seeking help when needed. This cost barrier often prevents individuals from getting therapy.

the solution

Designing to overcome the challenges

the solution

Designing to overcome the challenges

Mindhouse Therapy: Finding the right therapist
Mindhouse Therapy: Finding the right therapist
Mindhouse Therapy: Finding the right therapist

Finding the right therapist

Understanding what attributes people look for in a therapist.

Allowing people to browse and choose a therapist by themselves.

For people who may not be able to discern the right therapist for themselves, we created a matchmaking flow where users could answer questions about themselves and how they’re feeling to match them with a short list of therapists that would be appropriate for them.

Education about Therapy

Real life problems that can be addressed by therapy. We surfaced use cases on the Therapy landing page to increase relatability.

We split user types into 3 to allow them to exercise control over their journey.

Talking about clinical conditions to educate users about conditions they may or may not be aware of.

Giving a clear sense of what they can expect going forward to increase trust and predictability.

Mindhouse Therapy: Education about therapy
Mindhouse Therapy: Affordable Trials

Affordable Trials

Introduced economical trials for people to be able to get a sense of therapy and the therapist at a reasonable cost

Education about therapy

Finding the right therapist

Affordable trials

visual design

Crafting the UI for the entire therapy flow

Mindhouse Therapy: Flexible Pricing
Mindhouse Therapy: Flexible Pricing
Mindhouse Therapy: Session Type Selector
Mindhouse Therapy: Session Type Selector
Mindhouse Therapy: Therapy Listing
Mindhouse Therapy: Therapy Listing
Mindhouse Therapy: Filters
Mindhouse Therapy: Filters
Mindhouse Therapy: Therapist Info
Mindhouse Therapy: Individual
Mindhouse Therapy: Couples
Mindhouse Therapy: Teen
Mindhouse Therapy: Landing Page
Mindhouse Therapy: Slot Selection
Mindhouse Therapy: Therapist Listing
Mindhouse Therapy: Confirm and Pay
Mindhouse Therapy: Therapist Profile
Mindhouse Therapy: Call Rescheduled
Mindhouse Therapy: Filters Bottomsheet
Mindhouse Therapy: Appointment Details
Mindhouse Therapy: Landing page
Mindhouse Therapy: Landing page
Mindhouse Therapy:  Slot Selection
Mindhouse Therapy:  Slot Selection
Mindhouse Therapy: Filters
Mindhouse Therapy:  Appointment details
Mindhouse Therapy: Therapist Listing
Mindhouse Therapy: Confirm and Pay
Mindhouse Therapy: Therapist Profile
Mindhouse Therapy: Session reschuled

Post launch optimisation

Once the Therapy flow had spent some time in the market, we began to optimize it for conversion. To do so, we looked at data to gather usage insights and used our initial research. We were then able to make iterative changes to impact key metrics.

Post launch optimisation

Once the Therapy flow had spent some time in the market, we began to optimize it for conversion. To do so, we looked at data to gather usage insights and used our initial research. We were then able to make iterative changes to impact key metrics.

Improved distribution of leads amongst therapists on the platform

3x

Increase in revenue

Improved distribution of leads amongst therapists on the platform

3x

Increase in revenue

Redesigned the Mindhouse app homepage

The Mindhouse app had grown and evolved over time with the business branching out into various verticals. To cater to this change, we revamped the app homepage by introducing dedicated sections for each feature to cater to their diverse offerings

Redesigned the Mindhouse app homepage

The Mindhouse app had grown and evolved over time with the business branching out into various verticals. To cater to this change, we revamped the app homepage by introducing dedicated sections for each feature to cater to their diverse offerings

Mindhouse App: Homepage
Mindhouse App: Homepage

Other projects

Other projects

Breathe ESG: Illustration depicting environmental, social and governance along with Breathe's platform capabilities

Breathe ESG

Dashboard

SaaS

ESG

An MVP to v1 redesign for Breathe ESG’s SaaS platform to make it easier for companies to track their ESG Metrics and regulatory compliance

Firstpost: Illustration

App

Website

News & Media

How we helped Firstpost 2x their traffic through a strategic redesign