drgo - masmovil — Product Designer

UX/UI para una experiencia de salud más clara

Discovery y diseño responsive para explicar servicios de salud digital y facilitar la búsqueda de profesionales médicos.

Rol

Product Designer

Empresa

Masmovil

Año

2022

plataformas

Figma

PROYECTO COMPLETO

Mi rol

Como Product Designer, trabajé en el discovery y el diseño UX/UI de una experiencia web responsive para Dr. GO. El caso conecta el análisis de la oferta de salud con la organización del contenido, el buscador de profesionales y sus estados de interacción.

El reto

Ayudar a entender una oferta de salud digital y encontrar atención médica.

Discovery UX: Comparar para identificar oportunidades.

El discovery incluyó un benchmark de Dr. GO, Movistar Salud y Savia, con una revisión de contenidos, estructura de las landings, funcionalidades, usabilidad y UX writing.

La comparación observó la jerarquía de información, la presentación de precios y prestaciones, los llamados a la acción, los canales de ayuda y la relación entre la web y la app. Estas observaciones sirvieron para formular oportunidades de diseño.

Cómo lo abordé

01

Análisis del producto y sus flujos

El primer paso fue entender la lógica de la plataforma: cómo se configuraban campañas, cómo se gestionaban contenidos, qué información necesitaban los usuarios y dónde aparecían las principales fricciones. Analizamos pantallas, recorridos y patrones existentes para detectar inconsistencias, duplicidades y oportunidades de mejora.

Este trabajo permitió identificar qué partes del producto necesitaban más claridad, qué acciones debían priorizarse y qué estructura podía sostener mejor el crecimiento de la plataforma.

02

Redefinición de arquitectura de información

Trabajamos en una nueva organización de contenidos, módulos y recorridos para facilitar la navegación dentro del producto.

El foco estuvo en simplificar el acceso a información clave, reducir carga cognitiva y ordenar procesos complejos sin eliminar la profundidad funcional que necesitaba una plataforma B2B.

La arquitectura debía ayudar a los usuarios a entender dónde estaban, qué podían hacer y qué decisiones necesitaban tomar en cada momento.

03

Diseño de flujos de usuario

Definimos y revisamos los flujos clave de uso para representar tareas principales dentro de la plataforma.

Estos ayudaron a conectar necesidades de usuario, reglas de negocio y estructura técnica, facilitando conversaciones más claras con producto y desarrollo. El objetivo fue que cada recorrido tuviera una lógica más directa, consistente y fácil de mantener en futuras iteraciones.

04

Rediseño UX/UI de la versión 5

A partir de la arquitectura y los flujos definidos, trabajamos en la evolución visual e interactiva de la plataforma.

Diseñamos una propuestas de interfaz orientadas a mejorar la jerarquía de información, la legibilidad, la consistencia entre módulos y la eficiencia en tareas frecuentes.

05

Creación de un Design System escalable

Uno de los focos principales fue crear una base común de diseño para ordenar la interfaz y acelerar futuras evoluciones del producto.

El sistema incluyó componentes reutilizables, patrones de interacción, criterios visuales y una estructura pensada para mejorar la colaboración entre diseño y desarrollo.

06

Prototipado y toma de decisiones

Los prototipos permitieron explorar soluciones, revisar comportamientos y facilitar la toma de decisiones antes de avanzar hacia implementación.

También funcionaron como una herramienta de comunicación con stakeholders, producto y desarrollo, reduciendo ambigüedades y ayudando a validar la dirección del diseño.

Hallazgos: Tres frentes para orientar el diseño.

01

Claridad de la oferta.

La comparación señaló oportunidades para hacer más visuales las prestaciones, diferenciar los paquetes y explicar cómo funciona el servicio.

02

Jerarquía y orientación.

El análisis detectó margen para aprovechar mejor la parte superior de la landing y revisar el espacio destinado a la selección del tipo de cliente en móvil.

03

Continuidad del recorrido.

El documento propuso revisar CTAs que llevaban al mismo modal y mejorar el soporte durante la exploración y la compra.

Cómo lo abordé

Diseño de la experiencia: Buscar por ubicación y necesidad médica.

  • Las pantallas del cuadro médico organizan la búsqueda mediante provincia, localidad, código postal y dirección. También contemplan la activación de ubicación y una opción de proximidad.

  • La búsqueda se completa con criterios de especialidad, profesional y centro médico. Los resultados presentan la información de contacto y un acceso al detalle en tarjetas.

  • Esta estructura permite explicar el trabajo a través de un recorrido concreto: definir dónde buscar, precisar qué atención se necesita y explorar los resultados.

Impacto

⌖

Búsqueda por ubicación

Filtros por provincia, localidad, código postal y dirección, con opciones de geolocalización y proximidad.

Respuestas para errores de formulario y búsquedas sin resultados, junto con los estados de ubicación.

⚓︎

Criterios de atención

Búsqueda por especialidad, profesional o centro médico para precisar la consulta.

☺︎

Resultados organizados

Tarjetas con información del profesional, datos de contacto y acceso al detalle.

☑︎

Estados de búsqueda

Respuestas para errores de formulario y búsquedas sin resultados, junto con los estados de ubicación.

Aprendizaje

Este caso permite mostrar cómo un análisis de la oferta se conecta con decisiones de interfaz: qué información presentar, cómo organizar una búsqueda y qué respuesta dar cuando faltan datos o no aparecen resultados.

Para evaluar la propuesta, el siguiente paso sería observar si las personas distinguen los servicios, completan una búsqueda y saben cómo continuar ante un error o una búsqueda vacía.

¿Buscás conectar estrategia, experiencia y diseño?