Conviértete en un profesional 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
Formación completa de 16 meses con más de 70 horas de videolecciones
Enriquece tu portafolio con proyectos profesionales
Empleo garantizado o te devolvemos tu dinero
Recibe apoyo y feedback de los tutores
Partner
¿Por qué aprender Diseño Full Stack?
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
Desarrollador Front End SR
$949,608 /año
Desarrollador Front End MID
$657,888 /año
Diseñador UX/UI
$433,488 /año
¿Cuánto gana un Diseñador Full Stack?
*Salario en la CDMX según Glassdoor
¿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.
Aprende a identificar las necesidades de los usuarios, diseñar el flujo de navegación y analizar las investigaciones de comportamiento
Adapta proyectos para múltiples plataformas utilizando diseño receptivo, flujos de navegación, wireframes, buenas prácticas de texto y microinteracciones
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
Conoce las bases del diseño de interfaces y descubre cómo mejorar la usabilidad en plataformas web/móviles
Necesidades del usuario
Prototipado y microinteracciones
Diseño perfecto de píxeles
Usabilidad y diseño responsivo
Domina la plataforma más avanzada para crear productos digitales, construir prototipos navegables, estandarizar y optimizar proyectos
Consigue organizar las prioridades y separar entregas en etapas independientes de los proyectos de UX/UI, a través de las metodologías ágiles
Rutina de trabajo ágil
Figma
¿Qué aprenderás?
Recibe el certificado de EBAC al finalizar el curso
Enriquece tu portafolio con proyectos profesionales
Aprende a trabajar en equipo, con otros profesionales de producto, UX Writers y desarrolladores
Trabaja con HTML, CSS y frameworks como los lenguajes Bootstrap para crear interfaces más inteligentes y receptivas
Trabajo colaborativo
Desarrollo web
1.
Proyecto UX/UI
Elegir 1 de los diferentes 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 y populares a nivel mundial. El alumno presentará una solución para aumentar el consumo de café en las mañanas, en vez de otras bebidas que desplazan su consumo.
3.
Proyecto Front-End
Crear una aplicación web y conectar una API que permita hacer solicitudes y dé resultados.
4.
Proyecto Front-End
Diseñar una landing page con HTML, CSS, media queries, con optimización SEO y herramientas que mejoren su objetivo comercial.
Diseña landing pages y sitios web, basándote en la optimización de la conversión y de los motores de búsqueda
SEO y Conversión
Desarrolla habilidades en AJAX, JSON y API para crear aplicaciones web interactivas y efectivas
AJAX y API
Hemos asesorado a más de 900 alumnos a encontrar el trabajo de sus sueños. Te ayudaremos a crear un CV, un plan de carrera, a preparar entrevistas y te informaremos sobre las vacantes actuales.
Si no encuentras trabajo dentro de los 6 meses después de terminar el curso, te regresamos tu dinero.*
Si no encuentras trabajo dentro de los 6 meses después de terminar el curso, te regresamos tu dinero.*
1
Empleo garantizado o te devolvemos tu dinero
2
Portafolio
Plan de carrera
3
Entrevistas y CV
4
Conexión con empresas
Convertimos los proyectos del curso en un portafolio atractivo y que muestra las fortalezas del alumno a los reclutadores.
Te ayudamos a definir tus objetivos y a crear un plan de carrera para que alcances la excelencia profesional.
¡Consigue el trabajo! Realizamos entrevistas simuladas y te asesoramos con CV para que destaques sobre otros candidatos.
Seleccionamos las mejores oportunidades laborales para ti y compartimos tu CV con las empresas asociadas.
Qué hacemos
Profesores
Alejandra Anton Honorato
Actualmente es Head de UX en Cocolab, donde diseña exhibiciones, retail y experiencias interactivas para museos, participó en Frida Inmersiva, la primera experiencia inmersiva hecha y producida en México . Trabajó en Luidia, un laboratorio de innovación en Estados Unidos, donde desarrolló ideas y prototipos para nuevos productos.
Head de UX
María de Buen
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.
CEO de BluePixel
Paulina Solis
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.
Product Designer en Edmodo
Gerardo Vidal
Cuenta con 13 años de experiencia liderando equipos. Gerardo ha colaborado en proyectos para el Gobierno mexicano, la Embajada británica en México, sin dejar atrás pymes, startups y artistas digitales. Entre sus proyectos encontramos la web de la ONU, Ecosistema Artificial Sonoro, Derechos Humanos, Forensic Landscapes y Santos Diableros.
Diseñador Gráfico e ilustrador
Josué Manuel López Lezama
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.
Frontend Engineer
Rita Porte
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.
Directora Creativa y fundadora de Brand New Brand
Mónica Medina
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.
Líder del área de Identidad visual y diseño en Nestlé
Alfonso Díaz Villaseñor
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.
Consultor en Diseño e Innovación
Alan Torres
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.
UX/UI Team Leader en BluePixel
Aprende de los 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 70 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.
Aprende qué es el diseño UX y su objetivo de crear productos digitales que faciliten la vida de los usuarios. Y cómo darle un diseño visual a los productos.
Actividades: Seleccionar uno de los problemas planteados y crear el proceso del proyecto correspondiente a la metodología Lean UX.
- Introducción al mundo de UX/UI
- Herramientas UX/UI
- Metodologías: Design Thinking, Lean y Agile
Actividades: Seleccionar uno de los problemas planteados y crear el proceso del proyecto correspondiente a la metodología Lean UX.
Domina los principios del diseño universal y desarrolla una mentalidad de diseño centrado en el usuario. Identifica las necesidades del usuario con herramientas que te ayuden a crear productos accesibles y experiencias memorables.
Actividades: Establecer objetivos medibles y utilizar las herramientas de investigación para crear una plataforma inclusiva.
- Estrategia de negocio y Marketing
- U de persona usuaria
- Inclusión y diversidad del usuario
- Accesibilidad y tecnologías de asistencia
- Psicología y comportamiento del usuario
- Herramientas para entender al usuario
- Interpretación de la Información
Actividades: Establecer objetivos medibles y utilizar las herramientas de investigación para crear una plataforma inclusiva.
Explora el proceso creativo, técnicas para generar ideas y la comunicación visual en proyectos creativos.
Actividades: 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.
- Generación y convergencia de Ideas
- Aterrizaje de Ideas: refinamiento del concepto
Actividades: 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.
Conoce la importancia del prototipado en el proceso de diseño, las diferencias entre los prototipos de de baja y alta fidelidad, así como algunas herramientas para crearlos.
Actividades: Crear la arquitectura de la información de la plataforma, desarrollar un prototipo de baja fidelidad y los wireframes.
- Arquitectura de la información
- Introducción al prototipado
- Prototipos digitales
Actividades: Crear la arquitectura de la información de la plataforma, desarrollar un prototipo de baja fidelidad y los wireframes.
Aprende a diferenciar UX Writing del Copywriting y valora la ética del lenguaje conversacional. Consigue que el mensaje y los valores de la marca sean coherentes, optimiza el contenido para mejorar la experiencia de usuario.
Actividades: Mejorar el texto de los wireframes, definir el estilo y la personalidad de la plataforma. Hacer una segunda versión de los wireframes de media fidelidad.
- Principios del UX writing
- Voz y Tono en UX Writing
- Patrones de Escritura UX Writing
Actividades: Mejorar el texto de los wireframes, definir el estilo y la personalidad de la plataforma. Hacer una segunda versión de los wireframes de media fidelidad.
Conoce los principios visuales en el diseño de interfaces, diseño web y los elementos del diseño gráfico. También aprende a elegir fuentes y aplicaciones tipográficas.
Actividades: Crear moodboards, wireframes de alta fidelidad y la guía de estilos con colores, tipografía e íconos, para documentar el proceso de naming del e-commerce y el diseño del logo.
- Principios del diseño de interfaces
- Fundamentos de diseño gráfico
- Color
- Tipografía
- Iconografía
- Imágenes
- Photoshop e Illustrator
- Personalidad de marca e identidad visual
- Diseño web
Actividades: Crear moodboards, wireframes de alta fidelidad y la guía de estilos con colores, tipografía e íconos, para documentar el proceso de naming del e-commerce y el diseño del logo.
Aprende a crear páginas adaptables, escalar y reutilizar componentes, así como los sistemas de diseño para centralizar recursos y acelerar procesos en Figma.
Actividades: Crear los componentes para una pantalla de la app con los principios del Diseño Atómico y diseñar un Kit de UI.
- Diseño responsive en Figma
- Atomic Design y componentes en Figma
- Sistemas de Diseño
Actividades: Crear los componentes para una pantalla de la app con los principios del Diseño Atómico y diseñar un Kit de UI.
Explora los prototipos HI-FI para crear interacciones atractivas en Figma, establece métricas, estructura componentes, recopila comentarios y optimiza la conversión.
Actividades: Crear el prototipo de un sitio web en Figma con ProtoPie para promocionar un curso o evento, que incluya un elemento 3D (opcional), un formulario, y conectar todas las pantallas.
- Prototipo de alta fidelidad
- Prototipo en Figma
- Interacciones en Figma
- Evaluación
- Documentación y publicación en Figma
- Feedback
Actividades: Crear el prototipo de un sitio web en Figma con ProtoPie para promocionar un curso o evento, que incluya un elemento 3D (opcional), un formulario, y conectar todas las pantallas.
Adquiere habilidades web integrales, desde comprender la infraestructura hasta dominar HTML, diferencia el front end del back end y aplica Grid CSS y Flexbox en el diseño web.
Actividades: Desarrollar un e-commerce estático y responsivo con HTML, CSS, y elementos. Después integrar las tarjetas en el sitio web con Flexbox y filas mediante Grid.
- Introducción al desarrollo web y frontend
- HTML5
- CSS3
- JavaScript
- Visual Studio Code
Actividades: Desarrollar un e-commerce estático y responsivo con HTML, CSS, y elementos. Después integrar las tarjetas en el sitio web con Flexbox y filas mediante Grid.
Domina el diseño responsive, con media queries, adaptando elementos y unidades relativas, gestiona la tipografía para crear sitios web eficientes y adaptables a distintos dispositivos y resoluciones. Aprende la metodología BEM en CSS, organiza y haz mantenimiento de código con SASS.
Actividades: Aplicar la metodología BEM al e-commerce, utilizar Git para crear un repositorio que contenga el proyecto web y emplear los servicios aprendidos para alojar el sitio web.
Aplicar estilos a un archivo HTML utilizando 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 Estáticos
Actividades: Aplicar la metodología BEM al e-commerce, utilizar Git para crear un repositorio que contenga el proyecto web y emplear los servicios aprendidos para alojar el sitio web.
Aplicar estilos a un archivo HTML utilizando SASS y crear una interfaz web con estilos de Bootstrap.
Adquiere las competencias esenciales en JavaScript, incluyendo manipulación de datos, variables, operadores, funciones ( flecha y 'return'), condicionales, bucles, métodos de arrays, objetos, cadenas y mucho más.
Actividades: Practicar la corrección de código y aplicar los conceptos aprendidos para resolver ejercicios en Codepen. Y agregar un formulario con respuestas condicionadas al proyecto del e-commerce, aplicando la manipulación del DOM, conceptos de funciones, loops y condicionales en JavaScript.
- Introducción a JavaScript
- Funciones y Condicionales de JavaScript
- Loops en JavaScript
- Métodos de JavaScript
- Scope en JavaScript
- Características de ES6
- Clases y LocalStorage en JavaScript
- Sitios Web Interactivos: DOM y Eventos
Actividades: Practicar la corrección de código y aplicar los conceptos aprendidos para resolver ejercicios en Codepen. Y agregar un formulario con respuestas condicionadas al proyecto del e-commerce, aplicando la manipulación del DOM, conceptos de funciones, loops y condicionales en JavaScript.
Profundiza tu comprensión con JavaScript asincrónico, aplica promesas y Async/Await, domina AJAX, API, JSON, Fetch API y 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 basados en la información obtenida de la API.
- JavaScript Asíncrono
- AJAX y APIs
Actividades: Aplicar conceptos de promesas en JavaScript y desarrollar una aplicación web capaz de consumir una API, permitiendo realizar solicitudes y mostrar resultados basados en la información obtenida de la API.
Evalúa el impacto del desarrollo front end en las estrategias de marketing. Valora la relevancia del SEO, la velocidad de carga y el análisis de datos para mejorar la eficacia de una página web.
Actividades:
- Marketing y el equipo de desarrollo web
- Emails y HTML
- Landing page
- SEO
- Optimización de páginas web para convertir
Actividades:
- Crear plantillas de email con HTML.
- Desarrollar una landing page que comunique acciones específicas de un comercio, aplicar estrategias de SEO para optimizar los resultados de búsqueda.
Adquiere las habilidades de gestión con Scrum y JIRA. Entiende el impacto del Full Stack Designer en los proyectos, destaca tus habilidades de diseño y cohesión visual. Supera el proceso de entrevistas, y usa Behance y Github para crear tu portafolio y hacer networking.
Actividades:
- Liderazgo
- Metodologías Lean
- Portafolio y el mercado de trabajo
Actividades:
- Crear un proyecto Kanban en Jira, crear un CV y un portafolio con 4 u 8 proyectos en Behance y GitHub.
- Entrevistar a un experto en Full Stack Designer para desarrollar confianza y pasión por el campo.
- 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
$483,768 MXN / año*
Sueldo:
Habilidades principales
Tu nombre
Diseñador Full Stack
*Ref. Glassdoor CDMX
Gestión de proyectos y metodologías ágiles
Investigación cualitativas y cuantitativas
Herramientas digitales
Certificado de EBAC
Empatía para entender a los usuarios
Prototipos de alta y baja fidelidad
Miro
Testeo y validación de conceptos de diseño
Figma
UX Writing
Visual Studio Code
Marvel
Diseño de interfaces digitales inclusivas
Invision
Tecnologías web esenciales, como HTML, CSS, JavaScript
GitHub
Páginas web responsive con Visual Studio Code
Integración de Bootstrap en proyectos web con CSS y SASS
Git
Sass
Bootstrap
CodePen
Postman
Git para control de versiones y colaboración
Desarrollo front end en estrategias de marketing
Uso de APIs para mejorar la funcionalidad de aplicaciones web
Inicio:
Quedan:
...
14 lugares
¿Comenzamos?
Inversión
Precio total con descuento
$ 19,900 MXN
12 mensualidades de
$ 1,767 MXN
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
-40%
hasta el 5 de janeiro
Ahorra hasta 10% pagando con transferencia o depósito bancario a nuestra cuenta. ¡Contáctanos!
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! El curso no requiere experiencia previa y aprenderás a desarrollar las habilidades necesarias para ser Diseñador Full Stack. Aprende desde diseño web hasta programación básica. Consigue todos los conocimientos necesarios para potenciar tu currículum o iniciar una prometedora carrera en el campo.
Miro, Figma, Visual Studio Code
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.
Sí, aunque te recomendamos consultar primero al equipo de soporte al alumno. Para un aprendizaje óptimo deberás completar las actividades al final de cada módulo y enviarlas al tutor para que sean revisadas.
Te recordamos que para el programa de empleabilidad, es obligatorio que hayas realizado todas las actividades y que hayas acreditado mínimo un 70%.
Te recordamos que para el programa de empleabilidad, es obligatorio que hayas realizado todas las actividades y que hayas acreditado mínimo un 70%.
La metodología del curso ha sido diseñada para adaptarse a diferentes ritmos de vida. Tendrás tutorías y feedback durante 2 años (24 meses) a partir de la fecha de registro al curso y acceso ilimitado a las clases, así podrás avanzar a tu propio ritmo.
Los módulos se publican semanalmente dependiendo del avance del alumno durante el curso. Esto significa que debes estudiar los módulos en orden y realizar las actividades propuestas por el profesor, antes de pasar al siguiente módulo.
Te sugerimos que completes un módulo por semana, te llevará dos horas aproximadamente entre asistir a clases y realizar las actividades Pero no te preocupes, este plazo es sólo una sugerencia. Recuerda que puedes avanzar a tu propio ritmo, tomar descansos para integrar el contenido y verlo de nuevo las veces que quieras antes de continuar.
Dentro de la plataforma tendrás un tutor que resolverá tus dudas, comentará tus tareas 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 y habilidades de vida.
No, para participar en el programa de empleabilidad debes:
Descarga todas las condiciones del Programa de Empleo
- Completar el curso con éxito, 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;
- Aplicar al programa a través del link proporcionado por el Centro de Carreras al final de la 3° (tercera) sesión;
- Entregar el curriculum 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.
Descarga todas las condiciones del Programa de Empleo
