Diseño herramientas B2B con muchos datos, y design systems para que personas y herramientas de IA construyan desde la misma fuente.
- 10 años diseñando productos digitales
- Experiencia de diseño en B2B y B2C
- Uso IA para que mi proceso de diseño sea más rápido y consistente
Abierto a roles de diseño de producto sénior
ContáctameMi trabajo
Proyectos que he liderado o en los que he contribuido.
Design system para una suite de plataformas de telecomunicaciones
El design system de Syniverse estaba escrito para personas, y un agente de IA lo lee al pie de la letra. Lo extiendo y reescribo su documentación en Markdown para que ambos puedan usarla. La versión actual está en producción; la siguiente versión está en QA interno.
Plataforma de monitoreo de red
Los ingenieros de los operadores vigilan el tráfico de roaming con esta herramienta, y la anterior era difícil de escanear y de personalizar. Lideré su rediseño, con un color por protocolo construido con tokens existentes del design system. Dashboard y Alarms están en producción.
Plataforma global de precios
El precio de entrada y el costo de salida de un mensaje vivían en más de veinte herramientas. Lideré desde cero el diseño del producto interno que reúne ambos, para los trece roles que definen, revisan y pagan esos precios. El onboarding de proveedores y el control de gateways están en producción.
Recetas Nestlé
Nestlé necesitaba una sola plataforma de recetas para muchos mercados. Como diseñador UX/UI en un equipo de tres, ayudé a diseñar una base que cada mercado de Latinoamérica configuró como propia. Funciona hoy en México, Brasil y el resto de Latinoamérica.
NESCAFÉ® Dolce Gusto México
Home, páginas de campaña y páginas de contenido de la tienda en línea de la marca.
ASSMCA, Puerto Rico
Una app pública de salud mental, un sistema de voluntarios y una herramienta interna de reporte de incidentes para una agencia del gobierno.
Cómo trabajo con ingeniería
Una pantalla no está terminada cuando se ve bien. Está terminada cuando se construye desde el sistema.
- QA visual en staging
- Reviso los builds de staging con Chrome DevTools y verifico que los estilos calculados se resuelvan a tokens, no a valores fijos. Los huecos se vuelven issues: en la herramienta de monitoreo, cada uno pasó a un triage conjunto.
- El cumplimiento de tokens es un criterio de aceptación
- Una pantalla con un color, tamaño o espaciado literal no está terminada. Un paso del build puede hacerlo cumplir.
- Specs en Markdown para que la IA construya dentro del sistema
- Cada componente tiene una spec en Markdown. Las herramientas de IA la leen, así que lo que generan usa los mismos tokens.
Componente en Figma
Diseñado una vez, con sus estados.
Spec en Markdown
Escrita para que personas e IA lean la misma fuente.
UI generada
Construida desde la spec, sobre los tokens.
Verificación
Revisada en staging contra la spec.
Este sitio documenta su propio design system
Los tokens y las specs de componentes están escritos en Markdown, así que las personas y las herramientas de IA leen la misma fuente. Un paso del build convierte los tokens en CSS y falla si un componente los evita.
El sistema, tal como está construido
Tema oscuroTema claro
Pasos de color
Colores de texto
- Aatext-primary15.9:117.5:1
- Aatext-secondary9.4:19.6:1
- Aatext-tertiary5.7:16.0:1
- Aaaction-text8.9:17.6:1
Tipografía
- Aa
- Aa
- Aa
- 1,024
Espaciado
Sobre mí
Empecé en identidad de marca: diseñaba logotipos y los manuales que los mantienen consistentes. Hoy diseño sistemas de producto B2B.
Formado en diseño y comunicación audiovisual.
¿Buscas un diseñador de producto sénior?
Escríbeme sobre tu producto y tu equipo.