HelloBetter Website Redesign
HelloBetter Website Redesign
Redesign of the homepage and other landing pages as part of a broader effort to improve user activation and better reflect the brand’s positioning in the digital mental health space.
Redesign of the homepage and other landing pages as part of a broader effort to improve user activation and better reflect the brand’s positioning in the digital mental health space.
In Collaboration with
HelloBetter
HelloBetter
HelloBetter
Role
Product Designer
Product Designer
Product Designer
Company size
150
150
150
Overview
HelloBetter is a leading German healthtech company offering evidence-based digital therapeutics (PDTx) for mental health. Their platform provides scientifically validated courses prescribed by doctors or accessed directly by patients, and is reimbursed by German health insurance.
During my time at HelloBetter, I worked across three teams—Web, Core Product, and AI Research—designing for multiple platforms simultaneously. In the Web team, I led the redesign of the homepage, course landing pages, a complex multi-step sign-up to checkout flow, and specialist landing pages targeted at doctors prescribing our courses.
While collaborating with stakeholders from marketing, product, and research, I helped evolve our patient-facing web experience with the goal of increasing activation, improving trust, and creating a smoother path from awareness to treatment.
Role
As the product designer in the Web team, I worked end-to-end across research, UX, UI, prototyping, and QA. I collaborated daily with a cross-functional team including a brand designer, front-end developers, and marketing managers, while aligning closely with the broader design system and product strategy. I also coordinated with other designers in the Product and AI Research teams to ensure consistency and scalability across platforms.
Challenge
Our goal was to create a unified, emotionally supportive experience for patients—while maintaining the medical integrity and trustworthiness expected of a clinical-grade product.
For the homepage and course pages, the challenge was designing a friendly, motivating entry point to the product that would also feel legitimate and professional to doctors, researchers, and insurers.
These pages had to work hard across audiences—reassuring anxious patients, answering key logistical questions for prescribers, and conveying scientific legitimacy.
We also needed to modernize and unify visual design across multiple existing templates while working within a living design system.
My personal challenge was juggling multiple ownership areas across teams—especially balancing the needs of the Web, Core Product and Psychotherapist teams—while supporting updates to the design system and maintaining implementation quality.
Research
Throughout the redesign process, I relied heavily on HelloBetter’s comprehensive research repository, maintained by our UX researcher, Nina. This included quarterly user surveys and rich qualitative insights that gave us a deep understanding of user motivations, concerns, and pain points across different mental health journeys.
I also consulted closely with domain experts from other departments—including clinical psychologists, medical advisors, and insurance partnership managers—to ensure our design decisions were grounded not only in user behavior but also in therapeutic accuracy, compliance, and operational realities.
This cross-functional input was essential in shaping the tone, structure, and priorities of our patient-facing content and flows.
Solution
We decided on a light, calming visual language for patient-facing pages, using soft gradients, playful illustrations, and scroll-based animations to create a more emotionally accessible experience.
We used progressive disclosure and tabbed navigation components to make complex, text-heavy medical content easier to digest.
I created a modular layout system for course pages, enabling reuse across different mental health topics (e.g. depression, anxiety, stress).
I partnered with the front-end team to QA animation and transitions and ensured accessibility was met across components.
In the Jetzt Starten, I simplified the path-to-enrollment by identifying and resolving key drop-off points in collaboration with our analytics team. We also aligned the visual tone of all flows to the updated brand, which launched in parallel.
In this case study, I’m mainly showcasing the homepage and course pages as they represent the most impactful, patient-facing entry points to the HelloBetter platform.
Unfortunately, due to confidentiality and medical content restrictions, I can’t share full flows for the sign-up and checkout experience.
Overview
HelloBetter is a leading German healthtech company offering evidence-based digital therapeutics (PDTx) for mental health. Their platform provides scientifically validated courses prescribed by doctors or accessed directly by patients, and is reimbursed by German health insurance.
During my time at HelloBetter, I worked across three teams—Web, Core Product, and AI Research—designing for multiple platforms simultaneously. In the Web team, I led the redesign of the homepage, course landing pages, a complex multi-step sign-up to checkout flow, and specialist landing pages targeted at doctors prescribing our courses.
While collaborating with stakeholders from marketing, product, and research, I helped evolve our patient-facing web experience with the goal of increasing activation, improving trust, and creating a smoother path from awareness to treatment.
Role
As the product designer in the Web team, I worked end-to-end across research, UX, UI, prototyping, and QA. I collaborated daily with a cross-functional team including a brand designer, front-end developers, and marketing managers, while aligning closely with the broader design system and product strategy. I also coordinated with other designers in the Product and AI Research teams to ensure consistency and scalability across platforms.
Challenge
Our goal was to create a unified, emotionally supportive experience for patients—while maintaining the medical integrity and trustworthiness expected of a clinical-grade product.
For the homepage and course pages, the challenge was designing a friendly, motivating entry point to the product that would also feel legitimate and professional to doctors, researchers, and insurers.
These pages had to work hard across audiences—reassuring anxious patients, answering key logistical questions for prescribers, and conveying scientific legitimacy.
We also needed to modernize and unify visual design across multiple existing templates while working within a living design system.
My personal challenge was juggling multiple ownership areas across teams—especially balancing the needs of the Web, Core Product and Psychotherapist teams—while supporting updates to the design system and maintaining implementation quality.
Research
Throughout the redesign process, I relied heavily on HelloBetter’s comprehensive research repository, maintained by our UX researcher, Nina. This included quarterly user surveys and rich qualitative insights that gave us a deep understanding of user motivations, concerns, and pain points across different mental health journeys.
I also consulted closely with domain experts from other departments—including clinical psychologists, medical advisors, and insurance partnership managers—to ensure our design decisions were grounded not only in user behavior but also in therapeutic accuracy, compliance, and operational realities.
This cross-functional input was essential in shaping the tone, structure, and priorities of our patient-facing content and flows.
Solution
We decided on a light, calming visual language for patient-facing pages, using soft gradients, playful illustrations, and scroll-based animations to create a more emotionally accessible experience.
We used progressive disclosure and tabbed navigation components to make complex, text-heavy medical content easier to digest.
I created a modular layout system for course pages, enabling reuse across different mental health topics (e.g. depression, anxiety, stress).
I partnered with the front-end team to QA animation and transitions and ensured accessibility was met across components.
In the Jetzt Starten, I simplified the path-to-enrollment by identifying and resolving key drop-off points in collaboration with our analytics team. We also aligned the visual tone of all flows to the updated brand, which launched in parallel.
In this case study, I’m mainly showcasing the homepage and course pages as they represent the most impactful, patient-facing entry points to the HelloBetter platform.
Unfortunately, due to confidentiality and medical content restrictions, I can’t share full flows for the sign-up and checkout experience.
Overview
HelloBetter is a leading German healthtech company offering evidence-based digital therapeutics (PDTx) for mental health. Their platform provides scientifically validated courses prescribed by doctors or accessed directly by patients, and is reimbursed by German health insurance.
During my time at HelloBetter, I worked across three teams—Web, Core Product, and AI Research—designing for multiple platforms simultaneously. In the Web team, I led the redesign of the homepage, course landing pages, a complex multi-step sign-up to checkout flow, and specialist landing pages targeted at doctors prescribing our courses.
While collaborating with stakeholders from marketing, product, and research, I helped evolve our patient-facing web experience with the goal of increasing activation, improving trust, and creating a smoother path from awareness to treatment.
Role
As the product designer in the Web team, I worked end-to-end across research, UX, UI, prototyping, and QA. I collaborated daily with a cross-functional team including a brand designer, front-end developers, and marketing managers, while aligning closely with the broader design system and product strategy. I also coordinated with other designers in the Product and AI Research teams to ensure consistency and scalability across platforms.
Challenge
Our goal was to create a unified, emotionally supportive experience for patients—while maintaining the medical integrity and trustworthiness expected of a clinical-grade product.
For the homepage and course pages, the challenge was designing a friendly, motivating entry point to the product that would also feel legitimate and professional to doctors, researchers, and insurers.
These pages had to work hard across audiences—reassuring anxious patients, answering key logistical questions for prescribers, and conveying scientific legitimacy.
We also needed to modernize and unify visual design across multiple existing templates while working within a living design system.
My personal challenge was juggling multiple ownership areas across teams—especially balancing the needs of the Web, Core Product and Psychotherapist teams—while supporting updates to the design system and maintaining implementation quality.
Research
Throughout the redesign process, I relied heavily on HelloBetter’s comprehensive research repository, maintained by our UX researcher, Nina. This included quarterly user surveys and rich qualitative insights that gave us a deep understanding of user motivations, concerns, and pain points across different mental health journeys.
I also consulted closely with domain experts from other departments—including clinical psychologists, medical advisors, and insurance partnership managers—to ensure our design decisions were grounded not only in user behavior but also in therapeutic accuracy, compliance, and operational realities.
This cross-functional input was essential in shaping the tone, structure, and priorities of our patient-facing content and flows.
Solution
We decided on a light, calming visual language for patient-facing pages, using soft gradients, playful illustrations, and scroll-based animations to create a more emotionally accessible experience.
We used progressive disclosure and tabbed navigation components to make complex, text-heavy medical content easier to digest.
I created a modular layout system for course pages, enabling reuse across different mental health topics (e.g. depression, anxiety, stress).
I partnered with the front-end team to QA animation and transitions and ensured accessibility was met across components.
In the Jetzt Starten, I simplified the path-to-enrollment by identifying and resolving key drop-off points in collaboration with our analytics team. We also aligned the visual tone of all flows to the updated brand, which launched in parallel.
In this case study, I’m mainly showcasing the homepage and course pages as they represent the most impactful, patient-facing entry points to the HelloBetter platform.
Unfortunately, due to confidentiality and medical content restrictions, I can’t share full flows for the sign-up and checkout experience.
Homepage Visual Design
Please experience the page to view the animations: https://hellobetter.de/
Course Pages
For the whole experience: Stress and Burnout Course Page and All Courses Directory
Video Recording from the launched product!
Here, you can see the new editor design (photos can't be recorded unfortunately). You can also see the Splash animation, home and share screens I've designed for Cosmo Editor.