Summary: HopStair is a B2B and B2C mental health platform to help people build self-confidence and overcome mental barriers.
Industry: Health tech / Education
Platforms: iOS , Android
My role: UX/UI Designer collaborating with cross-functional teams, including a team of designers, stakeholders, product owner, product manager, engineering team, and marketing team.
HopStair is a mobile app to help people build self-confidence through daily nudges, community, 1:1 coaching, and AI-generated personalized content.
HopStair was founded to fix how people approach mental health such as anxiety and depression.
Create a user-friendly mobile app that simplifies navigation and provides an engaging, seamless experience for first-time and regular users.
Develop features tailored to individual needs, such as customizable nudges, progress tracking, and AI-generated content.
Foster a sense of community and motivation by including interactive features like social connections, progress sharing, and rewards.
Ensuring the app is simple to navigate while offering comprehensive features like nudges, community interaction, and AI-generated content.
Designing features that promote user safety and comfort, especially for those who may be hesitant to engage with mental health platforms.
Differentiating HopStair from well-established competitors with unique features and a compelling user experience.
Working around development constraints to implement features like mood tracking, progress updates, and AI-generated recommendations.
I conducted user research to get a deep understanding of users’ needs and pain points regarding coaching platforms that included 20+ user interviews, post questions on social media, and competitor analysis. The key takeaways included:
Users wanted encouraging messages and reminders to stay consistent with their progress.
Many sought ways to communicate and interact with others for support.
A feature for recording mood changes was considered valuable.
With the insights gathered during the discovery phase, I moved into ideation to address user pain points and align with HopStair's mission.
Using affinity mapping, I categorized and prioritized user feedback and competitor analysis findings. The key focus areas were:
I developed user personas to represent target users' goals and frustrations. One potential user persona:
To better understand how users would interact with HopStair, I created a user journey map. Key takeaways included:
I started the design process by creating a design system to maintain consistency based on colors and typography that were agreed upon.
While collaborating with other designers on the team, we designed the screens. We shared the designs with the stakeholders and product manager to continuously receive feedback and iterate the designs.
I conducted multiple rounds of usability testing to validate design decisions and refine the user experience:
Task Completion Tests: Users appreciated the intuitive navigation but requested more options to customize their nudge frequency.
A/B Testing: A visually engaging progress bar with daily milestones received higher user satisfaction scores.
Unmoderated Testing: Users loved the simplicity and focus on progress tracking. However, the open-ended questions in the onboarding felt repetitive, and they flagged for redesign.
We Finalized and annotated designs for developer handoff. I Ccollaborated with developers to address constraints and ensure seamless implementation.
At the moment the app is pre-launched. It is being updated as the developers finish coding each section and design updates.