Frontend e integración web
HTML5, CSS3, JavaScript, Bootstrap, React, Vite, PHP básico, Git y FTP.
Perfil profesional
Quién soy y qué hago
Diseñador Gráfico y Web con experiencia en educación digital, desarrollo frontend, Moodle/H5P, capacitación, UX/UI y comunicación institucional.
- Criterio visual — UX/UI, comunicación y piezas gráficas
- Estructura técnica — Frontend, integración web y publicación
- Comprensión formativa — E-learning, Moodle y capacitación
He colaborado con instituciones educativas, organismos públicos y empresas privadas en el desarrollo de aplicaciones web, cursos interactivos, micrositios, portales y recursos digitales para aprendizaje.
Combino diseño, desarrollo y enfoque formativo para transformar información compleja en experiencias claras, funcionales, medibles y listas para publicarse.
Fortalezas clave
Áreas de especialización
E-learning y capacitación
Moodle, H5P, cursos, evaluaciones, usuarios, métricas, constancias y gamificación.
UX/UI y comunicación visual
Wireframes, estructura de contenidos, banners, infografías, presentaciones y multimedia.
QA y operación digital
Publicación web, revisión responsive, accesibilidad básica, mantenimiento y mejora continua.
Experiencia institucional
Universidad Nacional Autónoma de México, Secretaría de Cultura, Suprema Corte de Justicia de la Nación, capacitación corporativa y proyectos independientes.
Enfoque de negocio
Soluciones para formar, comunicar, ordenar información y mejorar la experiencia de usuario.
Herramientas y tecnologías
Stack técnico
Frontend / desarrollo
React · Vite · JavaScript ES6+ · HTML5 · CSS3 · Bootstrap · React Router · Supabase · PostgreSQL · API · PHP básico · Git · FTP
Plataformas educativas
Moodle · H5P · evaluaciones · constancias · seguimiento de usuarios · métricas · gamificación · diseño de experiencias formativas
Diseño y comunicación
Adobe Illustrator · Adobe Photoshop · Canva · Genially · Google Forms · presentaciones · banners · infografías · identidad institucional · redes sociales
Experiencia profesional
Trayectoria
Instituciones educativas, organismos públicos y empresas privadas en México y Estados Unidos. Haz clic en cada etapa para ver el detalle.
Remoto
- Diseño, desarrollo y mantengo una aplicación web de capacitación interna para centralizar cursos, materiales, usuarios, avances y métricas en un entorno digital propio.
- Construí una SPA con React, Vite, JavaScript ES6+, HTML5, CSS3 y React Router, desarrollada a medida para las necesidades operativas de la empresa.
- Integré Supabase, PostgreSQL, API y autenticación para gestionar usuarios, perfiles, contenidos y datos en tiempo real con mayor control administrativo.
- Implementé panel de administración, acceso seguro, seguimiento de avances, KPIs y gamificación para mejorar participación y cumplimiento de capacitación.
- Convertí políticas, procesos y materiales internos en experiencias formativas digitales claras, ordenadas, consultables y fáciles de aplicar.
Herramientas: React, Vite, JavaScript ES6+, HTML5, CSS3, React Router, Supabase, PostgreSQL, Git, FTP, UX/UI, capacitación digital.
CDMX · remoto
- Diseño, integro y mantengo recursos educativos digitales, micrositios, cursos y materiales institucionales para programas de educación abierta, a distancia y continua.
- Integro licenciaturas, diplomados, asignaturas y contenidos educativos en Moodle y entornos web mediante HTML5, CSS3, JavaScript, Bootstrap y recursos multimedia.
- Desarrollo y actualizo secciones del portal SUAyED: oferta educativa, educación continua, noticias, tutorías, egresados, campañas institucionales y proyectos especiales.
- Participo en la planeación, desarrollo e integración de proyectos como Exploratón 2025, el portal SUAyED, SUAyED Tlaxcala, Semilla Digital, Bienvenida SUAyED 2027-1, Tutoría entre Pares y Antídoto contra la procrastinación escolar.
- Realizo maquetación responsive, optimización de imágenes, ajustes de accesibilidad básica y QA antes de publicación para reducir errores y mejorar experiencia de usuario.
- Diseño banners, portadillas, infografías, carteles, animaciones, presentaciones, constancias, reconocimientos, exámenes y autoevaluaciones para comunicación académica e institucional.
Herramientas: HTML5, CSS3, JavaScript, Bootstrap, Moodle, PHP básico, Git, Illustrator, Photoshop, Canva, Genially, Google Forms, QA web.
México · remoto
- Mantuve, integré y actualicé portales institucionales de la Dirección General de Bibliotecas Públicas: Biblioteca de México, Biblioteca Vasconcelos, Biblioteca Central y DGB.
- Desarrollé y actualicé contenidos web con HTML, PHP, bases de datos y recursos multimedia, cuidando operación, claridad visual, navegación y disponibilidad de información pública.
- Publiqué recursos digitales para difusión cultural con jerarquía de información, consistencia visual, apego a lineamientos institucionales y enfoque en experiencia de usuario.
- Participé en la creación, integración y mantenimiento de portales para el Congreso Nacional de Bibliotecas Públicas en sus emisiones XX, XXI, XXII, XXIII y XXIV.
- Diseñé piezas gráficas, banners, artes digitales y contenidos visuales para redes sociales de la Red Nacional de Bibliotecas: Facebook, X y YouTube.
Herramientas: Diseño web, HTML, PHP, bases de datos, contenidos digitales, diseño gráfico, comunicación institucional, redes sociales, recursos multimedia, UX.
Estado de México
- Integré, administré y mantuve cursos interactivos de capacitación en Moodle, combinando diseño instruccional, recursos multimedia, comunicación interna y gestión de plataforma.
- Desarrollé cursos digitales con HTML, recursos visuales, videos, audios, cuestionarios y actividades H5P para convertir contenidos internos en experiencias claras y dinámicas.
- Administré Moodle mediante gestión de usuarios, matriculación, seguimiento de participantes, actualización de contenidos y mantenimiento técnico.
- Supervisé métricas de avance, participación y desempeño, apoyando el seguimiento de capacitación y la detección de áreas de mejora.
- Diseñé mockups, propuestas visuales, páginas para clientes, recursos internos y materiales de comunicación organizacional.
Herramientas: Moodle, H5P, HTML, CSS, recursos multimedia, diseño gráfico, comunicación interna, administración de usuarios y métricas.
Diseñador Gráfico · Suprema Corte de Justicia de la Nación · ene. 2019 — ago. 2019 — Migración de catálogos del Canal Judicial a HTML, diseño editorial, retoque de imagen, adaptación gráfica, digitalización de materiales y comunicación institucional.
Apoyo a la Docencia — Desarrollo Web e Hipermedia · FES Acatlán, UNAM · ago. 2018 — dic. 2018 — Modalidad de titulación con apoyo académico, materiales didácticos, planeación, asesoría y acompañamiento a estudiantes en HTML, CSS, multimedia e hipermedia.
Formador Interno · Digitex / Comdata Group · abr. 2016 — jul. 2017 — Capacitación presencial a personal de nuevo ingreso para campañas de Movistar México; manejo de grupo, comunicación, ventas, servicio y seguimiento formativo.
Telefonista de Atención a Clientes · Digitex / Comdata Group · oct. 2015 — abr. 2016 — Ventas telefónicas, atención a clientes, portabilidad, fidelización, escucha activa, resolución de objeciones y comunicación comercial.
Proyectos destacados
Trabajos con mayor impacto
Aplicaciones, portales y recursos digitales desarrollados para capacitación interna, educación a distancia y comunicación institucional.
Grupo SAR · Capacitación interna
Aplicación web de capacitación interna
Plataforma SPA a medida para centralizar la capacitación de la empresa: cursos, materiales, usuarios, avances, gamificación y KPIs. Desarrollada con React y Supabase sin depender de LMS genéricos, con autenticación, perfiles, panel de administración y seguimiento en tiempo real.
React
Vite
Supabase
PostgreSQL
Gamificación
Panel admin
Universidad Nacional Autónoma de México · SUAyED
Exploratón 2025
Micrositio de orientación vocacional y difusión de la oferta educativa a distancia de la Universidad Nacional Autónoma de México.
Ver sitio
Universidad Nacional Autónoma de México · Portal principal
Portal SUAyED
Integración y actualización del portal: oferta educativa, educación continua, noticias, tutorías, egresados y campañas.
Ver sitio
Universidad Nacional Autónoma de México · Regional
SUAyED Tlaxcala
Micrositio regional con oferta educativa, educación continua, convocatorias y comunicación con la comunidad.
Ver sitio
Universidad Nacional Autónoma de México · SUAyED
Mural Colaborativo: Semilla Digital
Plataforma del mural colaborativo para difusión y participación en un proyecto institucional del SUAyED.
Ver sitio
Universidad Nacional Autónoma de México · Moodle
Introducción a la Tutoría entre Pares
Curso en línea con estructura temática, recursos formativos y acceso integrado a Moodle.
Ver sitio
Universidad Nacional Autónoma de México · Moodle
Antídoto contra la procrastinación escolar
Ruta de aprendizaje en línea de 20 horas con actividades, evaluaciones y seguimiento formativo.
Ver sitioPortafolio
Más trabajos y recursos
Otros proyectos institucionales, e-commerce y campañas complementarias.
Universidad Nacional Autónoma de México · Campaña
Bienvenida SUAyED 2027-1
Recurso de bienvenida e integración para la comunidad estudiantil del ciclo escolar.
Ver portal
Secretaría de Cultura del Gobierno de México · DGB
Portales de Bibliotecas Públicas
Mantenimiento e integración de portales institucionales de la Dirección General de Bibliotecas.
Formación académica
Educación y certificaciones
Licenciatura en Diseño Gráfico
Facultad de Estudios Superiores Acatlán, Universidad Nacional Autónoma de México
Generación 2014 — 2018.
Idiomas y portafolio
Español: nativo.
Inglés: B2 y comprensión de lectura certificada por ENALLT, Universidad Nacional Autónoma de México. Ver certificado
Diplomado en Diseño y Desarrollo Web — FAD, Universidad Nacional Autónoma de México
240 horas · ago. 2021 — feb. 2022
Bootcamp de Programación Web Full Stack — Digital House
sept. 2021 — mar. 2022
Certificación interna en Habilidades de Formación — Digitex / Comdata Group31 mar. 2017