Product Designer & Design Systems Specialist
Product Design · Design Systems · UI Engineering
Diseño productos, construyo sistemas de UI y conecto diseño con código. Ayudo a equipos y organizaciones a resolver la fragmentación de interfaces, estructurar sistemas escalables y llevar decisiones de producto hacia una implementación real.
Cuando el producto escala, la interfaz suele romperse en tres lugares.
Con el crecimiento del negocio y los equipos, mantener la coherencia visual y la agilidad de desarrollo se vuelve un desafío estructural.
Fragmentación
Interfaces con múltiples variantes para un mismo patrón, estilos dispersos y componentes redundantes que deterioran la experiencia y aumentan el costo de mantenimiento.
Handoff roto
Falta de sincronía entre las decisiones tomadas en diseño y lo que llega a producción. Ausencia de tokens semánticos, criterios técnicos y nomenclatura compartida.
Deuda en flujos
Flujos críticos sobrecargados, problemas de jerarquía en la información y pantallas complejas difíciles de iterar sin introducir regresiones visuales.
Tres capacidades conectadas en una sola perspectiva de producto.
No como tres servicios desconectados, sino como un proceso integral: entender el problema, estructurar el sistema y asegurar su correcta implementación.
Product Design
Entendimiento del negocio, usuarios, arquitectura de información y flujos críticos para tomar decisiones de interfaz claras, útiles y centradas en resolver problemas.
- • Flujos de navegación
- • Arquitectura de información
- • Prototipado y wireframes
Design Systems
Transformación de patrones visuales en sistemas consistentes, reutilizables y documentados. Definición de foundations, design tokens y reglas de composición.
- • Design Tokens semánticos
- • Librerías y componentes UI
- • Guías y patrones de uso
UI Engineering
Conexión entre el diseño y la base de código. Implementación con HTML semántico, CSS moderno, componentización limpia y colaboración estrecha con ingeniería.
- • HTML semántico y CSS/Tailwind
- • Componentización modular
- • Accesibilidad (WCAG AA)
Formas flexibles de abordar los retos de tu interfaz.
Un proceso estructurado y progresivo para diagnosticar, ordenar y llevar las decisiones de interfaz a producción.
Review
Revisión integral de producto, UI y componentes existentes para mapear inconsistencias, patrones divergentes, fricción en flujos y prioridades de estructuración.
Structure
Diseño de foundations, arquitectura de tokens semánticos, componentes modulares y documentación de patrones para establecer bases sólidas y escalables.
Implementation
Traducción precisa de las decisiones de UI hacia HTML semántico, CSS, Tailwind y componentes mantenibles, colaborando estrechamente con el equipo de ingeniería.
Cada intervención puede operar de forma independiente o como una progresión continua, adaptándose al momento y madurez de tu equipo.
Criterio demostrado en productos y equipos reales.
Experiencia retrospectiva aplicando visión de producto, estructuración de sistemas de interfaz y entrega técnica.
CPA Vision / EDR
Design System & Estandarización Multi-producto
Estandarización integral de interfaces y arquitectura de sistema UI para un ecosistema complejo de aproximadamente 12 productos SaaS.
Bankaool
Rediseño de interfaz y optimización de experiencia en banca digital. Análisis de patrones de interacción, consistencia visual y propuestas estructurales para flujos transaccionales clave.
Totaltech
Acompañamiento integral desde el levantamiento de requerimientos y wireframes hasta la implementación directa de interfaz web con HTML5 semántico y maquetación responsiva.
Más de dos décadas conectando diseño, sistemas y tecnología.
Una práctica profesional construida dentro de equipos de producto y tecnología, entendiendo tanto el lenguaje del diseño como las realidades de la ingeniería.
Diseño con conciencia técnica de implementación
Haber evolucionado a lo largo de diversas eras del diseño web y la tecnología permite anticipar fricciones en el handoff, crear arquitecturas de interfaz sostenibles y hablar con fluidez tanto con líderes de producto como con desarrolladores frontend.
Sistemas que escalan con la organización
Los mejores sistemas de diseño no son solo colecciones de componentes en Figma, sino acuerdos operativos que reducen el tiempo de entrega y unifican la calidad del producto final.
Hablemos de tu producto
Cuéntame en qué etapa se encuentra tu producto, qué problemas de consistencia o interfaz enfrentas y exploremos cómo podemos colaborar.