Braive

Braive

Braive

Braive

Braive

Braive

Desktop and laptop showing Braive’s mental health platform with homepage hero and progress analytics dashboard in a calm, minimal workspace.
Desktop and laptop showing Braive’s mental health platform with homepage hero and progress analytics dashboard in a calm, minimal workspace.
Desktop and laptop showing Braive’s mental health platform with homepage hero and progress analytics dashboard in a calm, minimal workspace.

Role:

Lead Product Designer

Role:

Lead Product Designer

Role:

Lead Product Designer

Role:

Lead Product Designer

Role:

Lead Product Designer

Date:

2018

Date:

2018

Date:

2018

Date:

2018

Date:

2018

Tags:

SaaS, Healthcare

Tags:

SaaS, Healthcare

Tags:

SaaS, Healthcare

Tags:

SaaS, Healthcare

Tags:

SaaS, Healthcare

Summary

Summary

Summary

Braive is a mental health platform that combines evidence-based care with a supportive, human-centered digital experience.

Braive is a mental health platform that combines evidence-based care with a supportive, human-centered digital experience.

Braive is a mental health platform that combines evidence-based care with a supportive, human-centered digital experience.

Collection of Braive mental health illustrations depicting emotions, anxiety, self-reflection, and personal growth.
Collection of Braive mental health illustrations depicting emotions, anxiety, self-reflection, and personal growth.
Collection of Braive mental health illustrations depicting emotions, anxiety, self-reflection, and personal growth.
Collection of Braive mental health illustrations depicting emotions, anxiety, self-reflection, and personal growth.
Collection of Braive mental health illustrations depicting emotions, anxiety, self-reflection, and personal growth.

the challenge

the
challenge

Designing calm into care

Braive set out to make mental health support more accessible and less clinical. The goal was to turn digital therapy into something people would actually want to use. Warm, structured and personal. We needed to translate cognitive behavioural therapy into a guided experience that felt human at every step.

the challenge

Designing calm into care

Braive set out to make mental health support more accessible and less clinical. The goal was to turn digital therapy into something people would actually want to use. Warm, structured and personal. We needed to translate cognitive behavioural therapy into a guided experience that felt human at every step.

Laptop showing Braive quiz activity for social anxiety lesson with progress tracker in a night-themed environment.
Laptop showing Braive quiz activity for social anxiety lesson with progress tracker in a night-themed environment.
Laptop showing Braive quiz activity for social anxiety lesson with progress tracker in a night-themed environment.
Laptop showing Braive quiz activity for social anxiety lesson with progress tracker in a night-themed environment.
Laptop showing Braive quiz activity for social anxiety lesson with progress tracker in a night-themed environment.

the constraints

the
constraints

Health demands structure

Designing for therapy means strict rules and deep responsibility. Content had to align with psychological research, user data required careful handling and every interaction needed to feel safe. The product had to scale to clinics, workplaces and individuals without losing empathy or trust. Tight compliance and medical review cycles shaped the design rhythm.

the constraints

Health demands structure

Designing for therapy means strict rules and deep responsibility. Content had to align with psychological research, user data required careful handling and every interaction needed to feel safe. The product had to scale to clinics, workplaces and individuals without losing empathy or trust. Tight compliance and medical review cycles shaped the design rhythm.

Braive breathing activity for social anxiety displayed on a dark-themed laptop setup with calm circular animation.
Braive breathing activity for social anxiety displayed on a dark-themed laptop setup with calm circular animation.
Braive breathing activity for social anxiety displayed on a dark-themed laptop setup with calm circular animation.
Braive breathing activity for social anxiety displayed on a dark-themed laptop setup with calm circular animation.
Braive breathing activity for social anxiety displayed on a dark-themed laptop setup with calm circular animation.

the process

the
process

Guiding behaviour through design

We began by mapping user emotion across each step of therapy. Early research showed that visual tone mattered as much as flow. Users engaged longer when the interface felt calm and predictable. I led the design direction, defining interaction models and system patterns that kept users oriented through complex journeys. The experience balanced progress tracking with emotional reassurance, using layout and rhythm to communicate stability. Regular workshops with psychologists kept the product grounded in real therapeutic practice.

the process

Guiding behaviour through design

We began by mapping user emotion across each step of therapy. Early research showed that visual tone mattered as much as flow. Users engaged longer when the interface felt calm and predictable. I led the design direction, defining interaction models and system patterns that kept users oriented through complex journeys. The experience balanced progress tracking with emotional reassurance, using layout and rhythm to communicate stability. Regular workshops with psychologists kept the product grounded in real therapeutic practice.

Braive program page introducing a social anxiety course with structured modules and lesson list.
Braive program page introducing a social anxiety course with structured modules and lesson list.
Braive program page introducing a social anxiety course with structured modules and lesson list.
Braive program page introducing a social anxiety course with structured modules and lesson list.
Braive program page introducing a social anxiety course with structured modules and lesson list.

the principles

the
principles

Clarity, empathy and control

Each screen was designed to give users a sense of calm control. Colour and typography worked together to create focus, while spacing and motion guided attention without noise. The tone of every element, from buttons to microcopy, avoided pressure or judgement. The result was a product that felt supportive, not prescriptive.

the principles

Clarity, empathy and control

Each screen was designed to give users a sense of calm control. Colour and typography worked together to create focus, while spacing and motion guided attention without noise. The tone of every element, from buttons to microcopy, avoided pressure or judgement. The result was a product that felt supportive, not prescriptive.

Braive chat-based therapy activity and audio session interface for social anxiety treatment.
Braive chat-based therapy activity and audio session interface for social anxiety treatment.
Braive chat-based therapy activity and audio session interface for social anxiety treatment.
Braive chat-based therapy activity and audio session interface for social anxiety treatment.
Braive chat-based therapy activity and audio session interface for social anxiety treatment.

the decisions

the
decisions

Designing for trust and transparency

Every choice served the goal of emotional safety. Progress data stayed private by default. Activity modules loaded sequentially to avoid cognitive overload. Custom illustrations replaced stock imagery to reduce triggers and build a consistent visual language. Accessibility reviews were built into every release cycle. These weren’t design extras. They were essential to earning user trust.

the decisions

Designing for trust and transparency

Every choice served the goal of emotional safety. Progress data stayed private by default. Activity modules loaded sequentially to avoid cognitive overload. Custom illustrations replaced stock imagery to reduce triggers and build a consistent visual language. Accessibility reviews were built into every release cycle. These weren’t design extras. They were essential to earning user trust.

Braive course interface displaying “Social Anxiety” lessons and progress tracker on desktop and laptop screens in a soft teal setup.
Braive course interface displaying “Social Anxiety” lessons and progress tracker on desktop and laptop screens in a soft teal setup.
Braive course interface displaying “Social Anxiety” lessons and progress tracker on desktop and laptop screens in a soft teal setup.
Braive course interface displaying “Social Anxiety” lessons and progress tracker on desktop and laptop screens in a soft teal setup.
Braive course interface displaying “Social Anxiety” lessons and progress tracker on desktop and laptop screens in a soft teal setup.

the reflection

the
reflection

Design that listens

Braive proved that in health, design isn’t about decoration. It’s about guidance. A calm interface can hold complexity without overwhelming. Leadership in this space means designing not just for efficiency, but for care.

the reflection

Design that listens

Braive proved that in health, design isn’t about decoration. It’s about guidance. A calm interface can hold complexity without overwhelming. Leadership in this space means designing not just for efficiency, but for care.

Impact

Impact

Impact

Braive launched as a platform used by therapists, enterprises and individuals worldwide. Engagement rates rose as users completed more sessions and reported higher comfort using digital tools for therapy. The system’s modular foundation allowed clinical partners to create new programs without new UI work.

Braive launched as a platform used by therapists, enterprises and individuals worldwide. Engagement rates rose as users completed more sessions and reported higher comfort using digital tools for therapy. The system’s modular foundation allowed clinical partners to create new programs without new UI work.

Braive launched as a platform used by therapists, enterprises and individuals worldwide. Engagement rates rose as users completed more sessions and reported higher comfort using digital tools for therapy. The system’s modular foundation allowed clinical partners to create new programs without new UI work.