Diseño centrado en la experiencia. Pensado para ser funcional, intuitivo y visualmente atractivo.
En cada proyecto de UX/UI parto de una necesidad real para crear soluciones digitales que conecten con el usuario. Diseño interfaces limpias, jerarquizadas y claras, combinando estructura, navegación y estética.
Trabajo desde la etapa de investigación hasta los prototipos interactivos, utilizando herramientas como Figma, Illustrator y After Effects para mostrar cómo se ve, cómo se siente y cómo se usa una interfaz.
Ya sea para apps, sitios web o productos digitales, el objetivo es el mismo: crear experiencias fluidas y efectivas, con diseño y propósito.
Estilo Confort
Diseño de interfaz para una plataforma de interiorismo. Wireframes y flujo de usuario creados en Adobe XD, con prototipado interactivo para validar navegación. Sistema visual desarrollado en Illustrator: iconografía, paleta soft neutra y grid modular responsive. Entrega final: prototipo clickeable + guía de estilos, listo para hand-off a desarrollo.
Diseño de interfaz para una plataforma de interiorismo. Wireframes y flujo de usuario creados en Adobe XD, con prototipado interactivo para validar navegación. Sistema visual desarrollado en Illustrator: iconografía, paleta soft neutra y grid modular responsive. Entrega final: prototipo clickeable + guía de estilos, listo para hand-off a desarrollo.
Surround Sound
(Investigación → Diseño → Motion)
Mapeo de la experiencia completa empezando con Whimsical (user flows y arquitectura) y validamos la estructura mediante Optimal Workshop (card-sorting y tree-testing). A partir de los insights, creamos wireframes y prototipos interactivos en Adobe XD, pasamos a mock-ups visuales en Photoshop para pulir branding y, finalmente, animamos micro-interacciones clave en After Effects para mostrar la dinámica de uso. El resultado: una interfaz intuitiva, validada con usuarios y presentada con motion que facilita el hand-off al equipo de desarrollo.
(Investigación → Diseño → Motion)
Mapeo de la experiencia completa empezando con Whimsical (user flows y arquitectura) y validamos la estructura mediante Optimal Workshop (card-sorting y tree-testing). A partir de los insights, creamos wireframes y prototipos interactivos en Adobe XD, pasamos a mock-ups visuales en Photoshop para pulir branding y, finalmente, animamos micro-interacciones clave en After Effects para mostrar la dinámica de uso. El resultado: una interfaz intuitiva, validada con usuarios y presentada con motion que facilita el hand-off al equipo de desarrollo.
BikeFix
(Investigación → Diseño → Motion)
Arrancamos trazando flujos de servicio y mapa de experiencia en Whimsical, luego validamos jerarquía de contenidos con tests de card-sorting y tree-testing en Optimal Workshop. Con los insights claros, diseñamos wireframes y prototipos interactivos en Figma, pulimos el estilo visual en Photoshop, y cerramos con animaciones micro-interactivas en After Effects para mostrar cómo la interfaz guía al ciclista paso a paso. El resultado: una app intuitiva para agendar reparaciones y encontrar talleres cercanos, validada por usuarios y lista para hand-off a desarrollo.
(Investigación → Diseño → Motion)
Arrancamos trazando flujos de servicio y mapa de experiencia en Whimsical, luego validamos jerarquía de contenidos con tests de card-sorting y tree-testing en Optimal Workshop. Con los insights claros, diseñamos wireframes y prototipos interactivos en Figma, pulimos el estilo visual en Photoshop, y cerramos con animaciones micro-interactivas en After Effects para mostrar cómo la interfaz guía al ciclista paso a paso. El resultado: una app intuitiva para agendar reparaciones y encontrar talleres cercanos, validada por usuarios y lista para hand-off a desarrollo.
Una buena interfaz no se nota: simplemente funciona.