Exquisite Health Extraordinary Life
Write a Title Here
This is a space to welcome visitors to the site. Grab their attention with copy that clearly states what the site is about, and add an engaging image or video.
Project overview
The FGH MEDICAL is a game-changer in healthcare, simplifying the patient-doctor experience. This user- friendly mobile app allows easy appointment management, giving users the flexibility to book, reschedule, or cancel appointments effortlessly. It also provides quick access to medical records, prescriptions, and test results, putting health information at users' fingertips. For healthcare providers, the app streamlines appointment management and facilitates seamless communication with patients.
With features like telemedicine, it even supports virtual consultations, making healthcare more accessible and efficient. The Doctor App is at the forefront of leveraging technology for a more convenient and patient-centered approach to modern healthcare.
Style guide
Creating a consistent look with standardized colour, font, button and more in crucial for a user-friendly project design
⟐ Logo
We understand the importance of logo design in establishing a brand's identity. When creating a logo for FGH MEDICAL, we wanted to ensure that it accurately represented the company's values and goals. The final design reflects FGH MEDICAL's commitment to professionalism, trustworthiness, and innovation, and we are proud of the result.
⟐ Problem
Users often face challenges when trying to secure quick online doctor appointments, which leads to extended waiting times and delayed healthcare access. Additionally, obtaining proper medical test appointments online can be complex and confusing, which can cause inefficiencies in diagnostics scheduling. Moreover, managing health records can be a struggle for people, impacting the accessibility and organization of their essential healthcare information.
⟐ Solution
To address these issues, we have developed a solution that includes an intuitive and fast online doctor appointment system that reduces waiting times and ensures timely healthcare access. We have also streamlined the process of obtaining proper medical test appointments online, providing clarity and efficiency in diagnostics scheduling. Finally, we have implemented a user-friendly solution for managing health records, enhancing accessibility, and organization for a more seamless healthcare experience.
Now
FGH MEDICAL
Appointment reminder
You have an appointment at [10:00AM] on [December 23, 2023] with [Dr. Johnson Will]. Please arrive 10 minutes ...
08:23 today
How do we solve the problem?
Develop a CRM system that allows patients to connect with doctors easily and provides doctors with a solution to manage patient records and treatments.
For patients
Mobile App
Create a single space where the user will communicate with doctors, make appointments easily without any effort and queuing, store medical information about personal health, receive reminders about upcoming tests and consultations.
The goal
Creating a consistent look with standardized colour, font, button and more in crucial for a user-friendly project design
Saving time
Time is precious, and we respect that. We strive to make the booking process for your examination as seamless and efficient as possible, ensuring you have ample time to concentrate on your health.
Convenience
Your health is my top priority, which is why I offer a convenient booking process for all of my patients. Whether you prefer to book your appointment online or over the phone, I am dedicated to providing you with the best care possible.
Instantly
Solutions to address emergencies for urgent diseases and situations that require first aid and timely diagnosis.
Accessible
Time is precious, and we respect that. We strive to make the booking process for your examination as seamless and efficient as possible, ensuring you have ample time to concentrate on your health.
User interview
To gain a deep understanding of user experience, I conducted interviews with 100 diverse users to explore their problems and needs. And here are some objective results.
95%
95% of people will agree to pay via a mobile application to use medical services.
88%
Approximately 88% of people utilize online medical appointment scheduling applications proficiently.
90%
90% of people want to use the app to make an appointment before going to the center.
54%
More than 50% of the participants visited a doctor only when they fell sick
83%
Users can learn all the features of the application in just three uses.
76%
76% of people are satisfied with instant consultation services.
User pain point
To gain a deep understanding of user experience, I conducted interviews with 100 diverse users to explore their problems and needs. And here are some objective results.
Lack of Trust
Most feel overwhelmed when making an informed decision when choosing a doctor, which makes them even more insecure. People want to know the doctor's information in advance.
Managed data
Patients often lose or have incomplete examination records due to treatment in many locations, making it difficult to manage medical history and treatment process.
Period of waiting
Everyone was tense and anxiously waiting for a long time. The center is often overloaded due to the traditional medical examination process at the medical center.
Paper documents
Most individuals desire a storage medium that is more secure and convenient than paper due to concerns over lost or damaged documents and personal treatment records.
Insights
To gain a deep understanding of user experience, I conducted interviews with 100 diverse users to explore their problems and needs. And here are some objective results.
Convenient appointment
Doctor information
Safe and secure
Patient history
Online pharmacy
E - invoice
Wireframes
To gain a deep understanding of user experience, I conducted interviews with 100 diverse users to explore their problems and needs. And here are some objective results.
Design process
UX Research
User journey
Empathize
Define
Ideation
UI design
Prototype
Roll-out
⟐ Color palette
Blue is incredibly comfortable, gives a sense of security, and builds trust in the product, Also, blue is often associated with depth and stability. So for the app, I chose blue as the primary color, added dark blue and gray as secondary colors for making some accents, and used black and gray for the text color. Multiple colors helped to create a visual! hierarchy of information.
PRIMARY
#0075FF
#0C0F16
#5B6B83
SECONDARY
#002768
#FFFFFF
⟐ Typography
Montserrat is available via an open source license. You're free to use it with your Adobe Fonts account just as you would any other font in the Adobe Fonts library.
Aa
Regular
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1 2 3 4 5 6 7 8 9 0 ! @ # $ % ^ & * () {} + - = / | \
Bold
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1 2 3 4 5 6 7 8 9 0 ! @ # $ % ^ & * () {} + - = / | \
Italic
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1 2 3 4 5 6 7 8 9 0 ! @ # $ % ^ & * () {} + - = / | \
⟐ Component library
The component library was created to facilitate the interaction between designer developers and preserve the visual concept of the application.
The UI grid system is essential for responsive design, ensuring the layout adapts seamlessly to different screen sizes and resolutions. Designers use a grid system to create flexible layouts that maintain visual hierarchy and consistency, providing an optimal user experience across a variety of mobile devices.
Columns
Vertical divisions of the grid, providing a structure for organizing content within the layout. They help create balance, hierarchy, and consistency across different sections of a design.
Gutter
The space between columns providing breathing room and separation for content within the grid. Gutters help improve readability and create a sense of order within the layout.
Margin
The space around the outer edges of the grid separating the design elements from the edge of the canvas or screen. Margins help frame the content and maintain consistency across various screen sizes and devices.
Rows
Horizontal divisions within the grid, often used in conjunction with columns to create a complete grid structure. Rows help establish the vertical flow of content and maintain consistent spacing between elements.
⟐ Grid system
For doctors
Dashboard
The product's task is to optimize the vast amount of data that physicians deal with regularly. Doctors can use the app to track the number of patients they have contacted to date. They can directly contact the users, check their requests, symptoms, and prescribe or recommend treatment.
Design & Prototype
To gain a deep understanding of user experience, I conducted interviews with 100 diverse users to explore their problems and needs. And here are some objective results.