drgo - masmovil — Product Designer

UX/UI for a clearer healthcare experience

Discovery and responsive design to explain digital health services and make it easier to find medical professionals.

Role

Product Designer

Company

Masmovil

Year

2022

platforms

Figma

COMPLETE PROJECT

View project

My role

As a Product Designer, I worked on the discovery and UX/UI design of a responsive web experience for Dr. GO. The case study connects the analysis of healthcare services with content organization, the professional directory search, and its interaction states.

The challenge

Help understand a digital health offering and find medical care.

UX Discovery: Comparing to identify opportunities.

Discovery included benchmarking of Dr. GO, Movistar Salud, and Savia, with a review of content, landing page structure, features, usability, and UX writing.

The comparison examined the information hierarchy, presentation of prices and benefits, calls to action, help channels, and the relationship between the website and the app. These observations were used to identify design opportunities.

How I approached it

Analysis of the product and its flows

The first step was to understand the logic of the platform: how campaigns were configured, how content was managed, what information users needed, and where the main frictions appeared. We analyzed existing screens, user journeys, and patterns to detect inconsistencies, duplications, and opportunities for improvement.

This work made it possible to identify which parts of the product needed more clarity, which actions should be prioritized, and what structure could best sustain the platform's growth.

Information architecture redefinition

We worked on a new organization of content, modules, and pathways to facilitate navigation within the product.

The focus was on simplifying access to key information, reducing cognitive load, and streamlining complex processes without eliminating the functional depth that a B2B platform required.

The architecture needed to help users understand where they were, what they could do, and what decisions they needed to make at any given moment.

User flow design

We defined and reviewed the key user flows to represent main tasks within the platform.

These helped connect user needs, business rules, and technical structure, facilitating clearer conversations with product and development. The goal was for each user journey to have a more direct, consistent, and easy-to-maintain logic in future iterations.

UX/UI redesign of version 5

Based on the defined architecture and flows, we work on the visual and interactive evolution of the platform.

We design interface proposals aimed at improving information hierarchy, readability, consistency between modules, and efficiency in frequent tasks.

Creating a scalable Design System

One of the main focuses was to create a common design foundation to organize the interface and accelerate future product evolutions.

The system included reusable components, interaction patterns, visual criteria, and a structure designed to improve collaboration between design and development.

Prototyping and decision making

The prototypes made it possible to explore solutions, review behaviors, and facilitate decision-making before moving towards implementation.

They also functioned as a communication tool with stakeholders, product, and development, reducing ambiguities and helping to validate the design direction.

Findings: Three areas to guide design.

Clarity of the offer.

The comparison highlighted opportunities to make features more visual, differentiate packages, and explain how the service works.

Hierarchy and orientation.

The analysis identified an opportunity to make better use of the top section of the landing page and review the space allocated for customer type selection on mobile devices.

Continuity of the route.

The document proposed reviewing CTAs that led to the same modal and improving support during exploration and purchase.

How I approached it

Experience design: Search by location and medical need.

The medical directory screens organize the search by province, town, postal code, and address. They also include location activation and a proximity option.
The search is completed with criteria for specialty, professional, and medical center. The results present contact information and access to details in cards.
This structure allows the work to be explained through a specific journey: defining where to search, specifying what care is needed, and exploring the results.

Impact

⌖

Search by location

Filters by province, town, postal code, and address, with geolocation and proximity options.

Responses for form errors and searches with no results, along with location statuses.

⚓︎

Care criteria

Search by specialty, doctor, or medical center to narrow down your inquiry.

☺︎

Organized results

Cards with professional info, contact details, and access to view more.

☑︎

Search statuses

Responses for form errors and searches with no results, along with location statuses.

Learning

This case shows how an analysis of the offering connects with interface decisions: what information to present, how to organize a search, and what response to provide when data is missing or no results appear.

To evaluate the proposal, the next step would be to observe whether people distinguish between services, complete a search, and know how to proceed when faced with an error or an empty search.

Are you looking to connect strategy, experience, and design?

Let's talk

See more work