Bienvenido a FlashData Academy, bienvenido a la tecnología.

Máster en
Diseño UX/UI y Desarrollo Web

Aprende a crear experiencias digitales que conecten con los usuarios y funcionen perfectamente.

  • Diseña y construye con Figma y HTML/CSS
  • Usa metodologías reales que aplican los equipos
  • Crea tu propio proyecto desde el primer día

4.970€

(Consulta las opciones
de financiación disponibles)

Foto Persona Sonriente con info de Tecnologias
HTML + CSS
Diseño profesional y moderno
UX Research
Investiga y define proyectos reales
Figma + Notion
Diseño y organiza como en un equipo de producto
Portfolio
De la idea al producto final

Información req.query.query

Fecha de inicio

Febrero de 2026

Fecha de Finalización

Junio de 2026

Modalidad

Online

Plazas

Limitadas

Duración

300h

Horarios

Mañana o tarde

Tu toolkit como UX/UI Designer y Desarrollador Web.setupUXMaster()

Del diseño al código: una metodología 100% práctica

Desde el primer día diseñarás interfaces, trabajarás con herramientas reales, recibirás feedback de profesionales y presentarás tu trabajo como si formaras parte de un equipo de producto. Usamos metodologías ágiles, revisiones de diseño y presentaciones profesionales. No vienes a estudiar: vienes a crear experiencias digitales como se hace en la vida real.

Solicita información

New FlashDataAcademy()

Aprende a programar

30

31

32

33

34

35

36

37

38

39

40

41

42

var academy = new FlashDataAcademy {

Experiencia = 25,

Modalidad = "100% práctica",

Backend = true,

UX_Designer = true,

Mentores = Profesionales.EnActivo(),

Objetivo = "Convertir en profesionales"

};

var flashDataAcademy = new FlashDataAcademy {

objetivo= "Formar profesionales",

metodologia= "Aprendizaje práctico y tutorizado",

modo=new List<string> {"Backend", "ux-ui"}

};

De cero al diseño profesional este es un roadmap

Cada módulo está diseñado para construir tus habilidades paso a paso: empiezas desde la base del diseño y terminas creando interfaces que podrías presentar en cualquier entrevista. Aquí no estudias temas sueltos: dominas el diseño UX/UI como se trabaja en una empresa.

Eva Valenciano Fernández
E
Eva Valenciano Fernández
Docente del Máster de Diseño UX/UI y Desarrollo Web

Contenido del máster

Módulo 0: Fundamentos de Programación Web

Introducción al desarrollo web

Conoce cómo funciona la web, qué son HTML y CSS, y cuál es su papel en la construcción de interfaces digitales.

Estructura básica en HTML

Aprende etiquetas fundamentales, jerarquía de elementos, y cómo organizar la información en una página web semántica.

CSS y su importancia en el diseño

Descubre cómo aplicar estilos, tipografías, colores y layouts para transformar un HTML plano en una interfaz atractiva.

Diseño responsive

Comprende cómo adaptar el diseño a distintos dispositivos con media queries, unidades relativas y Mobile First.

Git y control de versiones

Domina las bases de Git para gestionar versiones de tu proyecto, crear ramas, fusionar cambios y colaborar en equipo.

Despliegue en la web

Publica proyectos online utilizando plataformas como GitHub Pages, Netlify o Vercel.

Módulo 1: UX Research & Frameworks de Diseño

Qué es UX y cómo se diferencia de UI

Introducción al diseño centrado en el usuario y sus diferencias frente al diseño visual.

Metodologías de diseño

Explora Design Thinking, Lean UX, Agile, Service Design y Design Sprint, entendiendo sus usos y ventajas.

Planificación de investigación

Aprende a definir objetivos, hipótesis y métricas iniciales, además de organizar métodos y calendario de investigación.

Métodos cualitativos

Descubre entrevistas, observación y shadowing como herramientas para comprender al usuario en profundidad.

Métodos cuantitativos

Conoce encuestas, métricas UX (SUS, NPS, CES) y análisis estadístico básico para tomar decisiones con datos.

Síntesis y comunicación de resultados

Aprende a transformar hallazgos en insights, crear personas, empathy maps y journey maps, y documentar un Research Report.

Módulo 2: Arquitectura de la Información y Flujos de Usuario

Fundamentos de Arquitectura de la Información

Qué es la IA, por qué es clave en UX y cómo ayuda a organizar contenidos de forma clara.

Sitemaps y modelos de navegación

Aprende a crear jerarquías globales y locales, distinguiendo entre navegación principal, local y de utilidades.

Micro-IA y etiquetado

Domina la creación de etiquetas, taxonomía y nomenclatura consistente para mejorar la claridad y encontrabilidad.

User Flows y Task Flows

Representa el recorrido de los usuarios en un producto digital paso a paso, desde tareas simples hasta procesos complejos.

Edge cases y flujos alternativos

Diseña escenarios secundarios y de error (ej. recuperación de contraseña, cancelación de reserva).

Documentación profesional

Prepara un manual de IA y Flujos en herramientas como Figma y Notion, listo para stakeholders y equipos de desarrollo.

Módulo 3: Prototipado y Wireframes

Introducción a los wireframes

Qué son, para qué sirven y diferencias entre baja, media y alta fidelidad.

Wireframes en papel y digital

Aprende a crear bocetos iniciales y trasladarlos a Figma con grids, jerarquía visual y cajas de contenido.

Patrones de interacción

Domina formularios, botones, menús, feedback y otros componentes básicos de interacción.

Prototipado en Figma

Conecta pantallas para crear prototipos navegables con enlaces, transiciones y microinteracciones simples.

Planificación de test de usabilidad

Define guiones de tareas, métricas de éxito y errores para validar tus prototipos.

Iteración y mejora

Analiza resultados de test, clasifica hallazgos y redibuja wireframes con mejoras validadas.

Módulo 4: UI Design, Design System & Accesibilidad

Principios de diseño visual

Aplica Gestalt, jerarquía visual, ritmo espacial, color y tipografía en UI.

Grids y layouts

Aprende a estructurar pantallas con consistencia y escalas modulares.

Tokens de diseño

Define color, tipografía, espaciado e iconografía como bases de un Design System.

Componentes y auto-layout en Figma

Crea elementos reutilizables con variantes, auto-layout y librerías.

Microinteracciones y animaciones

Introduce motion design y feedback visual para enriquecer la experiencia.

Accesibilidad digital

Aplica reglas WCAG, revisa contraste, estados de foco y usa herramientas de validación.

Design System

Documenta tokens, componentes y patrones en Figma, creando un sistema coherente y listo para entregar a desarrollo.

Módulo 5: Validación, Métricas & Iteración

Métricas UX

Conoce SUS, NPS, CES, tasa de éxito y cómo seleccionar la métrica adecuada según objetivos.

Métodos de validación

Aplica test de usabilidad moderados/no moderados, test A/B y evaluaciones heurísticas.

Analítica de producto

Introduce eventos, funnels y heatmaps con herramientas como GA4, Plausible o Matomo.

CRO y experimentación

Aprende a optimizar la conversión con experimentos basados en hipótesis y priorización de cambios.

Iteración continua

Usa datos para mejorar el diseño, documentar decisiones y mantener un backlog de mejoras priorizadas.

Módulo 6: Proyecto Final & Portfolio

Definición del proyecto final

Plantea un problema real y define objetivos, alcance y entregables del trabajo de fin de máster.

Desarrollo del case study

Documenta el proceso completo: research, arquitectura, prototipado, UI y validación.

Portfolio profesional

Crea tu portfolio en plataformas como Behance, Dribbble, Notion o tu propia web.

UX Writing aplicado al portfolio

Aprende a narrar tu proceso con claridad, storytelling visual y un tono profesional.

Defensa y presentación final

Entrena la defensa oral del proyecto en formato pitch y simula entrevistas UX/UI para preparar tu salida al mercado laboral.

Foto Persona Sonriente con info de Tecnologias

Piensa, diseña y desarrolla como un profesional

Aquí no vienes a repetir teoría. Desde el primer día creas interfaces, usas herramientas reales y recibes feedback de profesionales en activo. Lo que aprendes, lo aplicas. Lo que construyes, lo muestras.

Casos reales. Proyectos reales

Analiza problemas reales de usuarios, resuélvelos con diseño y aprende cómo piensan los profesionales.

Herramientas del presente

Trabaja con las tecnologías y metodologías que usan las empresas hoy en día, no con versiones obsoletas.

Contactos que abren puertas

Conecta con profesionales del sector y accede a oportunidades laborales reales a través de nuestra red.

Crea tu primer proyecto en equipo, desde cero

Diseñarás una interfaz real en equipo, tal y como se trabaja en el sector. Tu diseño se integrará con el desarrollo Backend, y juntos presentaréis el proyecto en una revisión final de producto.

Creación de un proyecto desde cero hasta programar el diseño

Diseño UX/UI desde cero

Aprenderás a crear interfaces centradas en el usuario paso a paso.

Prototipo funcional de principio a fin

Desde el wireframe hasta el prototipo interactivo, tu diseño estará listo para desarrollo.

Trabajo colaborativo en equipo

Gestionarás feedback de usuarios y stakeholders junto a otros perfiles, como en el entorno profesional.

Metodologías ágiles de diseño

Design sprints, user testing y presentaciones profesionales en grupo.

Diseña tu futuro como profesional

Al finalizar este máster, estarás preparada/o para asumir un rol real en el sector digital. Ya sea en agencias, startups o grandes equipos de producto, dominarás los procesos, herramientas y habilidades clave que hoy se buscan en un perfil de UX/UI Designer y Desarrollaror Web.

Solicita información
Propuestas de diseño de un diseñador profesional

Un mentor que te acompañará en cada línea de código.

Tu mentor lleva años diseñando y ahora te acompaña en este camino. Compartirá contigo su experiencia, su forma de trabajar y todo lo que ha aprendido resolviendo problemas reales en el día a día.

Conoce a tus profesores

Carlos Backend Developer

Más de 10 años desarrollando soluciones robustas en .NET y arquitecturas Backend.

Eva UX Designer

Ingeniera multimedia experta en diseño de producto digital y experiencia de usuario.

Cristina IT Project Manager

Gestiona proyectos tecnológicos y equipos, con enfoque en talento y procesos.

Mónica Diseñadora Gráfica

Diseña productos digitales y lidera su desarrollo como Product Owner.

Isaac Ingeniero .NET

Lidera el desarrollo técnico y la estrategia de la empresa con su experiencia.

Scarlett UX/UI Designer

Lidera el área de diseño y UX, definiendo experiencia y estilo visual de marca.

Estás a un paso de convertirte en Diseñador UX/UI y Desarrollador Web

Déjanos tus datos y te ayudaremos a resolver cualquier duda sobre el máster. Te explicamos cómo funciona la formación, cómo empezar y cuál es el siguiente paso para convertirte en Diseñador UX/UI y Desarrollador Web

1

Rellena el formulario

Déjanos tus datos y tu motivación para formarte con nosotros.

2

Te contactamos

Hablamos contigo para explicarte cómo funciona el máster y resolver tus dudas.

3

Entrevista personal

Conocemos tus objetivos y valoramos si encajas con nuestra metodología.

4

¡Bienvenido al máster!

Si todo está alineado, te damos la bienvenida. Empieza tu camino profesional.

Solicita información req.query.form

Cambiar preferencias de cookies