Halodoc Redesign - Vits for You Feature
*This is a final project from Binar Academy
Role
UI Designer — Wireframing, High Fidelity, Prototyping.
Team
Febby Shabrina Ghaisani (PM)
Yusuf Eka Wijaya (PM)
Tantri Ayu P. (PM)
Ricky Horia (PM)
Palti Siregar (UI UX)
Naufa Salsabila (UI UX)
Timeline
2 Weeks
About Halodoc
Halodoc is a digital healthcare platform based in Indonesia, offering a range of health-related services through a mobile app.
Overview
This project aim is to help improving user health and fitness amidst busyness in a worker's life.
Therefore Halodoc through this feature "Vits for You" will help the user achieve that with a personalized vitamin recommendation.
Problem
Halodoc users need assistance to improve their well-being amidst hectic work-life.
Numerous Halodoc users in their productive years (20s to 50s) aim to improve their health in hopes of boost their work performance amidst a busy schedule by taking vitamins, but they encounter confusion and difficulties.
Solutions
Noticing halodoc also provides wide range of vitamins, we can see an opportunity to help the user problems by providing recommendation.
" How might we help the user improve their health through vitamins intake? "
Personalized vitamin recommendation.
Form about user general information.
Screening questionnaire about user lifestyle and habits.
Comprehensive explanation about screening result, also user can consult with doctor to discuss further about user health condition.
Built-in vitamin store.
List of vitamin recommendation based on user screening result.
User can instantly select and purchased the vitamin product.
Approach
In this project, we are implementing the design sprint framework.
Map
Understanding Problem and Deciding Objectives
In order to understand deeper and validating the problem assumption we have, research is the best way to find out.
In this project the research phase is conducted by the PM team, but in the process we stumble a blocker mainly caused by lacks of communication and indispensable personal matters, so we decided to conducting the research via online survey with limited time left.
From the research the PM team conduct we found :
After gathering all of the insight and pain points from the survey, we identify the objectives.
Sketch > Decide > Prototyping
Visualizing and Building Ideas
After looking at the research result and gathering insight, we the UI UX team began to construct the ideas into wireflow and lo-fi of the features.
*Click to zoom
High Fidelity Design
As soon as we done with the lo-fi and wireflow, we jump right into high fidelity. Because of limited time we have, to hasten-up our designing process we decided to make the design based on existing halodoc feature called "Kalkulator Risiko Serangan Jantung".
Prototype
Testing
Evaluating the Design
Right after we finish designing Hi-Fi, we began to create a prototype to show how the feature flow and works.
We tested it on user with this criteria :
Halodoc user
Productive age / actively working (20 - 50s)
All gender
We used maze as a medium for testing and here are the result.
Iteration
Improving Design and Flow
Based on the testing we conducted there are several design feedback we received from the users.
Unfortunately we only be able to implement 2 design feedback because we're only few days from project showcase.
Vitamins Filter
User can filter the desired vitamins by tapping the filter tags
Adding a vitamin filter tag based on screening result
Confirmation Message
Adding a bottom modal for confirmation message.
Ask user confirmation when retaking screening test.
Reflection
Despite lacking in research aspect and stumbled a few obstacles, we quite satisfied how this project turned out. However there few things that i learned from this project:
Spend more time on research and make a good research plan, also i learn how to ask the right question can tremendously helped us pinpoint valuable insight.
Effective communication are essential for the success of a project, because lack communication can resulting in misalignment on project goals and delayed productivities.
Thanks for Reading!
You can read my other projects, here
Halodoc Redesign - Vits for You Feature
*This is a final project from Binar Academy
Role
UI Designer — Wireframing, High Fidelity, Prototyping.
Team
Febby Shabrina Ghaisani (PM)
Yusuf Eka Wijaya (PM)
Tantri Ayu P. (PM)
Ricky Horia (PM)
Palti Siregar (UI UX)
Naufa Salsabila (UI UX)
Timeline
2 Weeks
About Halodoc
Halodoc is a digital healthcare platform based in Indonesia, offering a range of health-related services through a mobile app.
Overview
This project aim is to help improving user health and fitness amidst busyness in a worker's life.
Therefore Halodoc through this feature "Vits for You" will help the user achieve that with a personalized vitamin recommendation.
Problem
Halodoc users need assistance to improve their well-being amidst hectic work-life.
Numerous Halodoc users in their productive years (20s to 50s) aim to improve their health in hopes of boost their work performance amidst a busy schedule by taking vitamins, but they encounter confusion and difficulties.
Solutions
Noticing halodoc also provides wide range of vitamins, we can see an opportunity to help the user problems by providing recommendation.
" How might we help the user improve their health through vitamins intake? "
Personalized vitamin recommendation.
Form about user general information.
Screening questionnaire about user lifestyle and habits.
Comprehensive explanation about screening result, also user can consult with doctor to discuss further about user health condition.
Built-in vitamin store.
List of vitamin recommendation based on user screening result.
User can instantly select and purchased the vitamin product.
Approach
In this project, we are implementing the design sprint framework.
Map
Understanding Problem and Deciding Objectives
In order to understand deeper and validating the problem assumption we have, research is the best way to find out.
In this project the research phase is conducted by the PM team, but in the process we stumble a blocker mainly caused by lacks of communication and indispensable personal matters, so we decided to conducting the research via online survey with limited time left.
From the research the PM team conduct we found :
After gathering all of the insight and pain points from the survey, we identify the objectives.
Sketch > Decide > Prototyping
Visualizing and Building Ideas
After looking at the research result and gathering insight, we the UI UX team began to construct the ideas into wireflow and lo-fi of the features.
*Click to zoom
High Fidelity Design
As soon as we done with the lo-fi and wireflow, we jump right into high fidelity. Because of limited time we have, to hasten-up our designing process we decided to make the design based on existing halodoc feature called "Kalkulator Risiko Serangan Jantung".
Prototype
Testing
Evaluating the Design
Right after we finish designing Hi-Fi, we began to create a prototype to show how the feature flow and works.
We tested it on user with this criteria :
Halodoc user
Productive age / actively working (20 - 50s)
All gender
We used maze as a medium for testing and here are the result.
Iteration
Improving Design and Flow
Based on the testing we conducted there are several design feedback we received from the users.
Unfortunately we only be able to implement 2 design feedback because we're only few days from project showcase.
Vitamins Filter
User can filter the desired vitamins by tapping the filter tags
Adding a vitamin filter tag based on screening result
Confirmation Message
Adding a bottom modal for confirmation message.
Ask user confirmation when retaking screening test.
Reflection
Despite lacking in research aspect and stumbled a few obstacles, we quite satisfied how this project turned out. However there few things that i learned from this project:
Spend more time on research and make a good research plan, also i learn how to ask the right question can tremendously helped us pinpoint valuable insight.
Effective communication are essential for the success of a project, because lack communication can resulting in misalignment on project goals and delayed productivities.
Thanks for Reading!
You can read my other projects, here
Halodoc Redesign - Vits for You Feature
*This is a final project from Binar Academy
Role
UI Designer — Wireframing, High Fidelity, Prototyping.
Team
Febby Shabrina Ghaisani (PM)
Yusuf Eka Wijaya (PM)
Tantri Ayu P. (PM)
Ricky Horia (PM)
Palti Siregar (UI UX)
Naufa Salsabila (UI UX)
Timeline
2 Weeks
About Halodoc
Halodoc is a digital healthcare platform based in Indonesia, offering a range of health-related services through a mobile app.
Overview
This project aim is to help improving user health and fitness amidst busyness in a worker's life.
Therefore Halodoc through this feature "Vits for You" will help the user achieve that with a personalized vitamin recommendation.
Problem
Halodoc users need assistance to improve their well-being amidst hectic work-life.
Numerous Halodoc users in their productive years (20s to 50s) aim to improve their health in hopes of boost their work performance amidst a busy schedule by taking vitamins, but they encounter confusion and difficulties.
Solutions
Noticing halodoc also provides wide range of vitamins, we can see an opportunity to help the user problems by providing recommendation.
" How might we help the user improve their health through vitamins intake? "
Personalized vitamin recommendation.
Form about user general information.
Screening questionnaire about user lifestyle and habits.
Comprehensive explanation about screening result, also user can consult with doctor to discuss further about user health condition.
Built-in vitamin store.
List of vitamin recommendation based on user screening result.
User can instantly select and purchased the vitamin product.
Approach
In this project, we are implementing the design sprint framework.
Map
Understanding Problem and Deciding Objectives
In order to understand deeper and validating the problem assumption we have, research is the best way to find out.
In this project the research phase is conducted by the PM team, but in the process we stumble a blocker mainly caused by lacks of communication and indispensable personal matters, so we decided to conducting the research via online survey with limited time left.
From the research the PM team conduct we found :
After gathering all of the insight and pain points from the survey, we identify the objectives.
Sketch > Decide > Prototyping
Visualizing and Building Ideas
After looking at the research result and gathering insight, we the UI UX team began to construct the ideas into wireflow and lo-fi of the features.
*Click to zoom
High Fidelity Design
As soon as we done with the lo-fi and wireflow, we jump right into high fidelity. Because of limited time we have, to hasten-up our designing process we decided to make the design based on existing halodoc feature called "Kalkulator Risiko Serangan Jantung".
Prototype
Testing
Evaluating the Design
Right after we finish designing Hi-Fi, we began to create a prototype to show how the feature flow and works.
We tested it on user with this criteria :
Halodoc user
Productive age / actively working (20 - 50s)
All gender
We used maze as a medium for testing and here are the result.
Iteration
Improving Design and Flow
Based on the testing we conducted there are several design feedback we received from the users.
Unfortunately we only be able to implement 2 design feedback because we're only few days from project showcase.
Vitamins Filter
User can filter the desired vitamins by tapping the filter tags
Adding a vitamin filter tag based on screening result
Confirmation Message
Adding a bottom modal for confirmation message.
Ask user confirmation when retaking screening test.
Reflection
Despite lacking in research aspect and stumbled a few obstacles, we quite satisfied how this project turned out. However there few things that i learned from this project:
Spend more time on research and make a good research plan, also i learn how to ask the right question can tremendously helped us pinpoint valuable insight.
Effective communication are essential for the success of a project, because lack communication can resulting in misalignment on project goals and delayed productivities.
Thanks for Reading!
You can read my other projects, here