The Foundation: Structure & Wireframing
Every project starts by understanding user needs. I conduct UX research, map journeys, and construct wireframes to validate structural balance before applying visual aesthetics.
// PRODUCT DESIGN & FRONT-END
Bridging product design thinking with frontend engineering to ship interactive systems into production.
From concept to production code
Figma · Web · Mobile · Desktop
// Real-world production track record
Every project starts by understanding user needs. I conduct UX research, map journeys, and construct wireframes to validate structural balance before applying visual aesthetics.
The interface comes alive on screen. I experiment with pacing, kinetic easing physics, and tactile micro-interactions so every transition feels calm, intentional, and responsive.
Design reaches production maturity through atomic architecture. I structure color, typography, and spacing into living tokens that synchronize seamlessly across any runtime.
Design fulfills its mission when compiled into production software. I build web frontends, enterprise desktop executables, and mobile applications, supercharging delivery with agentic engineering.
Real production systems: cross-platform design architectures, critical interfaces serving millions of travelers, and AI-augmented applications.
A unified visual language for web applications, enterprise desktop software, and industrial touch interfaces, synced with AI assistants.
The challenge to solve: Dispersed teams and divergent codebases (web, desktop, and industrial floor) used disconnected components, duplicating work and fracturing brand consistency.
The built solution: Architected a centralized design system automatically distributing colors, typography, and UI tokens across platforms, integrating a live component library with AI assistants to speed up development.
Real-time visual guidance motion for Aena automated passport border gates and European sovereign digital identity wallets.
The challenge to solve: Eliminating friction and queuing delays for millions of international travelers of all languages at automated airport biometric control gates.
The built solution: Designed the official real-time visual guidance animations for Aena passport gates (zero language barrier) and the user interface for the INCIBE secure digital identity wallet.
Interactive 3D spaces in the browser: spatial modeling, ambient illumination, and sound-reactive environments.
The challenge to solve: Most websites and portfolios are flat, static, and lack tactile feedback or spatial depth.
The built solution: Designed and modeled a navigable 3D world exploring architecture, interior spaces, and reactive lighting without plugins or downloads.
Mobile preparation platform for educator examinations featuring adaptive study tracks powered by generative AI.
The challenge to solve: High candidate dropout (>40%) and study fatigue caused by vast, unorganized examination syllabi and delayed feedback.
The built solution: Engineered a thumb-friendly micro-learning mobile app with personalized progress tracking and adaptive generative AI self-testing.
UI/UX & Prototyping
Web Front-End
Strict Front-End
Styling & Systems
3D Spatial Web
Desktop Software
Touchscreen HMI
UI Documentation
A career path uniting product design, interface systems, and frontend engineering.
Leading customer experience and cohesive interface design across web, mobility, and corporate desktop applications, accelerating workflows with artificial intelligence.
UX/UI design within the Digital Identity unit: banking onboarding journeys, KYC verification, and biometrics. Author of the official visual guidance motion for Aena automated border passport gates (ABC E-Gates) and INCIBE wallet.
Brand identity art direction, corporate brand creation, social media creative, interactive UI prototyping, and web development with WordPress and responsive styling.
Founderz
Escuela de Arte y Superior de Diseño (EASD) Sevilla
Google / Coursera
Google / Coursera
Escuela de Arte de Sevilla