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 nuestras opciones de financiación

Tu toolkit como Diseñador UX/UI y Desarrollador Web .setupUX/UIMaster()

Figma
HTML5
CSS3
Visual Studio Code
Notion
GitHub
IA Tools
Foto Persona Sonriente con info de Tecnologias portada FrontEnd

Fecha de inicio
Febrero de 2026

Fecha de Finalización
Julio de 2026

Modalidad
Online

Plazas
Limitadas

Duración
354H

Horario
16:45H - 20:00H

Solicita información req.query.form

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.

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

Contenido del máster

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.

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.

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.

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.

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

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 y Desarrollo Web para preparar tu salida al mercado laboral.

Impulsa tu carrera en Diseño UX/UI y Desarrollo Web y destaca en el sector digital

Formación 100% práctica y online

Metodologías ágiles, trabajo en equipo, control de versiones y buenas prácticas.

Contenidos siempre actualizados

Te acompañamos durante todo el proceso con orientación técnica real.

Mentorías con expertos

No simulas, programas de verdad. Te enfrentas a retos que te preparan para el día a día profesional.

Con una comunidad que impulsa tu carrera

Conecta con otros profesionales y expande tus oportunidades.

Salidas profesionales tras realizar nuestro Máster en Diseño UX/UI y Desarrollo Web

Estudiar en FlashData Academy significa prepararte para dar el salto directo al mercado laboral. Nuestros másters están diseñados para que adquieras las competencias más demandadas y te posiciones en un sector en plena expansión

Diseñador/a UX

Investiga, analiza y diseña experiencias digitales centradas en el usuario.

Diseñador/a UI

Crea interfaces visuales atractivas, funcionales y adaptadas a cada dispositivo.

Product Designer

Combina UX, UI y estrategia para desarrollar productos digitales completos.

Consultor/a de usabilidad

Evalúa y optimiza la experiencia de usuario para mejorar resultados.

Crea tu primer proyecto en equipo, desde cero

Construirás una app real en equipo, tal y como se trabaja en el sector. Tu código se integrará con el del equipo Backend, y juntos presentaréis el proyecto en una revisión final técnica.

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.

Nuestros expertos y profesores Flashdata Academy

Tu mentor lleva años programando 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.

Estas 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 + 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.