VYEPTI is the 1st and only FDA-approved preventive treatment for migraine delivered by intravenous (IV) infusion. They wanted to automate their booking process for their injection services, so my coworkers and I created a booking web app.
Make the booking process as easy as possible for the doctor or client’s staff
Have everything available right from the get-go
Have the visuals stay true to Vyepti’s branding
VYEPTI is the 1st and only FDA-approved preventive treatment for migraine delivered by intravenous (IV) infusion. They wanted to automate their booking process for their injection services, so my coworkers and I created a booking web app.
Make the booking process as easy as possible for the doctor or client’s staff
Have everything available right from the get-go
Have the visuals stay true to Vyepti’s branding
During the onboarding, I was originally paired with an intern, Amir. We both followed what the developer wanted in terms of tech limitations and the very few functions the client wanted.
After the first project was successfully finished, the client came back a few months later and wanted to start a new project with us, but it was mostly to:
1. Revamp what we originally designed
2. Update the web app's features and add 2 new forms processes
Registration and Booking System’s User Flow
Left: Approved design from the first project. Right: Approved design from “revamp” project. Both were heavily influenced by the client’s preferences.
Cleaner versions that were rejected by the client
The client still only wanted what they prefer, visually, and we were happy to obliged. They were also more involved, which made the project go a lot smoother. However, I decided to take the creative liberty and recreate my own version of their app. With the version I made, I believe it truly follows the original objectives the client wanted... make everything visible from the get-go.
Stylescape
Effacacious
Fast
Sustained
Medication
overuse headache
IV Fusion
Safety
My Version; Full View
Original Version
During the first project, the client wanted to include a Patient Directory and a Help Center for Admin Staff and Doctors to view. However, with the revamp project, the client wanted to remove both pages, and focus primarily of the Booking Function.
Original Version
Compared to the old version, I believe that having all the appointments easily seen is better than having to click on a date one by one. However, if a user decides to see the appointments of only one date, then that will reflect on the booking list
My Version; Full View
My Version; Full View
Original Version
Compared to the old version, I believe that having all the appointments easily seen is better than having to click on a date one by one. However, if a user decides to see the appointments of only one date, then that will reflect on the booking list
Logo
Typography
Palette
Iconography
Based in the PH, I’m a Senior UX/UI Designer who loves mixing painterly illustrations with UX Design.
