UX Project
Booking Appointment Mobile App
AppointMate App
AppointMate is an appointment booking app for every kind of service like medical or beauty appointments, online classes, personal training, etc. This app helps people to find services and schedule appointments effortlessly.
Problem
When making an appointment, customers need to call a phone number that is often unanswered or busy, and the appointment time is limited to the working hours of the facility or the person providing the service. People are often not familiar with the prices and services provided by the provider and maybe they are not aware of the new facility.
Solution
With AppointMate customers could schedule through the application in a few clicks at any time of the day, regardless of the working hours of the facility or the person providing the service, all services with one app. All prices are visible and transparent and there is possibility to pay with card in the app.
Research
First things first, I did basic research on the needs of the market for the application in Serbia, which is the country that I live, and found that in Serbia there is no app like that and that people, search for online booking appointments and similar phrase for more than 500 times monthly.
After that, I created a survey with key questions that helped me learn more about the users and their habits and needs, which I consider crucial for this project.
In this phase, I wanted to investigate how often people make appointments every month, for what type of services, and in what way they do it most often. I also wanted to know if there are some problems which I was not aware of.
Key Takeaways
After collecting the results of the survey, I came to the conclusion that 35% of the respondents make appointments 5–10 times a month and that 62% of them do it online, which was a good starting point for this project. I also discovered that people schedule medical, beauty, and business type of meetings the most and the most important information for them are availability, location, and price.
According to that, I tried to implement all of that important information and features to be easy to find and easy to use as much as possible.
Competitor research
User persona
User persona is a very important segment when creating this application, and I came to the data for creating the user persona based on the answers from the survey.
The first persona is Marija, who has 2 children and works as a project manager. She is a busy woman who often struggles to find time to schedule appointments with various service providers such as doctors, hairstylists, and personal trainers. Her schedule is packed with meetings and deadlines, and she needs a convenient way to manage her appointments.
The second persona is David. David is a software developer who leads a healthy lifestyle. He regularly schedules appointments with his nutritionist, chiropractor, and massage therapist to maintain his physical well-being due to a lot of sitting hours. David is tech-savvy and prefers using digital tools to manage his health-related appointments.
User flow
The next step in the process is creating a user flow that helps me to determine the optimal flow and user needs. In this project, I decided to focus on the main flow of browsing services and categories and book appointments, which is the main functionality of the app.
Wireframe
After all the previous steps, it’s time to transfer all the collected data and knowledge into the design. Before the final design, I also created a conceptual wireframe for several pages that will help me visualize the final solution.
Wireframe
After all the previous steps, it’s time to transfer all the collected data and knowledge into the design. Before the final design, I also created a conceptual wireframe for several pages that will help me visualize the final solution.
Final design
After creating the wireframe, it was time for the final visual design of the application.
Splash screen
Splash screen with AppointMate logo and loader. This screen will appear for a few seconds before the Welcome screen is ready.
Welcome screen with illustration and further actions. Customers could Sign Up or Log In if they already have an account, but they can use the app as a guest.
Registration
Registration is done classically, users need to enter their username, email, and password, and users also can register via Facebook and Google social networks.
After registration, users enter a city or region for the app to display location-based services on the Home screen.
Home screen
The idea is to enable users to schedule an appointment for any type of service in as few steps as possible. Users have an overview of top-rated categories, as well as a menu to access their previous or favorite services.
Other screens
- Service provider overview with all the information like reviews, service categories, and options for calling providers, adding to favorites, seeing on the map, etc.
- After selecting a service category, users will see a list of individual services with prices and duration of treatment, and after selecting one or more services, a screen with available time slots will appear.
- The next step is to choose the payment method and confirm the appointment.
- Bookings — Where users can see their booked appointments, they can change them, reschedule and cancel if it is needed.
- Favorites — Page where users see their favorite providers and from there book their favorite service again easily.
- Profile — User can change their profile details, and location, and see the history of previous bookings.
- Notifications — Standard notifications screen, where users are getting notifications and reminders about their bookings, all potential changes, and booking approvement of the providers.
