Enhancing Healthprofit’s UX and Clarity

Enhancing Healthprofit’s UX and Clarity

Optimizing the website to better guide users toward posture correction programs.

Optimizing the website to better guide users toward posture correction programs.

Healthprofit, a new startup in Taiwan, is focused on helping people improve their posture and body alignment, with a particular emphasis on leg correction. While the website performs well on mobile devices, the desktop version requires enhancements to improve user experience

Ensuro is a blockchain-based, licensed (re)insurance company that aims to make insurance more accessible to the public, allowing anyone to invest in insurance risk and benefit from it.

My experience as an Ensuro user informed my design decisions

This solo project, part of my DesignLab bootcamp, involved designing and adding a new feature to the Ensuro website. I handled everything from identifying the problem to UX research, visual design, and prototyping.

Role

Role

UX/UI designer, responsible for research, design, and prototyping

UX/UI designer, responsible for research, design, and prototyping

Goal

Goal

To improve the user experience by creating a dashboard for better investment tracking

To improve the user experience by creating a dashboard for better investment tracking

Problem

Problem

Lack of a visible dashboard for investors to track their funds

Lack of a visible dashboard for investors to track their funds

Duration

Duration

5 weeks

5 weeks

Research

Research

Research

COMPETITOR ANALYSIS

COMPETITOR ANALYSIS

Most of the companies I found are focused on fitness and women only

To ensure a balanced analysis, I selected Full Measure Fitness and Bodybuilding, as they offer comprehensive fitness solutions for both men and women

Most of the companies I found are focused on fitness and women only

To ensure a balanced analysis, I selected Full Measure Fitness and Bodybuilding, as they offer comprehensive fitness solutions for both men and women

Uncovering Fitness Habits and

Challenges of Active Individuals

Uncovering Fitness Habits and

Challenges of Active Individuals

Uncovering Fitness Habits and

Challenges of Active Individuals

USER INTERVIEWS

USER INTERVIEWS

I interviewed 7 individuals with established fitness routines to understand their preferences, motivations, and challenges related to posture correction. Their insights reveal key opportunities for Healthprofit to address user needs in the fitness space.

Key finding

Users prefer personalized and engaging fitness experiences: Active individuals favor in-person sessions and one-on-one coaching for a more tailored and motivating workout environment.

Users prefer personalized and engaging fitness experiences: Active individuals favor in-person sessions and one-on-one coaching for a more tailored and motivating workout environment.

Posture correction benefits are not well understood: Many users lack awareness of how posture correction can enhance their fitness goals, often seeing it as irrelevant without clear benefits.

Posture correction benefits are not well understood: Many users lack awareness of how posture correction can enhance their fitness goals, often seeing it as irrelevant without clear benefits.

Cost is a major barrier to adopting new fitness services: Financial constraints often prevent users from exploring additional fitness offerings, including posture correction programs.

Cost is a major barrier to adopting new fitness services: Financial constraints often prevent users from exploring additional fitness offerings, including posture correction programs.

Flexibility in workout options is highly valued: Users seek hybrid solutions, preferring online programs for convenience and in-person sessions for more challenging exercises.

Flexibility in workout options is highly valued: Users seek hybrid solutions, preferring online programs for convenience and in-person sessions for more challenging exercises.

Define

Define

Define

Personas

Personas

Instead of create random profile, I tried to tie the persona more with posture correction, since Im trying to improve the Healthprofit website from a user perspective not creating a whole new website and servie.

Instead of create random profile, I tried to tie the persona more with posture correction, since Im trying to improve the Healthprofit website from a user perspective not creating a whole new website and servie.

Project Goal

Project Goal

Problem Statement

Problem Statement

(POV)

  • I would like to explore ways to encourage people to try the posture evaluation because many don’t understand its purpose or relevance to their fitness routines.

(POV)

  • I would like to explore ways to encourage people to try the posture evaluation because many don’t understand its purpose or relevance to their fitness routines.

(HMW)

  • How might we make the purpose of posture evaluation clearer to users so they feel more inclined to try it?

  • How might we communicate the benefits of posture evaluation in a relatable way to encourage participation?

  • How might we position posture correction as a valuable addition to a regular fitness routine?

(HMW)

  • How might we make the purpose of posture evaluation clearer to users so they feel more inclined to try it?

  • How might we communicate the benefits of posture evaluation in a relatable way to encourage participation?

  • How might we position posture correction as a valuable addition to a regular fitness routine?

Feature Roadmap

Feature Roadmap

Must have

Must have

Must have

  • Overall performance summary

  • Overview of investing pools

  • Individual pool view

  • Personal transaction history

  • Responsive Desktop Design

  • Clear CTA

  • Before/After Photos for

  • Member Reviews

  • Product purchase page

  • Offline and Online Service Options

  • Personal dashboard

  • Responsive Desktop Design

  • Clear CTA

  • Before/After Photos for

  • Member Reviews

  • Product purchase page

  • Offline and Online Service Options

Nice to have

Nice to have

Nice to have

  • Investment allocation visualization

  • Export transactions button feature

  • Account Creation

  • Simple Evaluation Steps

  • Personal portfolio historical charts

  • Account Creation

  • Simple Evaluation Steps

Surprising and delightful

Surprising & delightful

Surprising and delightful

  • Direct action in personal dashboard

  • Push notifications for major changes in investment performance

  • Virtual Posture Coach

  • Personalized Health Tips

  • 1-click bundle pool investment

  • Virtual Posture Coach

  • Personalized Health Tips

Can come later

Can come later

Can come later

  • Responsive mobile design

  • Refined terminology

  • Customizable dashboard

  • Fitness Goal Suggestions

  • User Registration & Sign-In

  • Pool analytics

  • Fitness Goal Suggestions

  • User Registration & Sign-In

User flow

User flow

I created the user flow based on the current website and then modified the steps that I felt needed improvement and I kept the original user flow for comparison.

I created the user flow based on the current website and then modified the steps that I felt needed improvement and I kept the original user flow for comparison.

Design

Design

Design

Low-fidelity Wireframes

Low-fidelity Wireframes

I created wireframes for the Home, About Us, Case Studies, and Program pages.

To simplify navigation, I merged the Course Introduction into the Program details. I also streamlined the Home page by removing repetitive information and showcasing real case studies instead of illustrations.

I created wireframes for the Home, About Us, Case Studies, and Program pages.

To simplify navigation, I merged the Course Introduction into the Program details. I also streamlined the Home page by removing repetitive information and showcasing real case studies instead of illustrations.

Mid-fidelity Wireframes

Mid-fidelity Wireframes

After establishing the desktop structure in low-fidelity wireframes, I focused on creating mobile responsive screens at the mid-fidelity stage. The goal was to adapt the layout and interaction flow for smaller devices while maintaining usability, visual hierarchy, and brand consistency.

After establishing the desktop structure in low-fidelity wireframes, I focused on creating mobile responsive screens at the mid-fidelity stage. The goal was to adapt the layout and interaction flow for smaller devices while maintaining usability, visual hierarchy, and brand consistency.

User Testing

User Testing

The usability test plan for this project was relatively straightforward, focusing on navigation and accessing key information.

The tasks centered around finding coaches, exploring case studies, understanding program pricing, and booking a free evaluation.


The feedback helped identify improvements not only in visual presentation but also in logical flow and user guidance.

The usability test plan for this project was relatively straightforward, focusing on navigation and accessing key information.

The tasks centered around finding coaches, exploring case studies, understanding program pricing, and booking a free evaluation.


The feedback helped identify improvements not only in visual presentation but also in logical flow and user guidance.

Positive Feedback:

Positive Feedback:

Positive Feedback:

  • The website is visually engaging with clear content and well-organized structure.

  • Illustrations on the homepage are appealing and help explain posture issues effectively.

  • The case study section is interesting and encourages exploration through features like the rotation effect.

  • The program listing design is clear and easy to navigate.

  • The platform feels intuitive for task completion without external guidance.

  • The website is visually engaging with clear content and well-organized structure.

  • Illustrations on the homepage are appealing and help explain posture issues effectively.

  • The case study section is interesting and encourages exploration through features like the rotation effect.

  • The program listing design is clear and easy to navigate.

  • The platform feels intuitive for task completion without external guidance.

  • The website is visually engaging with clear content and well-organized structure.

  • Illustrations on the homepage are appealing and help explain posture issues effectively.

  • The case study section is interesting and encourages exploration through features like the rotation effect.

  • The program listing design is clear and easy to navigate.

  • The platform feels intuitive for task completion without external guidance.

Areas for Improvement:

Areas for Improvement:

Areas for Improvement:

  • The color scheme, while consistent, feels flat and makes important sections (like "Our Team") harder to notice.

  • The "Find Coach" guide feels unclear; users expect "Find the Team" wording to match their mental model better.

  • Users suggested adding a filter feature in the program section to quickly find relevant programs.

  • The call-to-action "Book a Free Evaluation" needs clearer wording; "Free Trial" was recommended for better visibility and understanding.

  • The doctor session section was perceived as less aesthetic and not well connected to the homepage flow.

  • Users felt the homepage logic (problem–solution flow) could be more clearly structured.

  • Some professional photos felt slightly intimidating, giving a less inclusive first impression to potential users.

  • The color scheme, while consistent, feels flat and makes important sections (like "Our Team") harder to notice.

  • The "Find Coach" guide feels unclear; users expect "Find the Team" wording to match their mental model better.

  • Users suggested adding a filter feature in the program section to quickly find relevant programs.

  • The call-to-action "Book a Free Evaluation" needs clearer wording; "Free Trial" was recommended for better visibility and understanding.

  • The doctor session section was perceived as less aesthetic and not well connected to the homepage flow.

  • Users felt the homepage logic (problem–solution flow) could be more clearly structured.

  • Some professional photos felt slightly intimidating, giving a less inclusive first impression to potential users.

  • The color scheme, while consistent, feels flat and makes important sections (like "Our Team") harder to notice.

  • The "Find Coach" guide feels unclear; users expect "Find the Team" wording to match their mental model better.

  • Users suggested adding a filter feature in the program section to quickly find relevant programs.

  • The call-to-action "Book a Free Evaluation" needs clearer wording; "Free Trial" was recommended for better visibility and understanding.

  • The doctor session section was perceived as less aesthetic and not well connected to the homepage flow.

  • Users felt the homepage logic (problem–solution flow) could be more clearly structured.

  • Some professional photos felt slightly intimidating, giving a less inclusive first impression to potential users.

Final High-Fidelity wireframes

Final High-Fidelity Wireframes

Final High-Fidelity wireframes

Final High-Fidelity Prototype

Final High-Fidelity Prototype

Below is the final high-fidelity prototype video, showcasing the new dashboard feature, demonstrating seamless investment tracking, depositing, and reporting feature.

Below is the final high-fidelity prototype video, showcasing the new dashboard feature, demonstrating seamless investment tracking, depositing, and reporting feature.

Impact and Reflection

Impact and Reflection

Through this project, I strengthened my ability to critically review and refine user experiences.


I learned the importance of truly understanding the core idea of the business; by focusing on navigation clarity, wording adjustments, and visual hierarchy, I was able to improve user understanding and streamline the flow of information.


This experience also reinforced the value of thoughtful terminology choices and the need to balance visual design with functional clarity.

Through this project, I strengthened my ability to critically review and refine user experiences.


I learned the importance of truly understanding the core idea of the business; by focusing on navigation clarity, wording adjustments, and visual hierarchy, I was able to improve user understanding and streamline the flow of information.


This experience also reinforced the value of thoughtful terminology choices and the need to balance visual design with functional clarity.