Embedded Files
ROLE
ROLE
UI/UX Designer, Researcher
PROJECT
PROJECT
Personal
TIMELINE
TIMELINE
4 week
YEAR
YEAR
2022
About project
About project
Medical Appointment App is a platform which helps users make an appointment or pick up a number, find doctors, hospitals or clinics nearby.
Problem Statement
Problem Statement
In the modern society, everyone wants to focus on their job. However, when they are ill, they have to take a day off to go to hospitals or clinics to wait in line to pick up the number. These waste time and effort when they cancel 1 day to have a medical examination. Besides, someone just only find a hospital or doctor nearby but they don’t have any information about these places.
Possible Solution
Possible Solution
Medical Appointment App helps users make an appointment or pick up a number. Also, they can find doctors, hospitals or clinics nearby that are convenient when they do not have much time or their symptoms are so serious.
Design Process
Design Process
Discover Phase
Discover Phase
Competitor Analysis
Competitor Analysis
Define Phase
Define Phase
User Personas
User Personas
Two persona above help me understand their motivations, goals and specially, their pain point. From their personas, I figure out more about their worries and the reason why they do not want to go to hospital or why they want to find a clinic near their house.
Empathy Mapping
Empathy Mapping
These empathy maps are created and synthesised through my interview and observation when I interviewed them including their postures, body language, emotions, facial expressions, …
Ideate Phase
Ideate Phase
Sitemaps
Sitemaps
Userflows
Userflows
Design Phase
Design Phase
Style Guides
Style Guides
A style guide is used to define the rules, standards, and design guidelines to ensure consistency and uniformity in the interface, content, and user experience of a project. It helps ensure that all members of the design and development team adhere to common design principles, from the use of colors and imagery to typography, spacing, and user interactions. A style guide helps achieve consistency, enhance aesthetics, and improve the effectiveness of a design project.
Wireframe
Wireframe
A wireframe is a simplified visual blueprint of a digital design, showcasing the layout and structure without intricate design details. It helps communicate the overall interface and serves as a testing and iteration tool before moving to the final design phase.
UI Design
UI Design
Visual design is the process of enhancing the aesthetics of a digital product. It focuses on creating a visually appealing interface through the use of colors, typography, imagery, and other visual elements. The goal is to create an engaging and user-friendly design that aligns with the brand and enhances the overall user experience.
Page updated
Google Sites
Report abuse