UX Designer / Design Engineer. Diseño interfaces para sistemas donde conviven varios roles, grandes volúmenes de datos y presión operativa real.
Casos
2 proyectos
Sobre mí
UX Designer con comprensión real de front-end — Git, repositorios, pull requests. Casi 4 años diseñando en un entorno de gran distribución, donde el error no es una opción y miles de personas usan lo que diseño cada día.
Cómodo moviéndome entre research, UI y las restricciones técnicas reales de un equipo de producto.
🛡️Todos los visuales que se muestren en este caso serán representaciones recreadas con datos ficticios, creadas para ilustrar el proceso de diseño. No incluyen capturas reales del producto ni datos internos de Carrefour, por acuerdo de confidencialidad.
Contexto
Modernizando el punto de venta de una cadena de distribución a gran escala
Cuando entré en Carrefour, SmartPOS ya existía. Era un sistema de punto de venta construido por un equipo externo, visualmente limitado, monocromático, y con una deuda de diseño considerable. Mi trabajo no era empezar desde cero, era algo más difícil: mejorar un sistema vivo, en producción, que cajeros reales usaban cada día bajo presión constante.
0%
Mejora reportada por negocio en el nivel de comprensión del sistema por parte de los cajeros
0 años
Trabajando junto al equipo de Product Managers en la evolución continua del producto
Core
Migración hacia una arquitectura moderna e integración de Marcel, el Design System de Carrefour
El reto
Una interfaz que hacía perder el contexto al usuario en el momento crítico
El sistema original tenía inconsistencias visuales importantes y una interacción mínima. Los cajeros trabajaban con una interfaz que no les ayudaba a entender en qué punto del flujo estaban, especialmente cuando surgían incidencias o acciones secundarias. A esto se sumaba que el proyecto siempre iba con tiempos ajustados, tanto a nivel de desarrollo como de nuevas features que el negocio necesitaba incorporar.
Mi rol
Senior UX Designer
Durante dos años trabajé junto al equipo de Product Managers traduciendo necesidades de negocio en flujos reales y usables. No era UX de concepto, era UX de trinchera: entender qué necesitaba el cajero, qué pedía el negocio, y encontrar la solución que funcionara dentro de las restricciones técnicas del momento.
En paralelo, SmartPOS evolucionó hacia una arquitectura moderna, lo que nos permitió integrar Marcel, el Design System internacional de Carrefour, mejorando la coherencia visual del producto de forma significativa.
Decisiones de diseño
01
Sustituyendo modales por drawers laterales
El sistema original usaba modales con fondo negro y blur para gestionar acciones secundarias. Cada vez que el cajero necesitaba realizar una operación adicional, el carrito desaparecía de su vista. Perdía el contexto. Perdía el hilo. La propuesta fue sustituir esos modales por drawers laterales: el carrito permanece visible en todo momento a la izquierda, aunque bloqueado mientras el drawer está activo. El cajero siempre sabe dónde está y qué estaba haciendo.
02
Integrando Marcel, el Design System de Carrefour
En paralelo a la evolución de arquitectura, adopté Marcel para consolidar estilos, componentes y patrones dispersos en un lenguaje visual único, alineado con el resto de productos digitales del grupo.
Focus
Fricción invisible, no ausencia de diseño
El mejor diseño no siempre es el más visible. A veces es el que quita fricción sin que nadie lo note conscientemente. Trabajar en un entorno con restricciones reales, tiempos ajustados y usuarios que no pueden permitirse errores es donde el UX se vuelve verdaderamente relevante — no se trata de rediseñar por estética, sino de proteger el contexto mental del usuario en cada interacción.
Impacto
Un cambio sutil, con impacto directo en cómo se ejecuta el trabajo
Mejora del 20% reportada por negocio en el nivel de comprensión del sistema por parte de los cajeros
Los cajeros entendían mejor qué operación estaban ejecutando en cada momento
Mayor eficiencia y menos errores en el flujo de caja
Coherencia visual consolidada tras la integración de Marcel
Qué me aportó este proyecto
Este proyecto reforzó mi capacidad para diseñar dentro de restricciones técnicas reales, sin sacrificar la experiencia del usuario final. También me enseñó que en entornos de alta presión operativa, la solución correcta casi nunca es la más llamativa — es la que reduce la carga cognitiva en el momento exacto en que el usuario más lo necesita.
#B2B#DESIGNSYSTEMS#DATAVIZ
Herramienta interna
Senior UX Designer / Design Engineer
España · 2026
🛡️Todos los visuales que se muestren en este caso serán representaciones recreadas con datos ficticios, creadas para ilustrar el proceso de diseño. No incluyen capturas reales del producto ni datos internos de la empresa, por acuerdo de confidencialidad.
Contexto
Rediseñando el flujo de creación en una herramienta comercial densa
Una herramienta interna, con formato de hoja de cálculo (tipo grid), usada por varios perfiles de la organización para gestionar mecánicas comerciales: cada fila representa una mecánica, y cada columna un atributo o dato asociado, incluyendo una columna de dato económico que despliega su propia subestructura de información comercial.
Es una herramienta densa: muchas columnas, muchos perfiles trabajando sobre ella, y un patrón de uso que los usuarios ya tenían interiorizado de Excel — edición directa sobre la celda, sin fricción.
Multi-perfil
Varios roles de negocio operando sobre el mismo grid en paralelo
0 semana
Del diagnóstico del problema a la entrega del diseño final a desarrollo
End-to-end
Research, diagnóstico y diseño de la solución de principio a fin
El reto
Una fila que se creaba, pero que el usuario no podía ver
Al crear una nueva mecánica, el sistema insertaba una fila nueva en la parte superior del grid. El problema: con tantas columnas visibles solo mediante scroll horizontal, los usuarios no veían que la fila se había creado — la perdían de vista en cuanto navegaban por el resto de la tabla.
A esto se sumaba una segunda decisión pendiente: la columna de dato económico necesitaba abrir una subestructura más compleja (una estructura comercial completa) al interactuar con ella. La duda de diseño era si esto rompía la coherencia con el resto del grid, que se editaba de forma inline, tipo Excel.
Un tercer matiz apareció durante el research: los usuarios no siempre trabajan un solo sector. Durante periodos vacacionales, un compañero puede necesitar cubrir sectores que no son los suyos habituales, y en promociones combinadas un mismo usuario puede necesitar saltar de una estructura comercial a otra sin salir de la herramienta. La navegación entre sectores no podía depender de salir del flujo de creación.
Mi rol
Senior UX Designer
Diseño UX de principio a fin: diagnosticar el problema real (no asumir que era un problema de elección de patrón, sino de descubribilidad), proponer la solución y validarla antes de entregarla a desarrollo.
Decisiones de diseño
01
Congelando columnas clave
Igual que "inmovilizar paneles" en Excel: identificador, nombre y dato económico permanecen visibles sin importar cuánto se desplace el usuario horizontalmente. Una capacidad ya nativa en librerías de grid como AG Grid, lo que hizo la implementación viable sin desarrollo a medida.
02
Scroll automático + resaltado temporal
La fila recién creada se localiza automáticamente y se resalta unos segundos, para que el ojo la encuentre de inmediato aunque esté fuera del viewport en el momento de crearla.
03
Indicador de estado "pendiente"
En la celda de dato económico de las filas nuevas, independiente del scroll — cuando el usuario llegue a esa zona del grid, ve claramente qué falta por completar.
04
Drawer lateral en vez de modal centrado
Para la subestructura del dato económico, manteniendo visible el contexto de la fila mientras se edita el detalle — un patrón ya extendido en herramientas como Airtable o Notion para celdas con subestructura.
El drawer no es solo un panel de visualización: funciona como el formulario real de creación de promociones, que manejan un volumen de datos considerable (condiciones comerciales, tramos, estructuras económicas asociadas). Plantearlo como drawer, en vez de modal o página aparte, resuelve dos problemas a la vez: permite trabajar con esa alta volumetría de datos sin perder el contexto de la fila de origen, y simplifica la introducción de datos para el usuario final.
05
Árbol navegable de estructura comercial dentro del drawer
Para resolver la necesidad de moverse entre sectores sin salir de la herramienta, diseñé un árbol navegable con inputs rápidos de búsqueda, integrado directamente en varias partes del drawer — por ejemplo, al crear una nueva promoción que tiene muchos sectores asociados. Esto permite que un usuario cubra sectores ajenos durante ausencias (vacaciones de un compañero) o construya promociones combinadas que atraviesan varias estructuras comerciales, sin perder el contexto de la promoción que está creando ni salir del flujo dentro de la herramienta.
Focus
El problema real casi nunca es el que parece
La tentación inicial era plantear un dilema binario: mantener la edición inline tipo Excel, o sacrificarla en favor de un modal que garantizara visibilidad. Ninguna de las dos resolvía el problema de fondo. Mantener la edición inline conserva el modelo mental que los usuarios ya dominan, evitando una curva de reaprendizaje — la clave estaba en resolver la descubribilidad, no en elegir un patrón de interacción u otro.
Impacto
Una solución ya en manos de desarrollo
Diseño entregado a desarrollo en una semana desde el diagnóstico inicial
Se preservó el modelo mental de Excel que los usuarios ya dominaban, evitando reentrenamiento
Patrón de drawer + indicador de pendiente reutilizable para futuras columnas con subestructura
Pendiente: métricas de adopción y reducción de errores tras el despliegue en producción
Qué me aportó este proyecto
Este proyecto reforzó mi capacidad para diagnosticar bien un problema antes de sacrificar un patrón familiar para el usuario — la solución no estaba en elegir entre dos patrones de interacción, sino en entender por qué el usuario perdía de vista lo que acababa de crear. Diagnosticar con precisión es, muchas veces, más valioso que la propia solución visual.