REZILIENT
Patient experience
My role and responsibilities
product designer
UX Design · Information architecture · Interaction design · Visual UI design
What is Rezilient?
Rezilient is a healthcare service that offers unlimited primary and specialty care through a combination of CloudClinics and telehealth, all for a single, predictable fee paid by employers.
The challenge
The challenge
How might we create a patient experience that is intuitive, efficient, and educational, helping patients and their families quickly access the right care (telehealth or in-office)
How might we create a patient experience that is intuitive, efficient, and educational, helping patients and their families quickly access the right care (telehealth or in-office)
Stakeholders alignment: Audit what’s existing and recommend enhancements
Stakeholders alignment: Audit what’s existing and recommend enhancements
Stakeholders alignment: Audit what’s existing
and recommend enhancements
The stakeholders wanted to redesign their patient experience on their platform and launch in a couple of weeks but they weren’t sure what they needed to fix. That’s why I initially audited the live site and suggested some important IA and UX fixes and get them onboard on the plan.
The stakeholders wanted to redesign their patient experience on their platform and launch in a couple of weeks but they weren’t sure what they needed to fix. That’s why I initially audited the live site and suggested some important IA and UX fixes and get them onboard on the plan.
UX audit - Onboarding / Add a family member
UX audit - Onboarding / Add a family member
UX audit - Onboarding / Add a family member
Opportunities identified
Opportunities identified
Opportunities identified
Users need to received appropiate feedback from any action or process.
Users need to received appropiate feedback from any action or process.
Users need to received appropiate feedback from any action or process.
1
1
1
The word “verify” can have some ambiguity here.
The word “verify” can have some ambiguity here.
The word “verify” can have some ambiguity here.
2
2
2
A 4-step process can be easily abandoned from a modal window.
A 4-step process can be easily abandoned from a modal window.
A 4-step process can be easily abandoned from a modal window.
3
3
3
There are too many actions for a single modal that’s to accomplish a singles process (add a family member).
There are too many actions for a single modal that’s to accomplish a singles process (add a family member).
There are too many actions for a single modal that’s to accomplish a singles process (add a family member).
4
4
4
The affordance and IA for both, primary and secondary accounts set-up processes needs to be differentiated.
The affordance and IA for both, primary and secondary accounts set-up processes needs to be differentiated.
The affordance and IA for both, primary and secondary accounts set-up processes needs to be differentiated.
5
5
5
Some recommended action items
Some recommended action items
Some recommended action items
Provide in-line errors to any specific field. If there’s a process going on it should be clear the result.
Provide in-line errors to any specific field. If there’s a process going on it should be clear the result.
Provide in-line errors to any specific field. If there’s a process going on it should be clear the result.
Change the word “verify” for any other expression like “enter your email and phone...”
Change the word “verify” for any other expression like “enter your email and phone...”
Change the word “verify” for any other expression like “enter your email and phone...”
Long flows are recommended to be on an full page or a full screen modal.
Long flows are recommended to be on an full page or a full screen modal.
Long flows are recommended to be on an full page or a full screen modal.
IA needs to be organized to guide users to reach their goals and objectives.
IA needs to be organized to guide users to reach their goals and objectives.
IA needs to be organized to guide users to reach their goals and objectives.
2
2
2
1
1
1
3
3
3
5
5
5
4
4
4
UX audit - IA - Header, footer, menu
UX audit - IA - Header, footer, menu
UX audit - IA - Header, footer, menu
Opportunities identified
Opportunities identified
Opportunities identified
Header is used to include all the account information that needs to be easily accessed throughout the entire site.
Header is used to include all the account information that needs to be easily accessed throughout the entire site.
Header is used to include all the account information that needs to be easily accessed throughout the entire site.
1
1
1
These categories needs to be aligned to the jobs to be done.
These categories needs to be aligned to the jobs to be done.
These categories needs to be aligned to the jobs to be done.
2
2
2
Some actions like these will need to have more affordance according to their hierarchy.
Some actions like these will need to have more affordance according to their hierarchy.
Some actions like these will need to have more affordance according to their hierarchy.
3
3
3
Text and buttons / links have the same visual treatment
Text and buttons / links have the same visual treatment
Text and buttons / links have the same visual treatment
4
4
4
Some recommended action items
Some recommended action items
Some recommended action items
Redesign the header, having it at the top, full-width and include all the information related to account management and settings.
Redesign the header, having it at the top, full-width and include all the information related to account management and settings.
Redesign the header, having it at the top, full-width and include all the information related to account management and settings.
IA needs to be redesigned having jobs prioritized.
IA needs to be redesigned having jobs prioritized.
IA needs to be redesigned having jobs prioritized.
Analyze and identify which actions are more important to organize them according to patient relevance.
Analyze and identify which actions are more important to organize them according to patient relevance.
Analyze and identify which actions are more important to organize them according to patient relevance.
Have a dedicated visual treatment for links that makes clear they are interactive elements.
Have a dedicated visual treatment for links that makes clear they are interactive elements.
Have a dedicated visual treatment for links that makes clear they are interactive elements.
1
1
1
3
3
3
2
2
2
1
1
1
Information architecture exploration / wireframing
Information architecture exploration / wireframing
Then started understanding the current information architecture, taxonomy and got hands on wireframes, incorporating ongoing feedback from stakeholders to make sure we were aligned at every step.
Then started understanding the current information architecture, taxonomy and got hands on wireframes, incorporating ongoing feedback from stakeholders to make sure we were aligned at every step.
Information architecture exploration /
wireframing
The product
The product
Let’s collaborate!
diegui.cardona93@gmail.com
Download resumé
Let’s collaborate!
diegui.cardona93@gmail.com
Download resumé
Let’s
collaborate!
diegui.cardona93@gmail.com
Download resume
REZILIENT
Patient experience
My role and responsibilities
product designer
UX Design · Information architecture · Interaction design · Visual UI design
REZILIENT
Patient experience
My role and responsibilities
product designer
UX Design · Information architecture · Interaction design · Visual UI design
What is Rezilient?
Rezilient is a healthcare service that offers unlimited primary and specialty care through a combination of CloudClinics and telehealth, all for a single, predictable fee paid by employers.