Vantage Health.ai
Vantage Health.ai
Offers a streamlined service for managing and paying healthcare balances online through secure payment links. While supporting credit and debit card payments, they needed a solution to introduce more payment options and enhance the user experience with
improved UX and UI.
Offers a streamlined service
for managing and paying healthcare balances online through secure payment links. While supporting credit and debit card payments, they needed a solution to introduce more payment options and enhance the user experience with improved UX and UI.
Client
Vantage Health
Timeline
3 Weeks
Project
Ux/UI Revamp
Business Need
Business Need
Business Need
To expand their payment options and enhance their current payment system’s user experience to accommodate a
wider range of payment methods.
To expand their payment options and enhance their current payment system’s user experience to accommodate a
wider range of payment methods.
To expand their payment options and enhance their current payment system’s user experience to accommodate a
wider range of payment methods.
Goal
Goal
Goal
to design a versatile payment menu that supports future payment options like eCheck, ApplePay, and PayPal while optimizing the current system for ease of use and a more intuitive experience.
to design a versatile payment menu that supports future payment options like eCheck, ApplePay, and PayPal while optimizing the current system for ease
of use and a more intuitive experience.
to design a versatile payment menu that supports future payment options like eCheck, ApplePay, and PayPal while optimizing the current system for ease of use and a more intuitive experience.
Challenge
Create a payment system that not only met current needs but was also flexible enough for future additions, while improving the overall user experience and addressing limitations in the original interface.
Create a payment system
that not only met current
needs but was also flexible enough for
future additions, while improving the overall
user experience and
addressing limitations in
the original interface.
Create a payment system
that not only met current
needs but was also flexible
enough for future additions, while improving the overall user experience and
addressing limitations in
the original interface.
Current Screens
Current Screens
These screenshots show the previous payment system’s limitations, highlighting the need for UX/UI improvements. I saw opportunities to improve hierarchy, refine CTAs, and create a more intuitive payment method display for better UX.
These screenshots show the previous payment system’s limitations, highlighting the need for UX/UI improvements.
I saw opportunities to improve hierarchy, refine CTAs, and create a more intuitive payment method display
for better UX.
Screens
Screens
Updates
Updates
Updates
I emphasized clear display of the amount due and improved the payment component's intuitiveness, simplifying the process and preparing for future payment methods.
I emphasized clear
display of the amount due
and improved the payment component's intuitiveness, simplifying the process
and preparing for future payment methods.
I emphasized clear display of the amount due
and improved the payment component's intuitiveness, simplifying the process and preparing for future payment methods.
Future State
Future State
Future State
I created a future state to demonstrate how the new payment component could support multiple methods while making mobile compatibility across the project.
I created a future
state to demonstrate how
the new payment component could support multiple methods while making
mobile compatibility
across the project.
I created a future state to demonstrate how
the new payment component could support multiple methods while making mobile compatibility across the project.
Error/Disabled States
Error/Disabled States
Error/Disabled States
The original concept lacked comprehensive error and disabled states, so I made sure to include
every possible state was accounted for in the new designs.
The original concept
lacked comprehensive
error and disabled states,
so I made sure to include
every possible state
was accounted for in
the new designs.
The original concept lacked comprehensive
error and disabled states, so I made sure
to include every possible state was
accounted for in the new designs.
Saved Payment
Saved Payment
Saved Payment
A modified payment screen was designed for users with saved payment methods to streamline the payment process.
A modified payment
screen was designed
for users with saved
payment methods to streamline the
payment process.
A modified payment screen was designed
for users with saved payment methods to streamline the payment process.
Modals
Modals
Modals
Were implemented for various interactions throughout the project, with a focus on ensuring each choice was clearly defined and user friendly.
Were implemented for
various interactions throughout the project, with a focus
on ensuring each choice
was clearly defined
and user friendly.
Were implemented for various interactions throughout the project, with a focus on ensuring each choice was clearly defined and user friendly.
Key Takeaways
Key Takeaways
This project emphasized understanding user needs and anticipating challenges in managing healthcare payments. I simplified the payment process with a versatile menu for current and future methods, ensuring users could easily find their preferred options. I also designed intuitive error states, clear modals, and a streamlined transaction history to address potential hangups. Keeping the user at the center, I prioritized accessibility, clarity, and convenience to create a seamless experience.
This project emphasized understanding user needs
and anticipating challenges
in managing healthcare payments. I simplified the payment process with a versatile menu for current
and future methods, ensuring users could easily find their preferred options. I also designed intuitive error
states, clear modals, and a streamlined transaction history to address potential hangups. Keeping the user at the center, I prioritized accessibility, clarity, and convenience to create a seamless experience.
Up Next
Up Next
Strong Hold
Strong Hold
I crafted a landing page for Stronghold’s:
The Forty Six, highlighting its craftsmanship, 99-year warranty, and customization to captivate users.
I crafted a landing
page for Stronghold’s:
The Forty Six, highlighting its
craftsmanship, 99-year warranty,
and customization to
captivate users.
I crafted a landing page for Stronghold’s: The Forty Six, highlighting its craftsmanship, 99-year warranty, and customization to captivate users.
Website
UX Design
+++
Create
+++
Create
+++
Create
+++
Create
+++
Create
+++
Create
+++
Create
+++
Create
+++
Create
+++
Create
+++
Create
+++
+++
Create
+++
Create
+++
Create
+++
Create
+++
Create
+++
Create
+++
Create
+++
Create
+++
Create
+++
Create
+++
Create
+++
+++
Create
+++
Create
+++
Create
+++
Create
+++
Create
+++
Create
+++
Create
+++
Create
+++
Create
+++
Create
+++
Create
+++