El inicio: estructura & wireframing
Todo proyecto empieza entendiendo el problema real. Investigo las necesidades del usuario, mapeo flujos y construyo wireframes para validar la estructura antes de aplicar color o detalle visual.
// DISEÑO DE PRODUCTO & FRONT-END
Uno criterio de diseño de producto con arquitectura frontend para llevar interfaces interactivas y sistemas vivos a producción.
De la idea al código en producción
Figma · Web · Mobile · Desktop
// Entornos reales en producción
Todo proyecto empieza entendiendo el problema real. Investigo las necesidades del usuario, mapeo flujos y construyo wireframes para validar la estructura antes de aplicar color o detalle visual.
La interfaz cobra vida en pantalla. Experimento con el ritmo, la física de aceleración y las micro-interacciones táctiles para que cada transición se sienta orgánica, fluida y con calma.
El diseño madura cuando se descompone en átomos y tokens. Organizo los colores, tipografías y espaciados como moléculas vivas que se distribuyen con coherencia a cualquier plataforma.
El diseño culmina cuando se compila en código funcional. Construyo interfaces reales para web, ejecutables para PC y aplicaciones móviles, acelerando la entrega con desarrollo agéntico.
Experiencias reales en producción: sistemas de diseño multiplataforma, interfaces críticas para millones de usuarios y aplicaciones con inteligencia artificial.
Un lenguaje visual unificado para aplicaciones web, software de escritorio y pantallas industriales, sincronizado con agentes de IA.
El reto a resolver: Equipos dispersos y tecnologías divergentes (web, escritorio y planta) utilizaban componentes desconectados, duplicando código y rompiendo la consistencia de marca.
La solución construida: Construí un sistema de diseño centralizado que distribuye automáticamente colores, tipografías y componentes a todas las plataformas, conectando la librería viva con asistentes de IA para acelerar el desarrollo.
Animaciones de guiado visual en tiempo real para puertas automáticas de pasaporte de Aena y carteras de identidad digital europea.
El reto a resolver: Reducir la confusión y las colas de millones de pasajeros internacionales de cualquier idioma en los controles biométricos de los aeropuertos.
La solución construida: Diseñé las animaciones oficiales de guiado visual en tiempo real para las puertas de pasaporte de Aena (cero dependencia de idioma) y la interfaz de la cartera de identidad digital segura para INCIBE.
Espacios tridimensionales interactivos en el navegador: modelado espacial, iluminación ambiental y atmósfera reactiva al sonido.
El reto a resolver: La mayoría de portfolios y sitios web son estáticos y bidimensionales; carecen de profundidad espacial, tacto y sorpresa.
La solución construida: Diseñé y modelé un universo tridimensional navegable que explora la arquitectura, el mobiliario y la iluminación reactiva sin requerir plugins ni descargas.
Aplicación móvil de preparación para oposiciones docentes con itinerarios de estudio predictivos asistidos por IA.
El reto a resolver: Carga cognitiva elevada y alto porcentaje de abandono en opositores ante temarios extensos y falta de retroalimentación inmediata.
La solución construida: Diseño móvil en micro-sesiones adaptado al alcance del pulgar, con seguimiento personalizado y autoevaluación inteligente impulsada por IA generativa.
Diseño & prototipado
Desarrollo web
Código tipado
Maquetación web
Lienzo 3D en navegador
Software de escritorio
Industrial & kioscos
Catálogo & tests UI
Un recorrido profesional que une diseño de producto, sistemas de interfaz y desarrollo frontend.
Liderazgo de experiencia de cliente y diseño de interfaces unificadas para portales web, movilidad y aplicaciones de escritorio corporativas, acelerando flujos de trabajo con inteligencia artificial.
Diseño UX/UI en la unidad de Identidad Digital: onboarding digital de banca, procesos KYC y validación biométrica. Creación de las animaciones oficiales de guiado para las puertas automáticas de pasaportes de Aena (ABC E-Gates) y cartera INCIBE.
Dirección de arte e identidad corporativa, creación de marcas, creatividad para redes sociales, diseño de prototipos interactivos y desarrollo web con WordPress y maquetación responsive.
Founderz
Escuela de Arte y Superior de Diseño (EASD) de Sevilla
Google / Coursera
Google / Coursera
Escuela de Arte de Sevilla