Tools
Tools
Tools
Tools
Role
Role
Role
Role
Timeline
Timeline
Timeline
Timeline
Implementing User-Focused interviews to create a more visually appealing, informative, and trustworthy platform for customers.
Implementing User-Focused interviews to create a more visually appealing, informative, and trustworthy platform for customers.
Implementing User-Focused interviews to create a more visually appealing, informative, and trustworthy platform for customers.
Implementing User-Focused interviews to create a more visually appealing, informative, and trustworthy platform for customers.
9 Weeks
9 Weeks
9 Weeks
9 Weeks
Figma, Miro
Figma, Miro
Figma, Miro
Figma, Miro
4 Person team, UX/UI Designer
4 Person team, UX/UI Designer
4 Person team, UX/UI Designer
4 Person team, UX/UI Designer
2023
2023
2023
9 weeks
9 weeks
9 weeks
Enliven
Enliven
Enliven
What is Enliven?
What is Enliven?
What is Enliven?
Enliven is a company that sells IV solutions, shots, and other health products to the private and corporate sector. This project is focused on redesigning its website’s accessibility and functionality.
Enliven is a company that sells IV solutions, shots, and other health products to the private and corporate sector. This project is focused on redesigning its website’s accessibility and functionality.
Enliven is a company that sells IV solutions, shots, and other health products to the private and corporate sector. This project is focused on redesigning its website’s accessibility and functionality.
Enliven is a company that sells IV solutions, shots, and other health products to the private and corporate sector. This project is focused on redesigning its website’s accessibility and functionality.
Enliven is a company that sells IV solutions, shots, and other health products to the private and corporate sector. This project is focused on redesigning its website’s accessibility and functionality.
Context
Context
Context
Background
The video is half cut off which looks odd and doesn't entice users to purchase this product.
The video is half cut off which looks odd and doesn't entice users to purchase this product.
The video is half cut off which looks odd and doesn't entice users to purchase this product.
The video is half cut off which looks odd and doesn't entice users to purchase this product.
A "book now" button is not immediately visible, creating difficulty for users in finding it.
A "book now" button is not immediately visible, creating difficulty for users in finding it.
A "book now" button is not immediately visible, creating difficulty for users in finding it.
A "book now" button is not immediately visible, creating difficulty for users in finding it.
I noticed there isn't any crediblity from any Dr. which automatically decreases trust levels.
I noticed there isn't any crediblity from any Dr. which automatically decreases trust levels.
I noticed there isn't any crediblity from any Dr. which automatically decreases trust levels.
I noticed there isn't any crediblity from any Dr. which automatically decreases trust levels.
The website's layout is lacking, and despite the centrally placed schedule button, there isn't enough information to book an appointment.
The website's layout is lacking, and despite the centrally placed schedule button, there isn't enough information to book an appointment.
The website's layout is lacking, and despite the centrally placed schedule button, there isn't enough information to book an appointment.
The website's layout is lacking, and despite the centrally placed schedule button, there isn't enough information to book an appointment.
Appointments
Appointments
Products
Products
Home Page
Home Page
To avoid endless scrolling of the products, we should try and change the layout of the IV bags and NAD shots.
To avoid endless scrolling of the products, we should try and change the layout of the IV bags and NAD shots.
To avoid endless scrolling of the products, we should try and change the layout of the IV bags and NAD shots.
To avoid endless scrolling of the products, we should try and change the layout of the IV bags and NAD shots.
For a first time user, adding a step-by step guide would be essential.
For a first time user, adding a step-by step guide would be essential.
For a first time user, adding a step-by step guide would be essential.
For a first time user, adding a step-by step guide would be essential.
Our Discoveries
Our Discoveries
Our Discoveries
We ran into a lot of basic usability and layout issues during the process
We ran into a lot of basic usability and layout issues during the process
We ran into a lot of basic usability and layout issues during the process
As a team, we brainstormed and observed what the problems were
As a team, we brainstormed and observed what the problems were
As a team, we brainstormed and observed what the problems were
Accessibility
Accessibility
Accessibility
After noticing these problems, my team and I decided to run a WCAG accessiblity test to see how accessible the website is. We ran it through QualWeb and AccessScan and these were our results.
After noticing these problems, my team and I decided to run a WCAG accessiblity test to see how accessible the website is. We ran it through QualWeb and AccessScan and these were our results.
After noticing these problems, my team and I decided to run a WCAG accessiblity test to see how accessible the website is. We ran it through QualWeb and AccessScan and these were our results.
Problem Statement
Problem Statement
Problem Statement
Problem Statement
Users are upset!
Users are upset!
Users are upset!
Users are upset!
The usability, accessibility, design, and functionality of the Enliven website is not optimized to accommodate all of its customers’ and/or users’ wants and needs.
The usability, accessibility, design, and functionality of the Enliven website is not optimized to accommodate all of its customers’ and/or users’ wants and needs.
The usability, accessibility, design, and functionality of the Enliven website is not optimized to accommodate all of its customers’ and/or users’ wants and needs.
The usability, accessibility, design, and functionality of the Enliven website is not optimized to accommodate all of its customers’ and/or users’ wants and needs.
We will perform a redesign of the entire website to accommodate for its customers & users through focused rapid contextual design.
We will perform a redesign of the entire website to accommodate for its customers & users through focused rapid contextual design.
We will perform a redesign of the entire website to accommodate for its customers & users through focused rapid contextual design.
We will perform a redesign of the entire website to accommodate for its customers & users through focused rapid contextual design.
Individuals seeking to improve their health.
Enliven Wellness LLC (including the owner, website designer/maintainer, marketing team, etc.).
Competitors and potential competitors of Enliven Wellness (companies selling IV solutions and shots).
Companies selling health-related products to the public.
Individuals seeking to improve their health.
Enliven Wellness LLC (including the owner, website designer/maintainer, marketing team, etc.).
Competitors and potential competitors of Enliven Wellness (companies selling IV solutions and shots).
Companies selling health-related products to the public.
Individuals seeking to improve their health.
Enliven Wellness LLC (including the owner, website designer/maintainer, marketing team, etc.).
Competitors and potential competitors of Enliven Wellness (companies selling IV solutions and shots).
Companies selling health-related products to the public.
Individuals seeking to improve their health.
Enliven Wellness LLC (including the owner, website designer/maintainer, marketing team, etc.).
Competitors and potential competitors of Enliven Wellness (companies selling IV solutions and shots).
Companies selling health-related products to the public.
Solution Statement
Solution Statement
Solution Statement
Solution Statement
What we want to solve?
What we want to solve?
Our Users
Our Users
Our Users
Our Users
Our Target Audience
Our Target Audience
Our Target Audience
An aesthetic picture to entice customers
An aesthetic picture to entice customers
An aesthetic picture to entice customers
Instead of a city, we have water which looks aesthetic but could potentially be confusing for users
Instead of a city, we have water which looks aesthetic but could potentially be confusing for users
Instead of a city, we have water which looks aesthetic but could potentially be confusing for users
Adding the Texas flag brings in the culture which can represent a sense of comfort for the people.
Adding the Texas flag brings in the culture which can represent a sense of comfort for the people.
Adding the Texas flag brings in the culture which can represent a sense of comfort for the people.
There are three "schedule now" buttons all over the website which is straight to the point.
There are three "schedule now" buttons all over the website which is straight to the point.
There are three "schedule now" buttons all over the website which is straight to the point.
All three companies follow a similar layout which won't be confusing for users.
All three companies follow a similar layout which won't be confusing for users.
All three companies follow a similar layout which won't be confusing for users.
It's minimal, therefore your eyes tend to look in the middle, and then you notice the "Book Now" button.
It's minimal, therefore your eyes tend to look in the middle, and then you notice the "Book Now" button.
It's minimal, therefore your eyes tend to look in the middle, and then you notice the "Book Now" button.
The color palette is blue which brings more trust for the company and customers get slowly convinced.
The color palette is blue which brings more trust for the company and customers get slowly convinced.
The color palette is blue which brings more trust for the company and customers get slowly convinced.
Color Palette is bright, exuding trust between the company and customers relationship
Color Palette is bright, exuding trust between the company and customers relationship
Color Palette is bright, exuding trust between the company and customers relationship
The website is well-organized, with clear headings and an eye-catching booking button. It provides insightful information for first-time users.
The website is well-organized, with clear headings and an eye-catching booking button. It provides insightful information for first-time users.
The website is well-organized, with clear headings and an eye-catching booking button. It provides insightful information for first-time users.
A
A
A
B
B
B
C
C
C
A
A
A
B
B
B
C
C
C
A
A
A
B
B
B
C
C
C
A
B
C
What are other companies doing?
What are other companies doing?
What are other companies doing?
What are other companies doing?
I wanted to look at successful IV companies to get an idea of what's working for them
I wanted to look at successful IV companies to get an idea of what's working for them
I wanted to look at successful IV companies to get an idea of what's working for them
I wanted to look at successful IV companies to get an idea of what's working for them
Old Website
Old Website
Old Website
Old Website
The Process
The Process
After understanding our needs, we began to soldify our design process.
After understanding our needs, we began to soldify our design process.
After understanding our needs, we began to soldify our design process.
01/ Empathize
01/ Empathize
01/ Empathize
We will be getting answers from users on what they want in Enliven's website
We will be getting answers from users on what they want in Enliven's website
We will be getting answers from users on what they want in Enliven's website
We will be getting answers from users on what they want in Enliven's website
02/ Define
02/ Define
02/ Define
Our personas highlight the most important struggles.
Our personas highlight the most important struggles.
Our personas highlight the most important struggles.
Our personas highlight the most important struggles.
03/ Ideate
03/ Ideate
03/ Ideate
Our team drew scenarios on what our users will go through with our added changes.
Our team drew scenarios on what our users will go through with our added changes.
Our team drew scenarios on what our users will go through with our added changes.
04/ Prototype
04/ Prototype
04/ Prototype
Our team's development of our current design and seeing what changes we need to make.
Our team's development of our current design and seeing what changes we need to make.
Our team's development of our current design and seeing what changes we need to make.
Our team created a video sharing our final designs to other users.
Our team created a video sharing our final designs to other users.
Our team created a video sharing our final designs to other users.
05/ Test
05/ Test
05/ Test
Protocol & Questions
Protocol & Questions
01/Empathize
01/Empathize
Protocol & Questions
Protocol & Questions
We conducted an observational usability test on the company's live website. Participants completed specified tasks using their preferred laptop or desktop within their usual workspace.
The procedure goes as follows:
Ask for permission to record the interview
Tell the interviewee about the goal of the interview and how it will be conducted
Begin the the activity section of the interview
Ask questions about the activity section
Ask questions about the interviewee
We also assured the interviewees’ anonymity and that we would destroy all of the data (e.g. notes and recordings) we collected about the interviewee after the project’s completion.
We conducted an observational usability test on the company's live website. Participants completed specified tasks using their preferred laptop or desktop within their usual workspace.
The procedure goes as follows:
Ask for permission to record the interview
Tell the interviewee about the goal of the interview and how it will be conducted
Begin the the activity section of the interview
Ask questions about the activity section
Ask questions about the interviewee
We also assured the interviewees’ anonymity and that we would destroy all of the data (e.g. notes and recordings) we collected about the interviewee after the project’s completion.
We conducted an observational usability test on the company's live website. Participants completed specified tasks using their preferred laptop or desktop within their usual workspace.
The procedure goes as follows:
Ask for permission to record the interview
Tell the interviewee about the goal of the interview and how it will be conducted
Begin the the activity section of the interview
Ask questions about the activity section
Ask questions about the interviewee
We also assured the interviewees’ anonymity and that we would destroy all of the data (e.g. notes and recordings) we collected about the interviewee after the project’s completion.
We conducted an observational usability test on the company's live website. Participants completed specified tasks using their preferred laptop or desktop within their usual workspace.
The procedure goes as follows:
Ask for permission to record the interview
Tell the interviewee about the goal of the interview and how it will be conducted
Begin the the activity section of the interview
Ask questions about the activity section
Ask questions about the interviewee
We also assured the interviewees’ anonymity and that we would destroy all of the data (e.g. notes and recordings) we collected about the interviewee after the project’s completion.
Click the links to see our scripts and what each team member wrote for notes
Click the links to see our scripts and what each team member wrote for notes
Click the links to see our scripts and what each team member wrote for notes
Click the links to see our scripts and what each team member wrote for notes
Interviews
Interviews
Our team conducted these interviews to see what we were missing and receive in-depth answers from our interviewees
Our team conducted these interviews to see what we were missing and receive in-depth answers from our interviewees
We conducted four interviews (one interview per person)
Criterion: Significant age difference (at least 10 years) between interviewees for each interviewer.
Timing: Interviews will be conducted within 48 hours before the first interpretation session.
Duration: Interviews averaged 45 minutes.
We conducted four interviews (one interview per person)
Criterion: Significant age difference (at least 10 years) between interviewees for each interviewer.
Timing: Interviews will be conducted within 48 hours before the first interpretation session.
Duration: Interviews averaged 45 minutes.
We conducted four interviews (one interview per person)
Criterion: Significant age difference (at least 10 years) between interviewees for each interviewer.
Timing: Interviews will be conducted within 48 hours before the first interpretation session.
Duration: Interviews averaged 45 minutes.
We conducted four interviews (one interview per person)
Criterion: Significant age difference (at least 10 years) between interviewees for each interviewer.
Timing: Interviews will be conducted within 48 hours before the first interpretation session.
Duration: Interviews averaged 45 minutes.
To enhance our website's accessibility:
We incorporated age diversity into user interviews to enhance website accessibility.
Focus on ensuring non-tech-savvy individuals, especially elderly users, can navigate easily.
Aim to create an inclusive and user-friendly experience for all visitors, regardless of technical proficiency.
To enhance our website's accessibility:
We incorporated age diversity into user interviews to enhance website accessibility.
Focus on ensuring non-tech-savvy individuals, especially elderly users, can navigate easily.
Aim to create an inclusive and user-friendly experience for all visitors, regardless of technical proficiency.
To enhance our website's accessibility:
We incorporated age diversity into user interviews to enhance website accessibility.
Focus on ensuring non-tech-savvy individuals, especially elderly users, can navigate easily.
Aim to create an inclusive and user-friendly experience for all visitors, regardless of technical proficiency.
To enhance our website's accessibility:
We incorporated age diversity into user interviews to enhance website accessibility.
Focus on ensuring non-tech-savvy individuals, especially elderly users, can navigate easily.
Aim to create an inclusive and user-friendly experience for all visitors, regardless of technical proficiency.
Our Goal: Create an Affinity Diagram through interpretation sessions.
The first interpretation session progressed slower than anticipated.
Had to schedule two more sessions within a week of the first session.
Despite being less than ideal, multiple sessions provided more time to consider the organization of affinity notes.
Our Goal: Create an Affinity Diagram through interpretation sessions.
The first interpretation session progressed slower than anticipated.
Had to schedule two more sessions within a week of the first session.
Despite being less than ideal, multiple sessions provided more time to consider the organization of affinity notes.
Our Goal: Create an Affinity Diagram through interpretation sessions.
The first interpretation session progressed slower than anticipated.
Had to schedule two more sessions within a week of the first session.
Despite being less than ideal, multiple sessions provided more time to consider the organization of affinity notes.
Our Goal: Create an Affinity Diagram through interpretation sessions.
The first interpretation session progressed slower than anticipated.
Had to schedule two more sessions within a week of the first session.
Despite being less than ideal, multiple sessions provided more time to consider the organization of affinity notes.
Interpretation sessions averaged over 2 hours.
First session: All 4 members participated.
Second session: 1 member left near the end.
Last session: 3 out of 4 members present.
Prior commitments and schedule conflicts were significant obstacles.
Interpretation sessions averaged over 2 hours.
First session: All 4 members participated.
Second session: 1 member left near the end.
Last session: 3 out of 4 members present.
Prior commitments and schedule conflicts were significant obstacles.
Interpretation sessions averaged over 2 hours.
First session: All 4 members participated.
Second session: 1 member left near the end.
Last session: 3 out of 4 members present.
Prior commitments and schedule conflicts were significant obstacles.
Interpretation sessions averaged over 2 hours.
First session: All 4 members participated.
Second session: 1 member left near the end.
Last session: 3 out of 4 members present.
Prior commitments and schedule conflicts were significant obstacles.
Interpretation Sessions
Interpretation Sessions
Interpretation Sessions
Interpretation Sessions
Affinity Diagram
Affinity Diagram
Affinity Diagram
Affinity Diagram
Pain Points
Pain Points
We want our users to trust the product
We want our users to trust the product
We need the website to be optimal for not just younger users, but elders as well
We need the website to be optimal for not just younger users, but elders as well
Adding a step-by-step guide for new users to navigate through the website
Adding a step-by-step guide for new users to navigate through the website
Our Goals
Our Goals
A
A
A
A
B
B
B
B
C
C
C
C
We segmented the personas into primary, secondary, and anti-personas.
We segmented the personas into primary, secondary, and anti-personas.
We segmented the personas into primary, secondary, and anti-personas.
We segmented the personas into primary, secondary, and anti-personas.
I interpreted interviewees' responses and actions to create four personas.
Segmented personas into primary, secondary, and anti-personas.
Personas help us understand potential use cases and contexts of Enliven's website users and customers.
I interpreted interviewees' responses and actions to create four personas.
Segmented personas into primary, secondary, and anti-personas.
Personas help us understand potential use cases and contexts of Enliven's website users and customers.
I interpreted interviewees' responses and actions to create four personas.
Segmented personas into primary, secondary, and anti-personas.
Personas help us understand potential use cases and contexts of Enliven's website users and customers.
I interpreted interviewees' responses and actions to create four personas.
Segmented personas into primary, secondary, and anti-personas.
Personas help us understand potential use cases and contexts of Enliven's website users and customers.
1
2
02/Define
03/Ideate
Sketches
- Three scenarios were created to explore different aspects of user interaction with the Enliven website.
- These scenarios incorporate the personas and help us understand potential use cases for the Enliven website.
- They provide insights into users' thoughts and feelings while using the website.
- Three scenarios were created to explore different aspects of user interaction with the Enliven website.
- These scenarios incorporate the personas and help us understand potential use cases for the Enliven website.
- They provide insights into users' thoughts and feelings while using the website.
- Three scenarios were created to explore different aspects of user interaction with the Enliven website.
- These scenarios incorporate the personas and help us understand potential use cases for the Enliven website.
- They provide insights into users' thoughts and feelings while using the website.
- Three scenarios were created to explore different aspects of user interaction with the Enliven website.
- These scenarios incorporate the personas and help us understand potential use cases for the Enliven website.
- They provide insights into users' thoughts and feelings while using the website.
Once we created the personas after our interviews, we created scenarios for the primary and secondary
Once we created the personas after our interviews, we created scenarios for the primary and secondary
Once we created the personas after our interviews, we created scenarios for the primary and secondary
Once we created the personas after our interviews, we created scenarios for the primary and secondary
Information Architecture
This would be an ideal representation of how a user would use Enliven
This would be an ideal representation of how a user would use Enliven
Low-Fi
Our final low and high fidelity wireframes.
Our final low and high fidelity wireframes.
04/Prototype
High-Fi
After
After
After
Before
Before
Before
We retained all the categories and content since they were already well-established and well-written.
We retained all the categories and content since they were already well-established and well-written.
We retained all the categories and content since they were already well-established and well-written.
We retained all the categories and content since they were already well-established and well-written.
We moved our wedding page under the appointments tab, as it didn't require a dedicated webpage.
We moved our wedding page under the appointments tab, as it didn't require a dedicated webpage.
We moved our wedding page under the appointments tab, as it didn't require a dedicated webpage.
We moved our wedding page under the appointments tab, as it didn't require a dedicated webpage.
We repositioned the schedule appointment button to ensure users read all the information and build trust.
We repositioned the schedule appointment button to ensure users read all the information and build trust.
We repositioned the schedule appointment button to ensure users read all the information and build trust.
We repositioned the schedule appointment button to ensure users read all the information and build trust.
We updated the appointment layout to improve accessibility and maintain a clean design.
We updated the appointment layout to improve accessibility and maintain a clean design.
We updated the appointment layout to improve accessibility and maintain a clean design.
We updated the appointment layout to improve accessibility and maintain a clean design.
We wanted to add more information to the products to make sure the users know what they're purchasing and can trust the company.
We wanted to add more information to the products to make sure the users know what they're purchasing and can trust the company.
We wanted to add more information to the products to make sure the users know what they're purchasing and can trust the company.
We wanted to add more information to the products to make sure the users know what they're purchasing and can trust the company.
We added a call to action for scheduling appointments and showcasing our products to engage users.
We added a call to action for scheduling appointments and showcasing our products to engage users.
We added a call to action for scheduling appointments and showcasing our products to engage users.
We added a call to action for scheduling appointments and showcasing our products to engage users.
If users want to read more information about the product, we added a view more button.
If users want to read more information about the product, we added a view more button.
If users want to read more information about the product, we added a view more button.
If users want to read more information about the product, we added a view more button.
We've changed the layout from one item to two in a row to save scrolling time.
We've changed the layout from one item to two in a row to save scrolling time.
We've changed the layout from one item to two in a row to save scrolling time.
We've changed the layout from one item to two in a row to save scrolling time.
We repositioned the categories in a top-line format for better organization.
We repositioned the categories in a top-line format for better organization.
We repositioned the categories in a top-line format for better organization.
We repositioned the categories in a top-line format for better organization.
We added a step-by-step tutorial on the side of the home page to help our users navigate the website.
We added a step-by-step tutorial on the side of the home page to help our users navigate the website.
We added a step-by-step tutorial on the side of the home page to help our users navigate the website.
We added a step-by-step tutorial on the side of the home page to help our users navigate the website.
Home Page
Home Page
Home Page
We updated our logo to better represent our company's identity and services.
We updated our logo to better represent our company's identity and services.
We updated our logo to better represent our company's identity and services.
We updated our logo to better represent our company's identity and services.
We have introduced an additional page to allow users to select their desired location.
We have introduced an additional page to allow users to select their desired location.
We have introduced an additional page to allow users to select their desired location.
We have introduced an additional page to allow users to select their desired location.
Side-by-side comparison
Side-by-side comparison
Side-by-side comparison
Our Changes
Our Changes
Our Changes
Products
Products
Appointment
Appointment
After creating the scenarios from our personas and interviews, we created our low, mid, and hi-fi prototypes of Enliven’s website. We then conducted and recorded a user test on the hi-fi prototype to see how a new user would navigate the website.
After creating the scenarios from our personas and interviews, we created our low, mid, and hi-fi prototypes of Enliven’s website. We then conducted and recorded a user test on the hi-fi prototype to see how a new user would navigate the website.
After creating the scenarios from our personas and interviews, we created our low, mid, and hi-fi prototypes of Enliven’s website. We then conducted and recorded a user test on the hi-fi prototype to see how a new user would navigate the website.
After creating the scenarios from our personas and interviews, we created our low, mid, and hi-fi prototypes of Enliven’s website. We then conducted and recorded a user test on the hi-fi prototype to see how a new user would navigate the website.
Click the video below to see an in-depth process of our final designs
Click the video below to see an in-depth process of our final designs
Click the video below to see an in-depth process of our final designs
05/Test
05/Test
Ship sites with style.
Go from design to site with Framer, the web builder for creative pros.
Get Started
Learn More
A feature that I would’ve loved to add is a hamburger menu on the side which displays all the categories. This would make the home page less cluttered and more organized
A feature that I would’ve loved to add is a hamburger menu on the side which displays all the categories. This would make the home page less cluttered and more organized
A feature that I would’ve loved to add is a hamburger menu on the side which displays all the categories. This would make the home page less cluttered and more organized
A feature that I would’ve loved to add is a hamburger menu on the side which displays all the categories. This would make the home page less cluttered and more organized
I would've loved to include a survey that users could fill out in the beginning to find out what's the best IV bag or NAD shot they need instead of endless scrolling
I would've loved to include a survey that users could fill out in the beginning to find out what's the best IV bag or NAD shot they need instead of endless scrolling
I would've loved to include a survey that users could fill out in the beginning to find out what's the best IV bag or NAD shot they need instead of endless scrolling
I would've loved to include a survey that users could fill out in the beginning to find out what's the best IV bag or NAD shot they need instead of endless scrolling
2
2
2
1
1
1
What more could we have done?
What more could we have done?
What more could we have done?
Reflection/Takeaways
The Full Design Process🧑🏽💻
If you're curious about the detailed research and design process behind this project, feel free to reach out to me!
Thrive
Sahil Malgundkar
Austin, TX