myMedSpa Provider App
Managing appointments, calendar and clients.
The Project
Role | Responsibility
UI design, UX design, prototyping, design system, coordinating with developers, engineers and management
Tools
Figma, FigJam, Google Sheets, Google Meet, Ionicon, Google Docs
Scope
Solo UX | UI designer
About the Product
The myMedSpa provider app allows med spa providers the tools they need to manage their calendars and fulfill appointments independently.
Through the user’s profile, they can view and edit their weekly availability and schedule black-out dates.
The Problem
Inherited designs for the Provider App to iterate on.
Backstory | Originally starting as an app to connect healthcare professions such as nurses and phlebotomists, the Provider app already had the skeleton created when I was placed into the project.
An Evolving Design | As the company evolved from a healthcare service realm into a med spa and beauty domain, the needs of the app changed. The design became friendlier with more moments of joy, more colorful and streamlined to best suit the needs of a new user.
How Can We Measure Success?
The user can simply access the appointments they are assigned, in addition to access all need information about the service, including instructions, supplies, and notes regarding the client.
Access to their payout information is clear and simple.
App guides the user through fulfilling their appointments with ease.
Elegant UI with the user’s experience top of mind
Easy flows based on reminders and notifications
New appointment request for the provider.
We knew that the the companies myMedSpa were partnering with, were going to be keeping their providers very busy with the growing popularity of med spa services in addition to 40% of clients interested in services outside of normal business hours.
I designed the app to be notification centric- whenever something new or important occurs, the user would be notified. I created notifications for:
New appointment requests
Verify supplies 24 hours prior to appointment
Client cancels an appointment
Appointment today
Client no-show
Day of appointment flow allows user to access integrated EMR to fulfill appointment easily.
The Design System
Dubbed “Twiggy” for it’s fashionable color palette handed off by myMedSpa’s graphic designer, this robust and highly organized 20-page design system was the mother-load of all things UI across The Portal, but also into the Client and Provider apps for brand continuity. All color way combinations were accessibility tested, with friendly and elegant typography. This design system was the first thing I built for Haled, as I understood the importance of consistency across products and having a genuinely inspiring tool kit.
Reflection
Main Challenges
I designed this app per the requests of the business, but was not able to conduct any user testing to iterate on and grow the product from.
Highlights
Calendar Design | I created a weekly-style calendar for both the user setting their schedule, but also for a weekly overview of their upcoming appointments. I liked solving this complicated problem in a way that was simple and accessible.
Fulfillment Flow | After the user fulfills a service, they will be prompted to carry their appointment through the checkout flow. I liked how simple and straightforward this flow was, making it easy and intuitive to complete services even with other apps integrated.