Saltar al contenido principal
Álvaro España
Álvaro España @vectorizao

Diseño interfaces digitales y las hago realidad en código.

// 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.

Álvaro España Adame — Design Engineer & Product Designer
Diseño de producto & web Sevilla, ES

De la idea al código en producción

Figma · Web · Mobile · Desktop

// Entornos reales en producción

Ibernova Sistemas de diseño & web
Inetum Aena (>30M pax) & ciberseguridad
GuadalTech Diseño web & front-end
EASD Sevilla & Founderz Diseño gráfico + IA creativa
ACTO 01 / 04 FASE 01 · EL INICIO

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.

// Disciplinas aplicadas en esta fase:
UX Research Design Thinking Arquitectura de información Wireframing Figma
ACTO 02 / 04 FASE 02 · EL RITMO

El ritmo: prototipado & movimiento

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.

// Disciplinas aplicadas en esta fase:
Motion Design Prototipado interactivo Física cinética Micro-interacciones UI Animation
ACTO 03 / 04 FASE 03 · LA ESCALA

La escala: sistemas & Atomic Design

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.

// Disciplinas aplicadas en esta fase:
Atomic Design Design Tokens Sistemas de diseño Multiplataforma Escalabilidad
Aa
16px
✦
ACTO 04 / 04 FASE 04 · LA EJECUCIÓN

La ejecución: código & entornos reales

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.

// Disciplinas aplicadas en esta fase:
Desarrollo agéntico React & Angular TypeScript WPF & ejecutables PC APKs & móvil
// 01. Casos de estudio & proyectos

Casos de estudio & proyectos

Experiencias reales en producción: sistemas de diseño multiplataforma, interfaces críticas para millones de usuarios y aplicaciones con inteligencia artificial.

Ibernova Customer Experience Design Lead · 2025 — Actualidad

Sistema de diseño multiplataforma & IA

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.

Sistemas de diseño Figma Angular
-45% Tiempo de desarrollo de UI y maquetación
98% Reutilización entre web, móvil y escritorio
100% Consistencia de diseño verificada en toda la suite
Inetum Diseñador UX/UI & identidad digital · 2024 — 2025

Aeropuertos Aena, biometría & ciberseguridad

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.

Aena Aeropuertos Animación & motion Identidad digital
> 30M Viajeros anuales guiados en controles biométricos
< 15s Paso medio y validación por puerta automática
0 Barrera idiomática: guiado visual universal 100% intuitivo
Creative Blocks — Habitación 3D e iluminación interactiva de Álvaro España
Habitación 3D · Iluminación & atmósfera
Creative Blocks — Composición arquitectónica exterior en 3D
Composición arquitectónica exterior
EASD Sevilla 2024 (TFG EASD Sevilla)

Creative Blocks — Espacios 3D en navegador

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.

  • Modelado y composición de entornos arquitectónicos e interiores tridimensionales.
  • Atmósfera e iluminación ambiental sincronizada con listas musicales.
  • Controles táctiles y navegación fluida adaptada a cualquier dispositivo.
Diseño espacial 3D Three.js Modelado 3D
EdTech & IA Diseñador de producto & UX Lead · 2025

Faro Docente — Mobile app con IA

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.

88/100 Usabilidad testada (SUS)
-40% Fatiga cognitiva
Diseño móvil IA generativa UX Research
Faro Docente — Pantalla principal de la app móvil
Rutas de estudio
Faro Docente — Módulo de bienestar emocional
Faro emocional

Diseño y desarrollo en múltiples entornos

  • Figma

  • React & Angular

  • TypeScript

  • Tailwind CSS

  • Three.js / 3D

  • Desktop Apps

  • Pantallas HMI

  • Storybook

Flujos con IA & agentes: MCP · skills custom · Antigravity · GitHub Copilot
Desarrollo acelerado
// 03. Trayectoria profesional

Experiencia & formación

Un recorrido profesional que une diseño de producto, sistemas de interfaz y desarrollo frontend.

Experiencia laboral

  1. Customer Experience Design Lead

    2025 — Actualidad
    Ibernova Sevilla / Remoto

    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.

    • Customer Experience
    • Sistemas de diseño
    • Figma
  2. Diseñador UX/UI & identidad digital

    2024 — 2025
    Inetum Sevilla

    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.

    • Identidad digital & KYC
    • Onboarding bancario
    • Aena Aeropuertos
  3. Diseñador gráfico & UX/UI

    2020 — 2022
    GuadalTech Sevilla

    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.

    • Diseño gráfico
    • Branding & identidad
    • Redes sociales

Educación & certificaciones

2024 — 2025 Founderz Master

Máster digital en IA creativa

Founderz

2020 — 2024 EASD Sevilla

Grado en diseño gráfico

Escuela de Arte y Superior de Diseño (EASD) de Sevilla

2026 Google Certified

Certificado profesional Google AI Essentials

Google / Coursera

2022 Google Certified

Certificado profesional de diseño UX-UI

Google / Coursera

2018 — 2020

Ciclo superior de gráfica publicitaria

Escuela de Arte de Sevilla