Vitakit
Mobile App
Mobile App
Client
Live project link
Released
10/20/2021
SHORT DESCRIPTION
Medicine services mobile app, that includes: searching and booking medicines, receptions tracking.
The main advantage of this application is the ability to interact with prescriptions. I put this function at the forefront, but at the same time all other functions work both together with prescriptions functionality and separately from it.
About the project
- Look for affordable medicine (also search for medicine by INN);
- Booking orders;
- Interact with prescriptions;
- Receptions tracking.
The app functionality includes:
Good design cannot be done without doing research, which is why I started with that. Here I started by defining the main functionality and analyzing competitors. Then I highlighted the key benefit of the application and defined the target audience.
UX Research
Competitors analysis
Explanation one of the design solutions
After thinking about the logic of the order, I decided to make the shopping cart two-stage:
This solution has become almost perfect for the tasks at hand, with the exception of one situation: if the user is looking for only one medicine, two steps to buy is too much.
Solution: adding a button on the medicine’s page, which immediately goes to the second stage of the cart, bypassing the first.
- The user searches necessary medicines and adds them to the cart;
- The user chooses the pharmacy from which he will pick up his order.
This solution has become almost perfect for the tasks at hand, with the exception of one situation: if the user is looking for only one medicine, two steps to buy is too much.
Solution: adding a button on the medicine’s page, which immediately goes to the second stage of the cart, bypassing the first.
Most of the functions have already been implemented by competitors, so it was necessary to analyze the existing applications and develop the application structure on its basis. In total, more than 20 applications were analyzed in two categories: medicine and tracker.
As a result of the analysis, I selected the main functions and created a user flow:
As a result of the analysis, I selected the main functions and created a user flow:
- Appointments - Reminders of receptions, tracking statistics of receptions, flexible settings when creating new receptions.
- Cart - View the drugs added to the basket, change their quantity, then select a pharmacy with all the necessary drugs in stock, compare prices and view pharmacies on the map.
- Searching - Search for drugs both by INN and by TN, the ability to view information about the drug
- Prescriptions - Browse prescriptions, search for medicines, add medicines from your prescriptions to your appointments
- Profile - For registration in system & getting your prescriptions
The application is large and It was therefore important to create a library of components, as well as create a basic UI Kit with colors and other elements that are regularly repeated in the project.
UI Kit and Components System
UI Wireframes
I made the clickable prototype with Figma. This allowed me to show customers exactly how the application would work before development started. You can watch the video with the prototype below.
Clickable Prototype
Let’s connect!
Thanks for taking the time to review my work! If you'd like to see more or get in touch, write me on telegram: @kvinn
get in touch
CONTACT
Telegram:
https://t.me/AirDsgn
All my links:
https://airat.design
https://t.me/AirDsgn
All my links:
https://airat.design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
Design
