ypf — Product Designer

Rediseño del CRM comercial de YPF para simplificar los pedidos y la gestión de combustible.

El CRM comercial de YPF permite gestionar recursos y proveedores de combustible en Argentina. El proyecto se centró en simplificar los procesos mediante mejoras en la arquitectura de información, la navegación y el diseño de interfaces.

Rol

Product Designer (UX/UI)

Empresa

YPF

Año

2021-2022

plataformas

Figma

PROYECTO COMPLETO

Mi rol

Trabajé como Product Designer freelance en el rediseño UX/UI del CRM comercial de combustibles de YPF, desde la evaluación de la experiencia existente hasta el diseño de interfaces y prototipos.

Mi trabajo incluyó reorganizar la arquitectura de información, revisar la navegación y optimizar los flujos de pedidos y acceso a documentación.

Las decisiones de diseño se centraron en simplificar las tareas cotidianas y mantener un lenguaje visual coherente en toda la plataforma.

El reto

La interfaz presentaba problemas de organización y navegación que dificultaban los recorridos y la comprensión de las acciones disponibles. Algunos flujos resultaban poco intuitivos y los automatismos existentes necesitaban revisión.

El reto fue transformar esa complejidad en una experiencia más clara: facilitar la gestión de pedidos, mejorar el acceso a la información y orientar al usuario en cada paso del proceso.

Una gestión más simple, una experiencia más clara

Reorganicé los contenidos y rediseñé los flujos clave para que cada etapa del pedido tuviera una secuencia comprensible, desde la definición del envío hasta la confirmación.

Acompañé estos recorridos con una interfaz visualmente consistente, estados de pedido y mensajes de confirmación y descarga que ayudaran al usuario a entender qué estaba pasando y cómo continuar.

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.

Cómo lo abordé

01

01 · Evaluación de la experiencia

Análisis de la interfaz y los recorridos existentes para identificar problemas de organización, navegación y usabilidad.

02

Arquitectura de información

Reorganización de contenidos y acciones para facilitar el acceso a las funciones principales del CRM.

03

Rediseño de flujos clave

Simplificación del proceso de pedido, desde la definición del envío y la selección de productos hasta la confirmación.

04

Prototipos y estados del sistema

Prototipado de los recorridos e incorporación de estados y mensajes para comunicar el avance de los pedidos y la descarga de documentación.

Cómo lo abordé

Responsabilidades de liderazgo

  • Evaluación de la interfaz y detección de problemas de usabilidad.

  • Reorganización de la arquitectura de información y la navegación.

  • Rediseño de los flujos de pedidos y acceso a documentación.

  • Diseño de interfaces con criterios visuales consistentes.

  • Prototipado de recorridos, estados y mensajes del sistema.

Impacto

1

Pedidos más claros

Un recorrido organizado desde la definición del envío hasta la confirmación del pedido.

🂃

Navegación simplificada

Contenidos y acciones reorganizados para facilitar las tareas habituales.

☺︎

Consistencia visual

Un lenguaje de interfaz coherente en formularios, botones y resúmenes.

❖

Mayor claridad de estado

Mensajes y confirmaciones para entender el avance de los pedidos y las descargas.

Aprendizaje

Este proyecto reforzó la importancia de abordar los productos empresariales desde las tareas que las personas necesitan resolver cada día.

Simplificar un CRM requiere trabajar sobre la estructura de la información, la secuencia de las acciones y la forma en que el sistema comunica lo que está pasando.

En YPF, el rediseño conectó estas decisiones para dar claridad a los recorridos de gestión y mantener una experiencia coherente entre pantallas.

¿Necesitás simplificar una herramienta de gestión compleja?