Solution Telemed
Client: Moventi Perú
Role: UI/UX Designer
Year: 2021
Solutions is a web platform dedicated to specialized medical assistance and online appointment services. The app was launched nationwide in Peru in 2021 as an alternative for medical care due to the high demand caused by the COVID-19 pandemic.
Project Goals
Create a web application that connects patients with healthcare professionals, customizing the experience to meet each user's specific needs while following the client's guidelines.
The design must be responsive, visually appealing, and functional, aligning with realistic development and programming capabilities. This approach will ensure a feasible and consistent technical implementation.
Who is our target?
We are targeting two distinct audiences who, despite their differences, face a common challenge: the impact of the COVID-19 pandemic.
Target A - Adults aged 30 to 45 with an A/B economic status, many of whom are parents or responsible for their families' well-being, face barriers to accessing medical services as they are not prioritized.
Target B - Healthcare professionals aged 35 to 50 were not prioritized in COVID-19 protocols. Despite their training and vocation, they could not practice and provide support.
Communication with the user
We conducted 16 interviews with two distinct groups: 11 patients and five healthcare professionals. The goal was to better understand their expectations regarding the service, identify their main frustrations, and explore relevant features that could meet 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 offered deeper insights into the primary needs of each user profile. Among the findings, one of the main factors influencing usage is the availability of medical specialties and the capacity for direct communication between doctors and patients.
Patients must resolve doubts and receive medical attention quickly and efficiently without leaving home.
The doctor must offer services to generate income by seeing and resolving patients' questions.
A comparative analysis was conducted to gather information about the services and care provided by the leading medical centers and hospitals preferred by our target audience. The study assessed the strengths and weaknesses of their applications and digital platforms.
This exercise allowed us to identify opportunities for improvement that align with real user needs. We can use these insights to differentiate ourselves in the market and to anticipate and prevent errors in future implementations.
This research also provided a foundation for identifying relevant features and a deeper understanding of the industry's specific design parameters and information content constraints.
A card sorting activity was conducted with a diverse group of users on Miro, focusing on the service organization. This activity helped develop criteria for determining the content's 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 essential for defining the product's features and functionality. It also helped with organization and strategic planning during the design process.
Design
The design showcases a clean and direct aesthetic that aligns with the standards of the medical industry. Its primary goal is to convey professionalism, experience, and modernity at first glance.
White is the base color, symbolizing clarity and confidence, while teal and blue tones are used for the text and details. This color combination reinforces the service's medical identity and improves the understanding of the type of care provided.
Contextual images were thoughtfully incorporated to enhance credibility and establish a visual connection with the user immediately. The typography offers strong contrast and is sized appropriately, facilitating quick and easy reading across various devices.
Schedule an Appointment
The system enables users to schedule a medical appointment quickly and easily by following three simple steps: 1. Select the specialty of the required service. 2. Choose the professional and the available time that fits your schedule. 3. Make the payment to confirm your reservation.
Medical specialties are illustrated with clear icons to enhance visual exploration. Each content block provides ample space and contrast, improving readability and lowering cognitive load. Organized boxes separate the information, fostering a clear and accessible structure.
Express Payment
Integration with an external platform specializing in charge/payments allows quick and reliable payment. 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
Healthcare professionals and doctors can view and adjust the date and time of their appointments, enabling them to manage their schedules more efficiently.
This section features a table-based layout, enhancing content organization and offering a more straightforward, accessible overview.
My Profile
Displays each user's personal data, including patient information, illness details, and doctor or professional information, while ensuring security and legitimacy.
Appointment History
Patients can view their past appointments and details, while professionals can access everything from scheduled appointments to those they have canceled.
Medical Prescription
It offers details on diagnosis, treatment, and medications, including quantity, time, and duration, while also enabling the uploading of prescriptions.
Patient Medical File
It provides the healthcare professional with the patient's data, illnesses, medical history, previous consultations, and prescriptions.
One of the main challenges was creating coherent navigation for both types of users. We maintained a consistent visual structure while adapting the flow based on whether the content was informative or interactive, ensuring consistency.
The design was developed using a Mobile-First approach, allowing optimal device adaptability. The result is an attractive and functional visual experience for mobile and desktop users.
