MEDBOX
MEDBOX
MEDBOX
MEDBOX
Simplify your health, with a scan, save, secure approach, ensuring your medical records are always within reach and always protected."
Simplify your health, with a scan, save, secure approach, ensuring your medical records are always within reach and always protected."
Simplify your health, with a scan, save, secure approach, ensuring your medical records are always within reach and always protected."
Simplify your health, with a scan, save, secure approach, ensuring your medical records are always within reach and always protected."
an App to store your medical records
an App to store your medical records
an App to store your medical records
An App to store your
medical records
Note: This case study was made well before my UXUI specialisation programme.
Note: This case study was made well before my UXUI specialization programme.
What's the Problem?
What's the Problem?
What's the Problem?
What's the Problem?
Whenever a disease or a bad health conditions lasts longer than expected, the patient needs to keep the medical records safe and easy accessible. But whenever the symptoms get to look cured for a short or long span, people stops caring about the med records and and struggles to find the old records while diagnosed by the same health issues.
Whenever a disease or a bad health conditions lasts longer than expected, the patient needs to keep the medical records safe and easy accessible. But whenever the symptoms get to look cured for a short or long span, people stops caring about the med records and and struggles to find the old records while diagnosed by the same health issues.
Whenever a disease or a bad health conditions lasts longer than expected, the patient needs to keep the medical records safe and easy accessible. But whenever the symptoms get to look cured for a short or long span, people stops caring about the med records and and struggles to find the old records while diagnosed by the same health issues.
Whenever a disease or a bad health conditions lasts longer than expected, the patient needs to keep the medical records safe and easy accessible. But whenever the symptoms get to look cured for a short or long span, people stops caring about the med records and and struggles to find the old records while diagnosed by the same health issues.
Things gets even tougher while the patient cannot get access to the same consultant, every time, due to various reasons such as distance, availability etc.
It would be helpful if there is a way to just scan a med document such as prescription, lab records, discharge summaries etc. and store them in one place which can be taken to the consultant on next appointments.
Things gets even tougher while the patient cannot get access to the same consultant, every time, due to various reasons such as distance, availability etc. It would be helpful if there is a way to just scan a med document such as prescription, lab records, discharge summaries etc. and store them in one place which can be taken to the consultant on next appointments.
Things gets even tougher while the patient cannot get access to the same consultant, every time, due to various reasons such as distance, availability etc.
It would be helpful if there is a way to just scan a med document such as prescription, lab records, discharge summaries etc. and store them in one place which can be taken to the consultant on next appointments.
Things gets even tougher while the patient cannot get access to the same consultant, every time, due to various reasons such as distance, availability etc. It would be helpful if there is a way to just scan a med document such as prescription, lab records, discharge summaries etc. and store them in one place which can be taken to the consultant on next appointments.
How might we help the patients and their care takers?
How might we help the patients and their care takers?
How might we help the patients and their care takers?
How might we help the patients and their care takers?
Potential Solutions & Goals
Potential Solutions & Goals
Potential Solutions & Goals
Potential Solutions & Goals
To Create a design solution for healthcare record management by enabling a secure storage of medical documents like prescriptions, lab reports, and discharge summaries, empowering patients to take control of their health information and effortlessly share it with healthcare providers for informed decisions and improved continuity of care.
To Create a design solution for healthcare record management by enabling a secure storage of medical documents like prescriptions, lab reports, and discharge summaries, empowering patients to take control of their health information and effortlessly share it with healthcare providers for informed decisions and improved continuity of care.
To Create a design solution for healthcare record management by enabling a secure storage of medical documents like prescriptions, lab reports, and discharge summaries, empowering patients to take control of their health information and effortlessly share it with healthcare providers for informed decisions and improved continuity of care.
To Create a design solution for healthcare record management by enabling a secure storage of medical documents like prescriptions, lab reports, and discharge summaries, empowering patients to take control of their health information and effortlessly share it with healthcare providers for informed decisions and improved continuity of care.
1. Effortless data entry
1. Effortless data entry
Providing easy data /document upload methods such as scans, pdfs, images etc., with enhanced control.
Providing easy data /document upload methods such as scans, pdfs, images etc., with enhanced control.
Providing easy data /document upload methods such as scans, pdfs, images etc., with enhanced control.
Providing easy data /document upload methods such as scans, pdfs, images etc., with enhanced control.
2. Enhanced patient control
2. Enhanced patient control
Patients and care takers manage their own health data and share it on their terms.
Patients and care takers manage their own health data and share it on their terms.
Patients and care takers manage their own health data and share it on their terms.
Patients and care takers manage their own health data and share it on their terms.
3. Shared Profile Control
3. Shared Profile Control
Additional features to control profile by shared Ids to allow kids to retrieve their med records when they become adults
Additional features to control profile by shared Ids to allow kids to retrieve their med records when they become adults
Additional features to control profile by shared Ids to allow kids to retrieve their med records when they become adults
Additional features to control profile by shared Ids to allow kids to retrieve their med records when they become adults
My Role & Process
My Role & Process
My Role & Process
My Role & Process
Product Designer(UXUI design and research)
Product Designer(UXUI design and research)
As a Product Designer(UX/UI design and research), I’ll be responsible for both designing the interface and conducting research to inform design decisions. The tasks will include gathering user requirements, conducting usability testing, creating wireframes and prototypes, designing the visual elements of the interface, creating design system and iterating on designs based on user feedback. This role allows me to make the final product not only looks appealing but also meets user needs effectively.
As a Product Designer(UX/UI design and research), I’ll be responsible for both designing the interface and conducting research to inform design decisions. The tasks will include gathering user requirements, conducting usability testing, creating wireframes and prototypes, designing the visual elements of the interface, creating design system and iterating on designs based on user feedback. This role allows me to make the final product not only looks appealing but also meets user needs effectively.
As a Product Designer(UX/UI design and research), I’ll be responsible for both designing the interface and conducting research to inform design decisions. The tasks will include gathering user requirements, conducting usability testing, creating wireframes and prototypes, designing the visual elements of the interface, creating design system and iterating on designs based on user feedback. This role allows me to make the final product not only looks appealing but also meets user needs effectively.
As a Product Designer(UX/UI design and research), I’ll be responsible for both designing the interface and conducting research to inform design decisions. The tasks will include gathering user requirements, conducting usability testing, creating wireframes and prototypes, designing the visual elements of the interface, creating design system and iterating on designs based on user feedback. This role allows me to make the final product not only looks appealing but also meets user needs effectively.
Discover
Design
Design
Validate
Validate
Discover
1
2
3
4
5
1
2
3
4
5
Analyze
Analyze
Ideate
Define
Design
Design
Test & Refine
Test & Refine
Analyze
Design
Test & Refine
Ideate
Define
Discover & Identify the
Problem
Discover & Identify the
Problem
Discover & Identify the
Problem
Discover & Identify the
Problem
Competitor Analysis
Competitor Analysis
Competitor Analysis
Competitor Analysis
In the realm of healthcare technology, Eka Care and Healow stand out as prominent contenders, each offering unique features and functionalities to address the evolving needs of patients and healthcare providers. Eka Care boasts a comprehensive suite of tools, including personal health recording, COVID vaccine certificate download, and integration with national healthcare initiatives like Ayushman Bharat. Meanwhile, Healow focuses on facilitating doctor tele visits and streamlining the sharing of medical records uploaded by clinics. As users navigate the complexities of these platforms, understanding key metrics and comparisons can illuminate their respective strengths and weaknesses.
In the realm of healthcare technology, Eka Care and Healow stand out as prominent contenders, each offering unique features and functionalities to address the evolving needs of patients and healthcare providers. Eka Care boasts a comprehensive suite of tools, including personal health recording, COVID vaccine certificate download, and integration with national healthcare initiatives like Ayushman Bharat. Meanwhile, Healow focuses on facilitating doctor tele visits and streamlining the sharing of medical records uploaded by clinics. As users navigate the complexities of these platforms, understanding key metrics and comparisons can illuminate their respective strengths and weaknesses.
In the realm of healthcare technology, Eka Care and Healow stand out as prominent contenders, each offering unique features and functionalities to address the evolving needs of patients and healthcare providers. Eka Care boasts a comprehensive suite of tools, including personal health recording, COVID vaccine certificate download, and integration with national healthcare initiatives like Ayushman Bharat. Meanwhile, Healow focuses on facilitating doctor tele visits and streamlining the sharing of medical records uploaded by clinics. As users navigate the complexities of these platforms, understanding key metrics and comparisons can illuminate their respective strengths and weaknesses.
In the realm of healthcare technology, Eka Care and Healow stand out as prominent contenders, each offering unique features and functionalities to address the evolving needs of patients and healthcare providers. Eka Care boasts a comprehensive suite of tools, including personal health recording, COVID vaccine certificate download, and integration with national healthcare initiatives like Ayushman Bharat. Meanwhile, Healow focuses on facilitating doctor tele visits and streamlining the sharing of medical records uploaded by clinics. As users navigate the complexities of these platforms, understanding key metrics and comparisons can illuminate their respective strengths and weaknesses.
"When was the last time you went to hospital? tell about your experience on storing medical documents?"
"When was the last time you went to hospital? tell about your experience on storing medical documents?"
Interview Question
Interview Question
Interview Question
Interview Question
Interviews
Interviews
Interviews
Interviews
I interviewed 4 users, who where patients, parents taking care of their kids and adults taking care of their parents Each interview was conducted
remotely through phone call or in-person,
and lasted about 20 minutes. Here are my
main findings:
I interviewed 4 users, who where patients, parents taking care of their kids and adults taking care of their parents Each interview was conducted
remotely through phone call or in-person,
and lasted about 20 minutes. Here are my
main findings:
I interviewed 4 users, who where patients, parents taking care of their kids and adults taking care of their parents Each interview was conducted
remotely through phone call or in-person,
and lasted about 20 minutes. Here are my
main findings:
I interviewed 4 users, who where patients, parents taking care of their kids and adults taking care of their parents Each interview was conducted
remotely through phone call or in-person,
and lasted about 20 minutes. Here are my
main findings:
Creating an empathy map helps understand the user's desires and goals
Creating an empathy map helps understand the user's desires and goals
Creating an empathy map helps understand the user's desires and goals
Creating an empathy map helps understand the user's desires and goals
Personas
Personas
Personas
Personas
I illustrated the behavioural traits identified in my empathy map to a user persona. The goal here is to maintain a connection with the product user throughout the development process.
I illustrated the behavioural traits identified in my empathy map to a user persona. The goal here is to maintain a connection with the product user throughout the development process.
I illustrated the behavioural traits identified in my empathy map to a user persona. The goal here is to maintain a connection with the product user throughout the development process.
I illustrated the behavioural traits identified in my empathy map to a user persona. The goal here is to maintain a connection with the product user throughout the development process.
Considering Siva’s pain points and goals, I focused on creating a system for him to save all his and his family’s medical records in one place and maintained by himself.
Considering Siva’s pain points and goals, I focused on creating a system for him to save all his and his family’s medical records in one place and maintained by himself.
Considering Siva’s pain points and goals, I focused on creating a system for him to save all his and his family’s medical records in one place and maintained by himself.
Considering Siva’s pain points and goals, I focused on creating a system for him to save all his and his family’s medical records in one place and maintained by himself.
User Journey
User Journey
User Journey
User Journey
I've mapped out the users' steps from their initial interaction with the brands to the possibility of establishing a lasting connection, considering the average experience across two brands. This reveals where users face challenges and where there's room for improvement in their experience.
I've mapped out the users' steps from their initial interaction with the brands to the possibility of establishing a lasting connection, considering the average experience across two brands. This reveals where users face challenges and where there's room for improvement in their experience.
I've mapped out the users' steps from their initial interaction with the brands to the possibility of establishing a lasting connection, considering the average experience across two brands. This reveals where users face challenges and where there's room for improvement in their experience.
I've mapped out the users' steps from their initial interaction with the brands to the possibility of establishing a lasting connection, considering the average experience across two brands. This reveals where users face challenges and where there's room for improvement in their experience.
User Journey Map
User Journey Map
User Journey Map
User Journey Map
Organize Concepts into
Designs
Organize Concepts into
Designs
Organize Concepts into
Designs
Organize Concepts into
Designs
Sitemap
Sitemap
Sitemap
Sitemap
I've put together a site map outlining the fundamental functionalities of the platform. This visual representation provides a overview of the key features and actions available to users. It serves as a reference for understanding the structure and navigation of the application.
I've put together a site map outlining the fundamental functionalities of the platform. This visual representation provides a overview of the key features and actions available to users. It serves as a reference for understanding the structure and navigation of the application.
I've put together a site map outlining the fundamental functionalities of the platform. This visual representation provides a overview of the key features and actions available to users. It serves as a reference for understanding the structure and navigation of the application.
I've put together a site map outlining the fundamental functionalities of the platform. This visual representation provides a overview of the key features and actions available to users. It serves as a reference for understanding the structure and navigation of the application.
User story 1: As a new user [I don’t want to use ABHA id for login and i need simple signup method] so that [I can access most of the basic features without the ABHA id]
User story 2: As a current user [I want to make documents in things like folder] so that [I can have them in a more organised format]
User story 3: As a current user [I want to have a select and share option] so that [I can share multiple files or folders at a time]
User story 4: As a new user (when a kid become an adult) [I want to have access to my health records] so that [I can use them in my mobile app(med box) as a primary user]
User story 1: As a new user [I don’t want to use ABHA id for login and i need simple signup method] so that [I can access most of the basic features without the ABHA id]
User story 2: As a current user [I want to make documents in things like folder] so that [I can have them in a more organised format]
User story 3: As a current user [I want to have a select and share option] so that [I can share multiple files or folders at a time]
User story 4: As a new user (when a kid become an adult) [I want to have access to my health records] so that [I can use them in my mobile app(med box) as a primary user]
User story 1: As a new user [I don’t want to use ABHA id for login and i need simple signup method] so that [I can access most of the basic features without the ABHA id]
User story 2: As a current user [I want to make documents in things like folder] so that [I can have them in a more organised format]
User story 3: As a current user [I want to have a select and share option] so that [I can share multiple files or folders at a time]
User story 4: As a new user (when a kid become an adult) [I want to have access to my health records] so that [I can use them in my mobile app(med box) as a primary user]
User story 1: As a new user [I don’t want to use ABHA id for login and i need simple signup method] so that [I can access most of the basic features without the ABHA id]
User story 2: As a current user [I want to make documents in things like folder] so that [I can have them in a more organised format]
User story 3: As a current user [I want to have a select and share option] so that [I can share multiple files or folders at a time]
User story 4: As a new user (when a kid become an adult) [I want to have access to my health records] so that [I can use them in my mobile app(med box) as a primary user]
User Stories & Flows
User Stories & Flows
User Stories & Flows
User Stories & Flows
With the persona and analysis, I crafted different user stories to clarify the user’s functional needs. while that helps to establish a solid information architecture for the design phase
With the persona and analysis, I crafted different user stories to clarify the user’s functional needs. while that helps to establish a solid information architecture for the design phase
With the persona and analysis, I crafted different user stories to clarify the user’s functional needs. while that helps to establish a solid information architecture for the design phase
With the persona and analysis, I crafted different user stories to clarify the user’s functional needs. while that helps to establish a solid information architecture for the design phase
Design System
Design System
Design System
Design System
The Design system is developed in-order to give the app a trustworthy and straightforward appearance. It incorporates genuine icons that serve to explain and seamlessly guide users, making the app both effective and easy to use.
The Design system is developed in-order to give the app a trustworthy and straightforward appearance. It incorporates genuine icons that serve to explain and seamlessly guide users, making the app both effective and easy to use.
The Design system is developed in-order to give the app a trustworthy and straightforward appearance. It incorporates genuine icons that serve to explain and seamlessly guide users, making the app both effective and easy to use.
The Design system is developed in-order to give the app a trustworthy and straightforward appearance. It incorporates genuine icons that serve to explain and seamlessly guide users, making the app both effective and easy to use.
Wireframes
Wireframes
Wireframes
Wireframes
Based on the information architecture above, after few sketching of different screens I moved into wireframes, which will provide better quality of under standing for users. I started to create wire frames for all major screens in the workflows. such as Document screen, Upload document screen, Profile screen, Add new profile screen, edit Profile screen etc., which are the major screens in User flows.
Based on the information architecture above, after few sketching of different screens I moved into wireframes, which will provide better quality of under standing for users. I started to create wire frames for all major screens in the workflows. such as Document screen, Upload document screen, Profile screen, Add new profile screen, edit Profile screen etc., which are the major screens in User flows.
Based on the information architecture above, after few sketching of different screens I moved into wireframes, which will provide better quality of under standing for users. I started to create wire frames for all major screens in the workflows. such as Document screen, Upload document screen, Profile screen, Add new profile screen, edit Profile screen etc., which are the major screens in User flows.
Based on the information architecture above, after few sketching of different screens I moved into wireframes, which will provide better quality of under standing for users. I started to create wire frames for all major screens in the workflows. such as Document screen, Upload document screen, Profile screen, Add new profile screen, edit Profile screen etc., which are the major screens in User flows.
After two rounds of User testing, one with wireframe prototype and one with high-fidelity prototype, I got some user feedbacks to incorporate in the design update process. Few notable changes are adding more details in the document cards, options to edit the document during the upload process and to make the ui looks more interesting with some new features.
After two rounds of User testing, one with wireframe prototype and one with high-fidelity prototype, I got some user feedbacks to incorporate in the design update process. Few notable changes are adding more details in the document cards, options to edit the document during the upload process and to make the ui looks more interesting with some new features.
After two rounds of User testing, one with wireframe prototype and one with high-fidelity prototype, I got some user feedbacks to incorporate in the design update process. Few notable changes are adding more details in the document cards, options to edit the document during the upload process and to make the ui looks more interesting with some new features.
After two rounds of User testing, one with wireframe prototype and one with high-fidelity prototype, I got some user feedbacks to incorporate in the design update process. Few notable changes are adding more details in the document cards, options to edit the document during the upload process and to make the ui looks more interesting with some new features.
Iteration after feedback #1
Iteration after feedback #1
Feedback #1
Feedback #1
Feedback #1
Feedback #1
Need more details on the document card to choose the correct file a bit faster.
Need more details on the document card to choose the correct file a bit faster.
Need more details on the document card to choose the correct file a bit faster.
Need more details on the document card to choose the correct file a bit faster.
Feedback #2
Feedback #2
Feedback #2
Feedback #2
Need an option to view the document and edit it while uploading.
Need an option to view the document and edit it while uploading.
Need an option to view the document and edit it while uploading.
Need an option to view the document and edit it while uploading.
Feedback #3
Feedback #3
Feedback #3
Feedback #3
Need an option to change the preferred language faster..
Need an option to change the preferred language faster..
Need an option to change the preferred language faster..
Need an option to change the preferred language faster..
Feedback #4
Feedback #4
Feedback #4
Feedback #4
The UI of the app can be improved to look better and modern.
The UI of the app can be improved to look better and modern.
The UI of the app can be improved to look better and modern.
The UI of the app can be improved to look better and modern.
Before Feedback #1
Before Feedback #1
After Feedback #1
After Feedback #1
After Feedback #1 - High_Fidelity
After Feedback #1 - High_Fidelity
Upload document
Upload document
Upload document
Upload document
Save document
Save document
Save document
Add new profile
Add new profile
Add new profile
Save profile
Save profile
Save profile
Save document
Add new profile
Save profile
One super button to
handle multiple tasks
One super button to
handle multiple tasks
One super button to
handle multiple tasks
One super button to
handle multiple tasks
Before
Before
After
After
Before
Before
After
After
Interactive Prototype
Interactive Prototype
Interactive Prototype
Interactive Prototype
I collaborated on creating a clickable prototype in Figma for testing which helps me view how the screens would look on a mobile phone. The downside is that your mobile phone must have the same screen size as your design, otherwise, some elements will be cut-off.
I collaborated on creating a clickable prototype in Figma for testing which helps me view how the screens would look on a mobile phone. The downside is that your mobile phone must have the same screen size as your design, otherwise, some elements will be cut-off.
I collaborated on creating a clickable prototype in Figma for testing which helps me view how the screens would look on a mobile phone. The downside is that your mobile phone must have the same screen size as your design, otherwise, some elements will be cut-off.
I collaborated on creating a clickable prototype in Figma for testing which helps me view how the screens would look on a mobile phone. The downside is that your mobile phone must have the same screen size as your design, otherwise, some elements will be cut-off.
Try the app above!
or
Try the app above!
or
Try the app above!
or
Try the app above!
or
View Here
"When are you going to release this [app]?"
I need this!
"When are you going to release this [app]?"
I need this!
Siva Sakthi - User who tested the app
Siva Sakthi - User who tested the app
Siva Sakthi - User who tested the app
Siva Sakthi - User who tested the app
Final Result
Final Result
Final Result
Final Result
Final Thoughts
Final Thoughts
Final Thoughts
Final Thoughts
This project helps me to apply the process that i learned in studies about the UXUI design process and also helps me to learn new things and workflows. I loved to apply principles and using standards throughout the project that makes it easy while designing.
This project helps me to apply the process that i learned in studies about the UXUI design process and also helps me to learn new things and workflows. I loved to apply principles and using standards throughout the project that makes it easy while designing.
This project helps me to apply the process that i learned in studies about the UXUI design process and also helps me to learn new things and workflows. I loved to apply principles and using standards throughout the project that makes it easy while designing.
This project helps me to apply the process that i learned in studies about the UXUI design process and also helps me to learn new things and workflows. I loved to apply principles and using standards throughout the project that makes it easy while designing.
Incorporating new styles, such as the super button, makes it challenging to maintain consistency across different screens, especially when users give positive feedback about them. However, I always strive to improve from here, just as I always do.
Incorporating new styles, such as the super button, makes it challenging to maintain consistency across different screens, especially when users give positive feedback about them. However, I always strive to improve from here, just as I always do.
Incorporating new styles, such as the super button, makes it challenging to maintain consistency across different screens, especially when users give positive feedback about them. However, I always strive to improve from here, just as I always do.
Incorporating new styles, such as the super button, makes it challenging to maintain consistency across different screens, especially when users give positive feedback about them. However, I always strive to improve from here, just as I always do.
What's Next For MedBox?
What's Next For MedBox?
What's Next For MedBox?
What's Next For MedBox?
New features such as med-stores can be added to the app for users to purchase the medicines. Collaboration withe insurance and medical institutions can help to improve the revenue side of the company.
New features such as med-stores can be added to the app for users to purchase the medicines. Collaboration withe insurance and medical institutions can help to improve the revenue side of the company.
New features such as med-stores can be added to the app for users to purchase the medicines. Collaboration withe insurance and medical institutions can help to improve the revenue side of the company.
New features such as med-stores can be added to the app for users to purchase the medicines. Collaboration withe insurance and medical institutions can help to improve the revenue side of the company.
In the future, as the app gains a significant share in the EMR (Electronic Medical Record) sector, it could aid medical researchers in making critical decisions during pandemics. By analysing the location and prevalence of specific diseases recorded, it could facilitate more effective action measures by the government. All while ensuring the safety and security of patients' personal data.
In the future, as the app gains a significant share in the EMR (Electronic Medical Record) sector, it could aid medical researchers in making critical decisions during pandemics. By analysing the location and prevalence of specific diseases recorded, it could facilitate more effective action measures by the government. All while ensuring the safety and security of patients' personal data.
In the future, as the app gains a significant share in the EMR (Electronic Medical Record) sector, it could aid medical researchers in making critical decisions during pandemics. By analysing the location and prevalence of specific diseases recorded, it could facilitate more effective action measures by the government. All while ensuring the safety and security of patients' personal data.
In the future, as the app gains a significant share in the EMR (Electronic Medical Record) sector, it could aid medical researchers in making critical decisions during pandemics. By analysing the location and prevalence of specific diseases recorded, it could facilitate more effective action measures by the government. All while ensuring the safety and security of patients' personal data.
