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
- 20% Black Friday
4.970€ 3.976€
Reserva tu plaza
Estudia ahora, paga después. *Consulta todos los métodos de financiación disponibles
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 Julio de 2026
Modalidad Online
Plazas 12
Duración 354H
Horarios 16:45H - 20:00H
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.
New FlashDataAcademy()
Aprende a programar30
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 CampusFlashData {
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.
Contenido del máster
01. 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.
02. 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.
03. 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.
04. Diseño responsive
Comprende cómo adaptar el diseño a distintos dispositivos con media queries, unidades relativas y Mobile First.
05. Git y control de versiones
Domina las bases de Git para gestionar versiones de tu proyecto, crear ramas, fusionar cambios y colaborar en equipo.
06. Despliegue en la web
Publica proyectos online utilizando plataformas como GitHub Pages, Netlify o Vercel.
01. 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.
02. Metodologías de diseño
Explora Design Thinking, Lean UX, Agile, Service Design y Design Sprint, entendiendo sus usos y ventajas.
03. 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.
04. Métodos cualitativos
Descubre entrevistas, observación y shadowing como herramientas para comprender al usuario en profundidad.
05. Métodos cuantitativos
Conoce encuestas, métricas UX (SUS, NPS, CES) y análisis estadístico básico para tomar decisiones con datos.
06. 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.
01. 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.
02. Sitemaps y modelos de navegación
Aprende a crear jerarquías globales y locales, distinguiendo entre navegación principal, local y de utilidades.
03. Micro-IA y etiquetado
Domina la creación de etiquetas, taxonomía y nomenclatura consistente para mejorar la claridad y encontrabilidad.
04. User Flows y Task Flows
Representa el recorrido de los usuarios en un producto digital paso a paso, desde tareas simples hasta procesos complejos.
05. Edge cases y flujos alternativos
Diseña escenarios secundarios y de error (ej. recuperación de contraseña, cancelación de reserva).
06. Documentación profesional
Prepara un manual de IA y Flujos en herramientas como Figma y Notion, listo para stakeholders y equipos de desarrollo.
01. Introducción a los wireframes
Qué son, para qué sirven y diferencias entre baja, media y alta fidelidad.
02. Wireframes en papel y digital
Aprende a crear bocetos iniciales y trasladarlos a Figma con grids, jerarquía visual y cajas de contenido.
03. Patrones de interacción
Domina formularios, botones, menús, feedback y otros componentes básicos de interacción.
04. Prototipado en Figma
Conecta pantallas para crear prototipos navegables con enlaces, transiciones y microinteracciones simples.
05. Planificación de test de usabilidad
Define guiones de tareas, métricas de éxito y errores para validar tus prototipos.
06. Iteración y mejora
Analiza resultados de test, clasifica hallazgos y redibuja wireframes con mejoras validadas.
01. Principios de diseño visual
Aplica Gestalt, jerarquía visual, ritmo espacial, color y tipografía en UI.
02. Grids y layouts
Aprende a estructurar pantallas con consistencia y escalas modulares.
03. Tokens de diseño
Define color, tipografía, espaciado e iconografía como bases de un Design System.
04. Componentes y auto-layout en Figma
Crea elementos reutilizables con variantes, auto-layout y librerías.
05. Microinteracciones y animaciones
Introduce motion design y feedback visual para enriquecer la experiencia.
06. Accesibilidad digital
Aplica reglas WCAG, revisa contraste, estados de foco y usa herramientas de validación.
07. Design System
Documenta tokens, componentes y patrones en Figma, creando un sistema coherente y listo para entregar a desarrollo.
01. Métricas UX
Conoce SUS, NPS, CES, tasa de éxito y cómo seleccionar la métrica adecuada según objetivos.
02. Métodos de validación
Aplica test de usabilidad moderados/no moderados, test A/B y evaluaciones heurísticas.
03. Analítica de producto
Introduce eventos, funnels y heatmaps con herramientas como GA4, Plausible o Matomo.
04. CRO y experimentación
Aprende a optimizar la conversión con experimentos basados en hipótesis y priorización de cambios.
05. Iteración continua
Usa datos para mejorar el diseño, documentar decisiones y mantener un backlog de mejoras priorizadas.
01. Definición del proyecto final
Plantea un problema real y define objetivos, alcance y entregables del trabajo de fin de máster.
02. Desarrollo del case study
Documenta el proceso completo: research, arquitectura, prototipado, UI y validación.
03. Portfolio profesional
Crea tu portfolio en plataformas como Behance, Dribbble, Notion o tu propia web.
04. UX Writing aplicado al portfolio
Aprende a narrar tu proceso con claridad, storytelling visual y un tono profesional.
05. 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.
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.
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.
Fórmate ahora y paga cuando encuentres trabajo
Tanto si aún trabajas como si ya tienes empleo, Bcas es la forma ideal de invertir en tu futuro sin preocuparte por los pagos. Con su modelo de financiación ISA, puedes formarte ahora y pagar solo cuando encuentres tu primer empleo. Y si por el contrario, tienes trabajo, disfrutarás de un periodo de carencia, es decir, un tiempo en el que no tendrás que pagar nada. Empieza a formarte y no te preocupes por los pagos inmediatos.
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.
María UX Designer
Diseñadora UX/UI, Product Designer y Maquetadora Web, con expertise en Diseño Gráfico y Branding.
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.
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
Rellena el formulario
Déjanos tus datos y tu motivación para formarte con nosotros.
Te contactamos
Hablamos contigo para explicarte cómo funciona el máster y resolver tus dudas.
Entrevista personal
Conocemos tus objetivos y valoramos si encajas con nuestra metodología.
¡Bienvenido al máster!
Si todo está alineado, te damos la bienvenida. Empieza tu camino profesional.
