Conviértete en un profesional Full Stack con habilidades en UX/UI y Front-End. Aprende desde crear la interfaz hasta la programación de productos digitales y asegura tu éxito con esta carrera.
Curso online
Profesión: Diseño y desarrollo web
Inscríbete al curso
Inicio:
Quedan:
...
14 lugares
-40%
hasta el 5 de janeiro
Garantía de empleo
15 meses divididos en 71 módulos
Enriquece tu portafolio con 5 proyectos profesionales
Empleo garantizado o te devolvemos tu dinero
Actividades prácticas y feedback personalizado
Asistentes de IA que te facilitan la vida
Partner
¿Por qué aprender Diseño y Desarrollo Web?
Los diseñadores de UX/UI y desarrolladores Front End se encuentran entre las 10 profesiones digitales más demandadas en la actualidad.
Profesión en crecimiento
Es la profesión más completa para desarrolladores, cubriendo desde el concepto, la investigación, los wireframes, hasta la interfaz de usuario y los diseños finales.
Profesión bien valorada
El diseñador Full Stack es el profesional de diseño web más completo. Además de dominar todas las etapas del desarrollo de aplicaciones digitales, trabaja de forma independiente tanto en UX como en UI y Front End para crecer en el mercado laboral.
Sueldos altos
¿Cuánto gana un Diseñador y Desarrollador Web?
$120,000/año
Entry- level
Recién graduados y sin experiencia
$120,000/año
Junior
1-2 años de experiencia
$540,000/año
Mid
2 - 6 años de experiencia
$708,000/año
Diseñador UX/UI Senior
+ de 6 años de experiencia
*Sueldo promedio en México según Hireline y OCCMundial.
¿A quién va dirigido este curso?
Principiantes en diseño UX/UI
Diseñadores y Creativos
Si quieres profundizar en los conceptos de interfaz y experiencia de usuario para crear maquetaciones atractivas y funcionales, este curso es para ti. Aprende técnicas de diseño gráfico que te permitirán crear prototipos y armar aplicaciones desde cero para ingresar al campo laboral.
Para profesionales con cierta experiencia que buscan renovar y enriquecer sus conocimientos, cambiar de área o crecer en la empresa que ya operan. Profundiza en UX/UI, una de las áreas más valoradas en el mercado actual, y estarás preparado para trabajar en equipos de diseño de productos en bancos, empresas de TI, agencias de publicidad y más.
Diseñadores UX y UI
Además del diseño, aprende a usar la interfaz para garantizar la mejor experiencia de usuario. Práctica tus habilidades y descubre cómo aplicarlas a la programación en soluciones web para crecer en el diseño full stack.
Necesidades del usuario
Aprende a identificar las necesidades de los usuarios, diseñar el flujo de navegación y analizar las investigaciones de comportamiento
Prototipado y microinteracciones
Conoce las bases del diseño de interfaces, descubre cómo mejorar la usabilidad en plataformas web/móviles y realiza pruebas para validar la experiencia de usuario
Usabilidad y diseño responsivo
Adapta proyectos para múltiples plataformas utilizando diseño receptivo, flujos de navegación, wireframes, buenas prácticas de texto y microinteracciones
Diseño perfecto de píxeles
Descubre la importancia del refinamiento en el proceso de diseño y cuáles son los principales detalles que garantizan la calidad de la entrega
Diseño asistido por IA
Explora herramientas de inteligencia artificial en tu proceso de diseño UX/UI para generar contenido, automatizar tareas repetitivas y optimizar decisiones de diseño con base en datos reales
Figma
Domina la plataforma más avanzada para crear productos digitales, construir prototipos navegables, estandarizar y optimizar proyectos, además de la facilidad de testear con los usuarios
Trabajo colaborativo
Aprende a trabajar en equipo, con otros profesionales de producto, UX Writers y desarrolladores, con el objetivo de conseguir resultados efectivos
Rutina de trabajo ágil
Consigue organizar las prioridades y separar entregas en etapas independientes de los proyectos de UX/UI, a través de las metodologías ágiles
Desarrollo web
Trabaja con HTML, CSS y frameworks como los lenguajes Bootstrap para crear interfaces más inteligentes y receptivas
AJAX y API
Desarrolla habilidades en AJAX, JSON y API para crear aplicaciones web interactivas y efectivas
SEO y Conversión
Diseña landing pages y sitios web, basándote en la optimización de la conversión y de los motores de búsqueda
¿Qué aprenderás?
Recibe el certificado de EBAC al finalizar el curso
Enriquece tu portafolio con estos 5 proyectos profesionales
1.
Proyecto UX/UI
Elegir 1 de los 8 retos propuestos, los cuales responden a necesidades o situaciones específicas de organizaciones o empresas.
2.
Proyecto UX/UI con Nescafé
Una de las marcas de café más conocidas busca una solución para aumentar su número de consumidores y atraer clientes potenciales que consumen otras marcas.
3.
Proyecto Front-End
Crear un e-commerce responsive con HTML, CSS y funcionalidad interactiva a través de la manipulación del DOM
4.
Proyecto Front-End
Desarrollar una aplicación web y conectar una API que permita hacer solicitudes y dé resultados
5.
Proyecto Front-End con empresa aliada
Construir una estructura completa en HTML sobre el proyecto de UX UI y la empresa Nescafé
Con la garantía de empleo de EBAC, ¡ya tienes la mitad del éxito asegurado!
Encuentra trabajo
Consigue trabajo en hasta 6 meses después de terminar el curso, o te devolvemos tu dinero*
Mejora tu perfil
Activa el programa de empleabilidad y trabaja en tu CV, portafolio, LinkedIn y entrevistas con apoyo personalizado. Recibe ayuda en la búsqueda de vacantes
Aprende
Empieza tu profesión, completa las actividades y proyectos prácticos del curso y avanza en tu formación tech
Profesores
Alejandra Anton Honorato
Experta en Diseño UX
Ha diseñado experiencias interactivas para museos y exposiciones como directora de UX en Cocolab. Creó Conciencitas, una línea de joyería conceptual y la silla "Me Siento en México", exhibida internacionalmente.
Ha trabajado en Luidia y colaborado con The Interactive Immersive, Acceleration Sessions y APPList. Es profesora de EBAC, host de CreativeMornings Mexico City, líder de Ladies that UX y parte de Escuela Periférica, además es consultora y diseñadora independiente.
Ha trabajado en Luidia y colaborado con The Interactive Immersive, Acceleration Sessions y APPList. Es profesora de EBAC, host de CreativeMornings Mexico City, líder de Ladies that UX y parte de Escuela Periférica, además es consultora y diseñadora independiente.
María de Buen
CEO de BluePixel
Diseñadora Industrial, Maestra en Diseño Estratégico e Innovación por la Universidad Iberoamericana y fundadora de BluePixel, una de las primeras agencias de UX/UI en México. Imparte cursos de diseño UX/UI, innovación y liderazgo.
Es especialista en metodologías como Design Thinking, Lean Startup, toolkits de innovación y diseño estratégico.
Es especialista en metodologías como Design Thinking, Lean Startup, toolkits de innovación y diseño estratégico.
Paulina Solis
Product Designer en Edmodo
Diseñadora de Productos con más de 8 años de experiencia en la industria digital, actualmente forma parte del equipo de Producto en Edmodo, California, Estados Unidos.
Ha trabajado en industrias de social games, e-commerce, banca, incluyendo proyectos para Google, Mastercard, Konfio y HSBC en USA, Canadá y México.
Ha trabajado en industrias de social games, e-commerce, banca, incluyendo proyectos para Google, Mastercard, Konfio y HSBC en USA, Canadá y México.
Arturo Cuevas Sánchez
Ingeniero en Sistemas
Tiene especialización en Diseño de productos digitales y más de 10 años de experiencia creando experiencias de usuario globales para empresas de diversos sectores y tamaños.
Ha colaborado con compañías de renombre como McKinsey & Company, FEMSA, Konfío, 3M y Google, ya sea como consultor o en posiciones internas.
Ha colaborado con compañías de renombre como McKinsey & Company, FEMSA, Konfío, 3M y Google, ya sea como consultor o en posiciones internas.
Alfonso Díaz Villaseñor
Consultor en Diseño e Innovación
Más de 10 años mejorando la comunicación visual, de servicios y productos en México, Holanda y Alemania. Utiliza diferentes metodologías para detonar el potencial creativo de organizaciones como Natura México, Nacional Financiera, entre otras.
Alan Torres
UX/UI Team Leader en BluePixel
Alan cuenta con más de 8 años de experiencia asesorando a industrias de salud, productos de consumo y fintech. Es Licenciado en Diseño y Comunicación Visual y ha dado clases de diseño en reconocidas universidades mexicanas.
Rita Porte
Directora Creativa y fundadora de Brand New Brand
Especializada en diseño gráfico, en la actualidad Rita estudia una Maestría en estrategia e innovación de marcas. Ha trabajado como consultora de imagen corporativa, directora de arte y diseñadora gráfica para las empresas Opioptico, Diálogo Design y Rojo Libre Publicidad.
Mónica Medina
Líder del área de Identidad visual y diseño en Nestlé
Mónica cuenta con más de 20 años de experiencia como diseñadora gráfica, ha trabajado en Televisa, Comercial Mexicana y en Nestlé donde actualmente lidera los proyectos de Packaging, PV, desarrollo de e-content básico, avanzado y mobile.
Josué Manuel López Lezama
Frontend Engineer
Josué tiene experiencia en el desarrollo front end de 8 años, ha trabajado para empresas líderes como AT&T, Telmex y Mabe. Ha desarrollado diversos proyectos, forma parte de todo el proceso, la concepción del estilo de diseño, UX/UI y el desarrollo web frontend. Actualmente labora como Front end Engineer en Cornershop by Uber.
Únete al curso y obtén acceso a los mejores servicios de inteligencia artificial con EBAC AI
Información importante. Cada semana recibes un paquete de tokens para usar la IA. Los tokens se gastan cada vez que accedes a la IA, la cantidad depende de la dificultad y la dimensión de la tarea. Si los tokens se agotan antes de tiempo, verás un mensaje de aviso que suspende el acceso temporalmente hasta que se acumulen tokens de nuevo.
Úsala para estudiar, trabajar y organizar tu día a día
Planificación
Haz la lista de la compra, planifica tu semana o recuerda eventos importantes
Finanzas
Consigue hacer un presupuesto, calcular tus gastos y cómo ahorrar dinero
Viajes
Haz el itinerario de tu viaje, descubre lugares de interés y recibe sugerencias sobre qué ropa llevar
Comunicación
Traduce mensajes, simplifica o reformula textos comerciales o personales.
Aprendizaje y autodesarrollo
Aprende un nuevo idioma, entiende un tema complejo de modo sencillo
Recetas
Recibe sugerencias de menú para la cena o recomendaciones para aprovechar lo que tienes en el refrigerador
La IA es más que un asistente en tu profesión, es una herramienta para la vida
Acelera tu aprendizaje con la IA
Explica temas complejos con palabras sencillas
¿No entiendes cómo funciona una herramienta o un programa? La IA te lo explica con un lenguaje claro y ejemplos.
Asistente de tareas
La IA puede revisar tu trabajo antes de entregarlo. También, detecta errores y te dice cómo corregirlos para que aceleres tu progreso
Genera ideas
Si no sabes por dónde empezar tu proyecto o cómo diseñar de forma original, la IA te ayuda a encontrar opciones y ejemplos
Encuentra la información que necesitas
No pierdas tiempo buscando un artículo o un video, la IA te ayuda a encontrarlo más rápido
Simplifica textos, código e imágenes
La IA resume textos largos, escribe código o corrige errores, sugiere fórmulas de Excel, genera ideas y referencias para diseñadores y mucho más
La IA no sustituye a profesores o a los cursos, es un recurso más de asistencia para facilitar tu apendizaje
Claude 3.5 Haiku
El modelo más rápido de Anthropic: Claude 3.5 Haiku, su IA ofrece asistencia creativa, lógica y segura. Piensa con rapidez y se adapta a tu flujo de trabajo
Gemini 2.0 Flash
La novedad de Google, es popular por su cálculo rápido en tiempo real. Gemini 2.0 Flash, es la IA de referencia para interactuar al momento con cualquier tarea
GPT-4.1 Nano
Ultraligera y eficiente, la GPT-4.1 Nano detalla la productividad en un entorno computacional, es para ti si quieres obtener respuestas rápidas
GPT-4.1 Mini
El equilibrio entre velocidad e inteligencia, debido a su soporte optimizado. Fue creado para agilizar el trabajo y solucionar problemas de forma creativa
GPT-3.5 Turbo
Un clásico para generar texto rápido, confiable y consistente. Además, te ayuda a automatizar tareas cotidianas de gran volumen
GPT-4o mini
Destaca por su alto rendimiento y diseño aerodinámico. Es perfecto para aumentar tu productividad y manejar tareas de forma eficiente
GPT-4o
El modelo más avanzado de OpenAI gracias a su rápida comprensión de texto y audio
GPT o4-mini
El GPT o4-mini aumenta tu productividad. Es más ágil, inteligente y sirve para optimizar tus tareas con precisión
Claude 3.7 Sonnet
La mejor IA, creada por ex empleados de OpenAI. Conocida por superar a ChatGPT en casi todas las pruebas
GPT-4.1
El modelo más rápido e inteligente de Open AI, por superar a GPT-4o en cada test
Claude 3.5 Haiku
Gemini 2.0 Flash
GPT-4.1 Nano
GPT-4.1 Mini
GPT-3.5 Turbo
GPT-4o mini
GPT-4o
GPT o4-mini
Claude 3.7 Sonnet
GPT-4.1
Accede a los mejores 10 modelos de IA del mundo en EBAC.ia
Ahorra $2900 MXN
Precio total al comprar por separado
ChatGPT
Claude
Gemini
🎁 3 meses gratis de los servicios más potentes de IA
Disfruta de lo mejor de la IA en un solo lugar con EBAC.ai
GPT-4.1
El modelo más rápido e inteligente de Open AI, por superar a GPT-4o en cada test
Claude 3.7 Sonnet
La mejor IA, creada por ex empleados de OpenAI. Conocida por superar a ChatGPT en casi todas las pruebas
GPT o4-mini
El GPT o4-mini aumenta tu productividad. Es más ágil, inteligente y sirve para optimizar tus tareas con precisión
GPT-4o
El modelo más avanzado de OpenAI gracias a su rápida comprensión de texto y audio
GPT-4o mini
Destaca por su alto rendimiento y diseño aerodinámico. Es perfecto para aumentar tu productividad y manejar tareas de forma eficiente
GPT-3.5 Turbo
Un clásico para generar texto rápido, confiable y consistente. Además, te ayuda a automatizar tareas cotidianas de gran volumen
GPT-4.1 Mini
El equilibrio entre velocidad e inteligencia, debido a su soporte optimizado. Fue creado para agilizar el trabajo y solucionar problemas de forma creativa
GPT-4.1 Nano
Ultraligera y eficiente, la GPT-4.1 Nano detalla la productividad en un entorno computacional, es para ti si quieres obtener respuestas rápidas
Gemini 2.0 Flash
La novedad de Google, es popular por su cálculo rápido en tiempo real. Gemini 2.0 Flash, es la IA de referencia para interactuar al momento con cualquier tarea
Claude 3.5 Haiku
El modelo más rápido de Anthropic: Claude 3.5 Haiku, su IA ofrece asistencia creativa, lógica y segura. Piensa con rapidez y se adapta a tu flujo de trabajo
Acelera tu aprendizaje con la IA
Explica temas complejos con palabras sencillas
¿No entiendes cómo funciona una herramienta o un programa? La IA te lo explica con un lenguaje claro y ejemplos.
Asistente de tareas
La IA puede revisar tu trabajo antes de entregarlo. También, detecta errores y te dice cómo corregirlos para que aceleres tu progreso
Genera ideas
Si no sabes por dónde empezar tu proyecto o cómo diseñar de forma original, la IA te ayuda a encontrar opciones y ejemplos
Encuentra la información que necesitas
No pierdas tiempo buscando un artículo o un video, la IA te ayuda a encontrarlo más rápido
Simplifica textos, código e imágenes
La IA resume textos largos, escribe código o corrige errores, sugiere fórmulas de Excel, genera ideas y referencias para diseñadores y mucho más
La IA no sustituye a profesores o a los cursos, es un recurso más de asistencia para facilitar tu apendizaje
Úsala para estudiar, trabajar y organizar tu día a día
Planificación
Haz la lista de la compra, planifica tu semana o recuerda eventos importantes
Finanzas
Consigue hacer un presupuesto, calcular tus gastos y cómo ahorrar dinero
Viajes
Haz el itinerario de tu viaje, descubre lugares de interés y recibe sugerencias sobre qué ropa llevar
Comunicación
Traduce mensajes, simplifica o reformula textos comerciales o personales.
Aprendizaje y autodesarrollo
Aprende un nuevo idioma, entiende un tema complejo de modo sencillo
Recetas
Recibe sugerencias de menú para la cena o recomendaciones para aprovechar lo que tienes en el refrigerador
La IA es más que un asistente en tu profesión, es una herramienta para la vida
Únete al curso y obtén acceso a los mejores servicios de inteligencia artificial con EBAC AI
Información importante. Cada semana recibes un paquete de tokens para usar la IA. Los tokens se gastan cada vez que accedes a la IA, la cantidad depende de la dificultad y la dimensión de la tarea. Si los tokens se agotan antes de tiempo, verás un mensaje de aviso que suspende el acceso temporalmente hasta que se acumulen tokens de nuevo.
Aprende con casos profesionales
Vive la experiencia en un entorno laboral real
Recibe el apoyo de tutores y feedback personalizado
Enriquece tu portafolio y consigue más oportunidades
Practica con los casos propuestos por las empresas aliadas
NESCAFÉ es una marca de café reconocida mundialmente que pertenece a la gran compañía de alimentos NESTLÉ®. NESCAFÉ llegó a México en 1948, convirtiéndose en un éxito por su creación al presentar el primer café soluble del país, que hoy se ha convertido en el preferido de los mexicanos.
Tendrás acceso al branding case de NESCAFÉ y podrás desarrollar tu aprendizaje en base a desafíos reales del mercado.
Tendrás acceso al branding case de NESCAFÉ y podrás desarrollar tu aprendizaje en base a desafíos reales del mercado.
¿Quieres más información?
Confirmo que he leído, acepto y entiendo los términos y condiciones, así como el aviso de privacidad y condiciones del Programa de Empleo
Deja tus datos y uno de nuestros asesores te contactará para resolver tus dudas sin ningún compromiso.
Contenido del curso
La profesión online de Diseño y Desarrollo Web se divide en 71 módulos.
Tendrás acceso ilimitado para que estudies cuando quieras y donde quieras.
Tendrás acceso ilimitado para que estudies cuando quieras y donde quieras.
Curso Diseñador UX/UI
Aprende las bases del diseño UX/UI y cómo influye al crear productos digitales centrados en el usuario final. Además, explora metodologías, herramientas y desarrolla tu pensamiento crítico y estratégico a través de casos reales.
Actividades:
Seleccionar uno de los problemas y crear los pasos del proyecto correspondientes a la metodología Lean UX.
- Introducción al diseño UX/UI
- Perfiles profesionales en esta área
- Miro y su campo de trabajo
- Metodología Design Thinking
- Metodologías Lean UX y Agile
Actividades:
Seleccionar uno de los problemas y crear los pasos del proyecto correspondientes a la metodología Lean UX.
Desarrolla una visión estratégica del diseño UX/UI y conectala con los objetivos del negocio. Adquiere habilidades de investigación, síntesis e interpretación de datos para crear experiencias significativas.
- UX y negocio: métricas que importan
- Modelos de negocio y análisis competitivo
- U de persona usuaria
- Principios de inclusión y diversidad
- Accesibilidad y tecnologías de asistencia
- Psicología y comportamiento
- Investigación y modelado inicial
- Herramientas para entender al “U”
- Interpretación de datos
- Brief: Planteamiento de un reto de diseño
- Producto Mínimo Viable (MVP)
Usa tu creatividad para diseñar experiencias innovadoras a través del proceso de ideación. Genera, combina y prioriza las mejores ideas con las mejores técnicas, y consigue evaluarlas para obtener soluciones efectivas.
Crear una lista de ideas y seleccionar las funcionalidades del proyecto con el método MOSCOW y la herramienta de diagrama de flujo en FigJam.
- Divergencia y Convergencia de ideas
- Mapas mentales
- Heatmaps y matriz de impacto-esfuerzo
- Herramientas de evaluación
- Método MOSCOW
- Definición del concepto
Crear una lista de ideas y seleccionar las funcionalidades del proyecto con el método MOSCOW y la herramienta de diagrama de flujo en FigJam.
Descubre la estructura de una experiencia digital efectiva con la arquitectura de información. Aprende a organizar, clasificar y etiquetar contenido usando distintas técnicas y flujos de usuario con el objetivo de crear prototipos con diferentes niveles de fidelidad.
Crear la arquitectura de información de una plataforma, desarrollar un prototipo de baja fidelidad y elaborar los wireframes.
- Arquitectura de Información
- Principios de ontología y taxonomía
- Card sorting, user flows y sitemaps
- Introducción al prototipado
- Wireframes alineados con el objetivo
Crear la arquitectura de información de una plataforma, desarrollar un prototipo de baja fidelidad y elaborar los wireframes.
Aprende a complementar la experiencia con las bases del UX Writing, para guíar al usuario a ejecutar acciones, a través de textos claros y elementos narrativos que determinan la identidad de una marca.
Definir el tono y voz de la plataforma, así como realizar una segunda iteración de los wireframes de media fidelidad.
- Diferencias entre UX Writing y Copywriting
- Microcopy
- Empatía y engagement
- Voz y tono
- Guías de estilo
- Patrones de escritura
Definir el tono y voz de la plataforma, así como realizar una segunda iteración de los wireframes de media fidelidad.
Crea experiencias visuales memorables con los principios del diseño de interfaces, a partir de la composición, el color, la jerarquía y la tipografía. Decide la identidad visual de un producto digital y aplica el concepto con herramientas de diseño digitales.
Implementar los principios del diseño visual a la plataforma con los principios y las herramientas vistas.
- Principios del Diseño de Interfaz
- Leyes de la Gestalt
- Branding en un producto digital
- Imágenes, vectores y formatos
- Photoshop
- Diseño de landing pages
Implementar los principios del diseño visual a la plataforma con los principios y las herramientas vistas.
Experimenta el impacto que tiene la inteligencia artificial en el diseño UX/UI. Aprende a agilizar los procesos creativos, diseñar contenido, potenciar el UX Writing y prototipar sin saber programar con IA.
Crear una versión funcional e interactiva de la landing page usando Webflow, integrar el contenido generado con IA y conectar las automatizaciones con Zapier.
- Inteligencia artificial para diseñadores UX/UI
- Herramientas No-Code y Low-Code
Crear una versión funcional e interactiva de la landing page usando Webflow, integrar el contenido generado con IA y conectar las automatizaciones con Zapier.
Domina los fundamentos del diseño web para mantener la funcionalidad y la coherencia visual. Comprende la relación entre Atomic Design y el diseño responsivo. Además, aprende a crear prototipos de alta fidelidad con herramientas avanzadas.
Crear un sistema de diseño de alta fidelidad para el proyecto.
- Diseño y principios web
- Sistemas de diseño
- Diseño responsivo
- Prototipos con Spline, Webflow y ProtoPie
Crear un sistema de diseño de alta fidelidad para el proyecto.
Refuerza tu proceso de diseño de forma estructurada con técnicas de recolección de feedback, pruebas de usabilidad, pruebas de estrés y evaluaciones heurísticas para validar tus propuestas. Y fortalece tus habilidades de liderazgo y gestión de proyectos UX/UI.
Realiza pruebas de usabilidad, estructurar el proyecto como un equipo profesional y presentarlo completo.
- Evaluación
- Pruebas de usabilidad
- Retroalimentación
- Gestión de proyectos con Jira
- Curriculum, entrevista y portafolio
Realiza pruebas de usabilidad, estructurar el proyecto como un equipo profesional y presentarlo completo.
Curso Figma
Explora el programa de una manera ágil, conoce sus características para poder trabajar trabajar de forma profesional en él.
Crear un nuevo documento en Figma con una portada, definir un tema para un proyecto móvil y diseñar un vento box responsive con auto layout.
- Qué es Figma y por qué aprenderlo
- Diferencias entre Figma y FigJam
- Interfaz de Figma
- Herramientas y plugins
- La comunidad de Figma
- Trabajo colaborativo de proyectos
- Tipos de elementos y agrupaciones
- Ámbitos y anidación
- Elementos responsive
Crear un nuevo documento en Figma con una portada, definir un tema para un proyecto móvil y diseñar un vento box responsive con auto layout.
Aprende a crear interfaces digitales en base a las necesidades de los usuarios, a trabajar con referencias visuales y a estructurar wireframes con elementos básicos de diseño.
Desarrollar un user persona, un user story, un user flow, wireframes y un moodboard.
- Diseño UX
- User personas
- User stories
- User flow
- Wireframes
- Moodboards
Desarrollar un user persona, un user story, un user flow, wireframes y un moodboard.
Conoce los elementos de diseño, conceptos de UI CRAP y Gestalt. También aprende a usar retículas, conjuntos de colores, sistemas de diseño e iconografía.
Actividades:
Definir retículas, tipografías y colores. Y crear una composición de vectores y las pantallas del flujo del usuario para rehacer los elementos de diseño con Auto Layout.
- Diseño visual de la interfaz
- Retículas
- Set de colores
- Sistema tipográfico
- Iconografía
- Plugins
- Herramienta pluma
- Vectores de forma
- Herramientas avanzadas de Figma
- Función auto layout
- Adaptación responsive con resizing
- Plugins
Actividades:
Definir retículas, tipografías y colores. Y crear una composición de vectores y las pantallas del flujo del usuario para rehacer los elementos de diseño con Auto Layout.
Domina el concepto de diseño visual aplicado a wireframes, los niveles de componentización adaptados al equipo y la gestión de bibliotecas en Figma.Descubre cómo enriquecer tus interfaces con ilustraciones personalizadas con Figma Draw
Actividades:
- UI Kit
- Design System
- Figma Draw
- Variables y Estilos
- Atomic Design
- Componentes
- Variantes, propiedades y niveles de componentización
- Librerías en Figma
- Tipos de agrupación
- Librerías públicas
Actividades:
- Ajustar la interfaz de la pantalla de inicio, aplicar estilos y gráficos en las otras pantallas.
- Crear 3 componentes de personalización y trazar el sistema de archivos y bibliotecas para el proyecto final.
Consigue crear animaciones y prototipos interactivos en Figma con técnicas avanzadas y conoce los procesos de handoff. Descubre las ventajas de Figma Sites y Figma Buzz para crear páginas fáciles de navegar.
Desarrollar un prototipo interactivo en Figma, 3 microinteracciones y una animación simple con diferentes transiciones. Y compartir los proyectos con mayor impacto.
- Animaciones en Figma
- Tips y trucos
- Prototipos complejos
- Figma Sites
- Herramientas de Figma Buzz
- Componentes interactivos
- Tipos de triggers / interacciones
- Smart Animate
- Scroll y Swipe
- Modales
- Handoff
- Documentación
Desarrollar un prototipo interactivo en Figma, 3 microinteracciones y una animación simple con diferentes transiciones. Y compartir los proyectos con mayor impacto.
Curso Front End
Adquiere habilidades web integrales y los conceptos básicos del desarrollo web, front end y las herramientas necesarias para realizarlo.
Actividades:
Desarrollar un e-commerce estático y responsivo con estructura semántica en HTML, estilos de CSS y elementos como párrafos, imágenes, tablas y formularios. E integrar tarjetas organizadas con Flexbox y disposiciones de filas mediante Grid.
- Introducción al desarrollo web y front end
- HTML5
- CSS3
- JavaScript
- Visual Studio Code
- Flexbox
- Diferencia entre front end y back end
Actividades:
Desarrollar un e-commerce estático y responsivo con estructura semántica en HTML, estilos de CSS y elementos como párrafos, imágenes, tablas y formularios. E integrar tarjetas organizadas con Flexbox y disposiciones de filas mediante Grid.
Adapta sitios web a diferentes dispositivos y resoluciones. Conoce la metodología BEM en CSS y preprocesadores como Sass para mejorar la organización y el mantenimiento del código.
-Aplicar la metodología BEM a un e-commerce en la refactorización de la hoja de estilo con el repositorio de Git y aplicar el servicios de alojamiento web.
-Aplicar estilos a HTML con Sass y crear una interfaz web con estilos de Bootstrap.
- Responsive Design
- Arquitectura de CSS
- Sass
- Bootstrap
- Git y GitHub
- Servicio de alojamiento para sitios web estáticos
-Aplicar la metodología BEM a un e-commerce en la refactorización de la hoja de estilo con el repositorio de Git y aplicar el servicios de alojamiento web.
-Aplicar estilos a HTML con Sass y crear una interfaz web con estilos de Bootstrap.
Domina las competencias esenciales en JavaScript, la manipulación de datos, variables, operadores, funciones (flecha y 'return'), condicionales, bucles, métodos de arrays, objetos, cadenas y mucho más.
Practicar la corrección de código y aplicar los conceptos en Codepen. Agregar un formulario con respuestas condicionadas, la manipulación del DOM, funciones, loops y condicionales en JavaScript
- Introducción a JavaScript
- Funciones y Condicionales de JavaScript
- Loops y Scope en JavaScript
- Características de ES6
- Clases y LocalStorage en JavaScript
- Sitios Web Interactivos: DOM y Evento
Practicar la corrección de código y aplicar los conceptos en Codepen. Agregar un formulario con respuestas condicionadas, la manipulación del DOM, funciones, loops y condicionales en JavaScript
Profundiza tu conocimiento de JavaScript asincrónico y aplica promesas.
Actividades:
Aplicar conceptos de promesas en JavaScript y desarrollar una aplicación web capaz de consumir una API, permitiendo realizar solicitudes y mostrar resultados.
- JavaScript asincrónico
- Async/Await
- AJAX, APIs y JSON
- Axios/Postman
Actividades:
Aplicar conceptos de promesas en JavaScript y desarrollar una aplicación web capaz de consumir una API, permitiendo realizar solicitudes y mostrar resultados.
Mejora la accesibilidad web para optimizar la experiencia de personas con diferentes discapacidades.
Aplicar los principios de accesibilidad a un sitio web
- Accesibilidad en sitios web
- Tecnologías asistivas
- Prácticas inclusivas
- Descripciones textuales
Aplicar los principios de accesibilidad a un sitio web
Domina las competencias clave de front end y prepárate para afrontar entrevistas de trabajo para posiciones junior en el área.
-Practicar en simulacros de entrevistas técnicas y sus procesos.
- El perfil del Desarrollador Front End en el entorno empresarial
- Habilidades para entrevistas técnicas
-Practicar en simulacros de entrevistas técnicas y sus procesos.
Metodología del curso
Clases en video
Pon tu aprendizaje en práctica
Atención personalizada
Proyecto final
Tendrás acceso a todo el material del curso en la plataforma digital
El curso tiene actividades que puedes hacer a tu ritmo
Recibe corrección y retroalimentación del tutor sobre tus proyectos
Desarrolla un proyecto profesional para enriquecer tu portafolio
1
2
3
4
Acceso de por vida
Entra al contenido del curso las veces que quieras por tiempo ilimitado
Así se verá tu currículum
$694,116 MXN / año*
Sueldo:
Habilidades principales
Tu nombre
Diseñador Full Stack
Gestión de proyectos y metodologías ágiles
Investigación cualitativas y cuantitativas
Diseño de interfaces centradas en el usuario
Empatía para entender a los usuarios
Inclusividad y accesibilidad web
Prototipos de alta y baja fidelidad
UX Writing
Tecnologías web esenciales, como HTML, CSS, JavaScript
Testeo y validación de conceptos de diseño
Páginas web responsive con Visual Studio Code
Integración de Bootstrap en proyectos web con CSS y Sass
Git para control de versiones y colaboración
Uso de APIs para mejorar la funcionalidad de aplicaciones web
Herramientas digitales
Certificado de EBAC
Miro
Figma
Marvel
Invision
Jira
Photoshop
Protopie
Spline
Webflow
Hotjar
UX cam
Git
GitHub
Sass
Visual Studio Code
Bootstrap
CodePen
Postman
Inicio:
Quedan:
...
14 lugares
¿Comenzamos?
Inversión
Precio total con descuento
$ 19,900 MXN
12 mensualidades de
$ 1,767 MXN
*Sujeto a las políticas del banco emisor de la tarjeta de crédito
a meses sin intereses con tarjeta de crédito
Garantía de reembolso de 7 días
Consigue 40% de descuento por tiempo limitado
Precio normal
$ 33,165 MXN
hasta el
5 de janeiro
5 de janeiro
-50%
EBAC.IA
Gratis
10 herramientas de IA
10 herramientas de IA
Ahorra hasta 10% pagando con transferencia o depósito bancario a nuestra cuenta. ¡Contáctanos!
*Sujeto a las políticas del banco emisor de la tarjeta de crédito
La Escuela Británica de Artes Creativas y Tecnología (EBAC) es una institución innovadora de educación superior en Artes Creativas y Tecnología que ofrece cursos y programas de especialización en línea.
cursos profesionales en el área de IT, diseño, marketing, audiovisual, fashion y negocios
alumnos estudiando con nuestros cursos online
de los profesores y tutores son expertos y referentes en el mercado laboral
empresas colaboran en el desarrollo de cursos, proyectos reales y programas de prácticas
+45
100%
145 mil
+40
Preguntas frecuentes
¡Claro! Los cursos están creados para que puedas trabajar desde la primera actividad hasta el proyecto final. En cada módulo aprenderás las diferentes fases para desarrollar un proyecto profesional. Además, en cada actividad recibirás feedback personalizado de tutores expertos en tu área de estudio.
La garantía de empleo te da la oportunidad de incursionar al mercado laboral sin necesidad de experiencia previa en tech y a los 6 meses máximo de terminar tu curso.
Las posiciones a las que puedes entrar serán de recién egresado. Sin embargo, hay casos excepcionales en los que tienes opción de aplicar a ofertas “junior” si tienes mínimo 1 año de experiencia en el mismo sector y cuentas con un certificado B2 de inglés.
Las posiciones a las que puedes entrar serán de recién egresado. Sin embargo, hay casos excepcionales en los que tienes opción de aplicar a ofertas “junior” si tienes mínimo 1 año de experiencia en el mismo sector y cuentas con un certificado B2 de inglés.
No, para garantizar tu participación en el Programa de empleabilidad debes cumplir los siguientes requisitos:
Conoce los términos y condiciones del Programa de empleabilidad.
- Ser mayor de 18 años al momento de la inscripción.
- Ser ciudadano mexicano con residencia en México o extranjero con documentación de residencia permanente, y tener los permisos correspondientes para trabajar en el país.
- Tener certificado del bachillerato terminado.
- Completar el curso con éxito, dentro de los 24 meses desde el momento de la compra, haber entregado el 100% de las actividades y que hayan sido aprobadas por los tutores de EBAC.
- Concluir 3 sesiones en el Centro de Carreras.
- Seguir las instrucciones del Curso de Empleabilidad y haber superado la entrevista del departamento de Soporte para alumnos de EBAC.
- Entregar el currículum vitae con el formato proporcionado por EBAC, portafolio y perfil
- profesional actualizado en LinkedIn.
- Ser activo en la búsqueda de empleo.
- Entregar y acreditar los casos y proyectos indicados en el curso.
Conoce los términos y condiciones del Programa de empleabilidad.
Miro
Requisitos Web:
Tipo: Web app (no requiere instalación).
Requisitos:
Tipo: Web app + InVision Studio (opcional, descargable)
Requisitos Web:
Tipo: Web app
Requisitos:
Tipo: Software de escritorio
Requisitos (mínimos):
Tipo: App de escritorio
Requisitos (mínimos):
Tipo: App web + app de escritorio
Requisitos Web:
Tipo: Web app
Requisitos:
CRO
Tipo: Técnica/metodología más que herramienta única
Herramientas comunes: Google Optimize, VWO, Optimizely
Requisitos:
Hotjar
Tipo: Web app para análisis de comportamiento
Requisitos:
Tipo: Plataforma de análisis de apps móviles
Requisitos:
-Figma
-Git
-GitHub
-Sass
-Visual Studio Code
-Bootstrap
-CodePen
-Postman
Requisitos Web:
- Navegador moderno actualizado (Chrome, Firefox, Safari, Edge)
- Conexión estable a internet
- Cuenta Miro gratuita o de pago
- Funciona en sistemas operativos Windows, macOS, Linux (vía navegador)
Tipo: Web app (no requiere instalación).
Requisitos:
- Navegador moderno (Chrome, Firefox, Edge)
- Conexión a internet
- Cuenta Marvel gratuita o de pago
Tipo: Web app + InVision Studio (opcional, descargable)
Requisitos Web:
- Navegador actualizado
- Cuenta InVision
Tipo: Web app
Requisitos:
- Navegador moderno
- Conexión estable
- Cuenta Atlassian
Tipo: Software de escritorio
Requisitos (mínimos):
- Windows 10 (64 bits) / macOS 11+
Tipo: App de escritorio
Requisitos (mínimos):
- Windows 10+ / macOS 10.14+
- 8 GB RAM
- 1 GB de espacio libre
- GPU dedicada recomendada para transiciones suaves
Tipo: App web + app de escritorio
Requisitos Web:
- Navegador con WebGL 2.0 habilitado (Chrome, Edge)
Tipo: Web app
Requisitos:
- Navegador actualizado (Chrome, Firefox).
- Conexión a internet constante
- Conocimientos básicos de HTML/CSS deseables
CRO
Tipo: Técnica/metodología más que herramienta única
Herramientas comunes: Google Optimize, VWO, Optimizely
Requisitos:
- Navegador
- Cuenta en la herramienta seleccionada
- Conexión a internet
- Código de seguimiento en el sitio web (por desarrollador)
Hotjar
Tipo: Web app para análisis de comportamiento
Requisitos:
- Cuenta Hotjar
- Código JavaScript insertado en el sitio web a observar
- Navegador moderno para visualización de mapas de calor, grabaciones, etc.
Tipo: Plataforma de análisis de apps móviles
Requisitos:
- Cuenta UXCam
-Figma
-Git
-GitHub
-Sass
-Visual Studio Code
-Bootstrap
-CodePen
-Postman
No, debes estudiar los módulos en orden y para un aprendizaje óptimo deberás completar las actividades al final de cada módulo y enviarlas al tutor para que sean revisadas antes de pasar al siguiente módulo. Para tener acceso al Programa de empleabilidad, es obligatorio que hayas realizado todas las actividades y haber completado el 100% del curso.
La metodología del curso ha sido diseñada para adaptarse a diferentes ritmos de vida. Te sugerimos que completes un módulo por semana, te llevará dos horas aproximadamente entre atender las lecciones y realizar las actividades. Pero no te preocupes, este plazo es sólo una sugerencia.
Puedes avanzar a tu propio ritmo, tomar descansos para integrar el contenido y verlo de nuevo las veces que quieras antes de continuar. Pero, es importante que tengas en cuenta que las tutorías y el feedback se te proporciona solo durante 2 años a partir de la fecha de registro al curso para obtener tu certificado de EBAC, y 23 meses para completar los requisitos del Programa de empleo, de lo contrario, no serás candidato para obtener este beneficio.
Puedes avanzar a tu propio ritmo, tomar descansos para integrar el contenido y verlo de nuevo las veces que quieras antes de continuar. Pero, es importante que tengas en cuenta que las tutorías y el feedback se te proporciona solo durante 2 años a partir de la fecha de registro al curso para obtener tu certificado de EBAC, y 23 meses para completar los requisitos del Programa de empleo, de lo contrario, no serás candidato para obtener este beneficio.
Durante el curso tendrás apoyo de un tutor que te ayudará a resolver tus dudas, comentar tus actividades y te dará consejos. Tendrás la oportunidad de aprender de profesores líderes que son grandes referentes en su sector y aprovechar todos sus conocimientos.
El curso se desarrolló teniendo en cuenta una evolución individual. Por ello, contamos con un equipo de tutores, para corregir y dar feedback sobre las actividades realizadas por cada alumno. También puedes hablar con otros estudiantes y hacer cualquier pregunta sobre el contenido de las clases al tutor en el Foro.
