Solution Telemed
Client: Moventi Perú
Role: UI/UX Designer
Year: 2021
Solutions is a web platform focused on specialized medical assistance and online appointment services. The app was launched nationwide (Peru) in 2021 as an alternative for providing medical care due to the high demand caused by the COVID-19 pandemic.
Project Goals
Design a web app that connects patients and healthcare professionals, adapting to the specific needs of users and respecting the guidelines established by the client.
The design must be responsive, visually appealing, and functional, but also aligned with the realistic development and programming possibilities, ensuring a viable and consistent technical implementation.
Who is our target?
We are targeting two distinct audiences who, despite their differences, share a common challenge: the impact of the COVID-19 pandemic.
Target A - Adults between 30 and 45 years old, with an A/B economic status. Many are parents or responsible for their families well-being. Despite their profile, they face barriers to accessing medical services, as they are not considered a priority.
Target B - Healthcare professionals between ages 35 and 50, were excluded from priority protocols during the COVID-19. Despite their vocation and training, they found themselves limited in their ability to practice and provide support.
Communication with the user
We conducted 16 individual interviews with two distinct profiles: 11 patients and 5 healthcare professionals. The goal was to gain a deeper understanding of their expectations regarding the service, identify their main frustrations, and explore relevant features that could address their needs.
Appointments are conducted externally (Zoom, Google, etc.).
Communication and interaction are primarily through WhatsApp or email.
Registration and appointment scheduling processes are tedious and lengthy.
Priority is given to COVID-19-related services.
High demand and limited staff available in hospitals and health centers.
No direct options of communication with doctors or patients.
Key concepts were identified that allowed for a deeper understanding of the primary needs of each user profile. Among the findings, one of the main drivers of use is the availability of medical specialties, along with the possibility of establishing direct communication between doctors and patients.
Patient needs to resolve doubts and receive medical attention quickly and efficiently without leaving home.
The doctor needs to offer services to generate income by seeing and resolving patients' questions.
This research also served as a starting point for identifying potential relevant features, as well as providing a deeper understanding of the industry's specific design and information content parameters and constraints.
A card sorting activity was conducted through Miro with a mixed group of users, focusing on service organization. This activity allowed for the establishment of criteria for defining content hierarchy and relevance.
Main Appeal: Virtual appointment management.
Attraction: File and document sharing (prescriptions, notes, receipts).
Price and accessibility are not a concern for the user-patient.
Direct communication options between users (specific data/links) are desired.
Avoid irrelevant information (insurance affiliation, promotions, advertising).
The content map was key to breaking down and defining the product's features and functionality. It also facilitated organization and strategic planning during the design process.
Design
The design was created with a clean and direct aesthetic, aligned with medical industry standards. The intention was to project professionalism, experience, and modernity from the first glance.
White was chosen as the base color to convey clarity and confidence, complemented by teal and blue tones in text and details. This combination reinforces the medical identity of the service and makes it easier to understand the type of care offered.
Contextual images were strategically integrated to strengthen credibility and create an immediate visual connection with the user.
The typography features good contrast and an appropriate size, allowing for quick and comfortable reading on different devices.
Schedule an Appointment
The system allows users to schedule a medical appointment quickly and easily by following three intuitive steps: 1. Select the specialty of the required service, 2. Choose the professional and the available time according to their schedule, and 3. Make the payment to confirm the reservation.
Medical specialties are represented using clear icons, facilitating visual exploration. Each content block has sufficient space and contrast, improving readability and reducing cognitive load.
Boxes were used as key elements to organize and separate the information, promoting a clear and accessible structure.
Express Payment
Allows for quick and reliable payment, thanks to integration with an external platform specializing in charge/payments. This affiliation guarantees a secure user experience, facilitating frictionless appointment confirmation.
Payment methods may vary, but only transactions made through platforms affiliated with the Moventi Group's payment system will be accepted.
My Calendar
Doctors and healthcare professionals can view and modify the date and time of their appointments, allowing them to maintain more organized and efficient management of their schedules.
This section was designed with a table-based structure, facilitating content distribution and providing a clearer and more accessible overview.
My Profile
Displays each user's personal data (patient/illness and doctor/professional information) and provides detailed information, ensuring security and legitimacy.
Appointment History
Allows patients to view past appointments and details, and allows professionals to see everything from their scheduled appointments to those they have canceled.
Medical Prescription
Provides information on diagnosis, treatment, and medications (quantity/time/duration), while also allowing the prescription to be uploaded in PDF format.
Patient Medical File
It shows the professional the patient's data, illnesses and medical history, as well as the patient's previous consultations and prescriptions.
One of the main challenges was designing a coherent navigation for both types of users. A consistent visual structure was maintained, adapting the flow according to the type of content (informative or interactive) without losing consistency.
The design was developed using a Mobile First approach, which allowed for optimal adaptability across devices. The result is an attractive and functional visual experience on both mobile and desktop.
