Frontend Development & Web Integration
HTML5, CSS3, JavaScript, Bootstrap, React, Vite, basic PHP, Git, and FTP.
Professional Profile
Who I Am and What I Do
Graphic and web designer with experience in digital learning, frontend development, and institutional communications. I turn complex content into clear, functional websites, courses, and digital resources that are ready to publish.
- Visual Expertise — UX/UI, communications, and graphic assets
- Technical Expertise — Frontend development, web integration, and publishing
- Learning Expertise — E-learning, Moodle, and training
I have worked with educational institutions, public agencies, and private companies to develop web applications, interactive courses, microsites, portals, and digital learning resources.
I combine design, development, and a learning-focused approach to turn complex information into clear, functional, measurable experiences that are ready to publish.
Key Strengths
Areas of Expertise
E-learning & Training
Moodle, H5P, courses, assessments, user management, metrics, completion certificates, and gamification.
UX/UI & Visual Communications
Wireframes, content structure, banners, infographics, presentations, and multimedia.
QA & Digital Operations
Web publishing, responsive testing, basic accessibility, maintenance, and continuous improvement.
Institutional Experience
Universidad Nacional Autónoma de México, Secretaría de Cultura, Suprema Corte de Justicia de la Nación, corporate training, and independent projects.
Business-Focused Approach
Solutions designed to train teams, communicate clearly, organize information, and improve the user experience.
Tools & Technologies
Technical Stack
Frontend / Development
React · Vite · JavaScript ES6+ · HTML5 · CSS3 · Bootstrap · React Router · Supabase · PostgreSQL · APIs · Basic PHP · Git · FTP
Learning Platforms
Moodle · H5P · Assessments · Completion certificates · Learner tracking · Metrics · Gamification · Learning experience design
Design & Communications
Adobe Illustrator · Adobe Photoshop · Canva · Genially · Google Forms · Presentations · Banners · Infographics · Institutional identity · Social media
Professional Experience
Career Background
Educational institutions, public agencies, and private companies in Mexico and the United States. Click each step to see details.
Remote
- I design, develop, and maintain an internal training web application that centralizes courses, materials, users, progress, and performance metrics in a dedicated digital environment.
- I built a custom SPA with React, Vite, JavaScript ES6+, HTML5, CSS3, and React Router, tailored to the company’s operational needs.
- I integrated Supabase, PostgreSQL, APIs, and authentication to manage users, profiles, content, and real-time data with greater administrative control.
- I implemented an admin dashboard, secure access, progress tracking, KPIs, and gamification to increase engagement and training completion.
- I turned internal policies, processes, and materials into clear, well-organized digital learning experiences that are easy to access and apply.
Tools: React, Vite, JavaScript ES6+, HTML5, CSS3, React Router, Supabase, PostgreSQL, Git, FTP, UX/UI, and digital training.
Mexico City · Remote
- I design, integrate, and maintain digital learning resources, microsites, courses, and institutional materials for open, distance, and continuing education programs.
- I integrate undergraduate programs, certificate programs, courses, and learning content into Moodle and web environments using HTML5, CSS3, JavaScript, Bootstrap, and multimedia resources.
- I develop and update sections of the SUAyED portal, including academic programs, continuing education, news, tutoring, alumni, institutional campaigns, and special projects.
- I contribute to the planning, development, and integration of projects such as Exploratón 2025, the SUAyED portal, SUAyED Tlaxcala, Semilla Digital, Bienvenida SUAyED 2027-1, Tutoría entre Pares, and Antídoto contra la procrastinación escolar.
- I handle responsive layouts, image optimization, basic accessibility improvements, and pre-launch QA to reduce errors and improve usability.
- I create banners, section covers, infographics, posters, animations, presentations, completion certificates, recognition certificates, exams, and self-assessments for academic and institutional communications.
Tools: HTML5, CSS3, JavaScript, Bootstrap, Moodle, basic PHP, Git, Illustrator, Photoshop, Canva, Genially, Google Forms, and web QA.
Mexico · Remote
- I maintained, integrated, and updated institutional portals for Dirección General de Bibliotecas Públicas: Biblioteca de México, Biblioteca Vasconcelos, Biblioteca Central, and DGB.
- I developed and updated web content using HTML, PHP, databases, and multimedia resources, with a focus on reliable operation, visual clarity, navigation, and access to public information.
- I published digital resources for cultural outreach, with clear information hierarchy, visual consistency, alignment with institutional guidelines, and a strong user experience focus.
- I contributed to the creation, integration, and maintenance of portals for Congreso Nacional de Bibliotecas Públicas editions XX, XXI, XXII, XXIII, and XXIV.
- I designed graphics, banners, digital artwork, and visual content for the social media channels of Red Nacional de Bibliotecas: Facebook, X, and YouTube.
Tools: Web design, HTML, PHP, databases, digital content, graphic design, institutional communications, social media, multimedia resources, and UX.
State of Mexico
- I integrated, administered, and maintained interactive Moodle training courses, combining instructional design, multimedia resources, internal communications, and platform management.
- I built digital courses with HTML, visual resources, video, audio, quizzes, and H5P activities to turn internal content into clear and engaging learning experiences.
- I managed Moodle by handling user accounts, enrollment, learner tracking, content updates, and technical maintenance.
- I monitored progress, engagement, and performance metrics to support training follow-up and identify areas for improvement.
- I created mockups, visual concepts, client pages, internal resources, and organizational communication materials.
Tools: Moodle, H5P, HTML, CSS, multimedia resources, graphic design, internal communications, user administration, and metrics.
Graphic Designer · Suprema Corte de Justicia de la Nación · Jan. 2019 — Aug. 2019 — Migrated Canal Judicial catalogs to HTML and worked on editorial design, image retouching, graphic adaptation, material digitization, and institutional communications.
Teaching Assistant — Web Development and Hypermedia · FES Acatlán, UNAM · Aug. 2018 — Dec. 2018 — Teaching assistant role completed as part of my degree requirements, including academic support, learning materials, planning, advising, and student guidance in HTML, CSS, multimedia, and hypermedia.
Internal Trainer · Digitex / Comdata Group · Apr. 2016 — Jul. 2017 — Delivered in-person onboarding and training for new hires supporting Movistar México campaigns, including group facilitation, communication, sales, customer service, and learner follow-up.
Customer Service Representative · Digitex / Comdata Group · Oct. 2015 — Apr. 2016 — Phone sales, customer support, number portability, customer retention, active listening, objection handling, and sales communication.
Featured Projects
High-Impact Work
Applications, portals, and digital resources created for internal training, distance education, and institutional communications.
Grupo SAR · Internal Training
Internal Training Web Application
Custom SPA built to centralize company training, including courses, materials, users, progress, gamification, and KPIs. Built with React and Supabase instead of relying on a generic LMS, with authentication, user profiles, an admin dashboard, and real-time tracking.
React
Vite
Supabase
PostgreSQL
Gamification
Admin Dashboard
Universidad Nacional Autónoma de México · SUAyED
Exploratón 2025
Career guidance microsite promoting Universidad Nacional Autónoma de México’s distance learning programs.
View Site
Universidad Nacional Autónoma de México · Main Portal
Portal SUAyED
Portal integration and ongoing updates, including academic programs, continuing education, news, tutoring, alumni, and campaigns.
View Site
Universidad Nacional Autónoma de México · Regional
SUAyED Tlaxcala
Regional microsite featuring academic programs, continuing education, announcements, and community information.
View Site
Universidad Nacional Autónoma de México · SUAyED
Mural Colaborativo: Semilla Digital
Collaborative mural platform created to promote awareness and participation in a SUAyED institutional project.
View Site
Universidad Nacional Autónoma de México · Moodle
Introducción a la Tutoría entre Pares
Online course with a topic-based structure, learning resources, and integrated Moodle access.
View Site
Universidad Nacional Autónoma de México · Moodle
Antídoto contra la procrastinación escolar
20-hour online learning path with activities, assessments, and learner progress tracking.
View SitePortfolio
More Projects and Resources
Additional institutional projects, e-commerce work, and supporting campaigns.
Universidad Nacional Autónoma de México · Campaign
Bienvenida SUAyED 2027-1
Welcome and onboarding resource for the student community for the academic term.
View Portal
Secretaría de Cultura del Gobierno de México · DGB
Public Library Portals
Maintenance and integration of institutional portals for Dirección General de Bibliotecas.
Education
Education & Certifications
Bachelor’s Degree in Graphic Design
Facultad de Estudios Superiores Acatlán, Universidad Nacional Autónoma de México
Class of 2014 — 2018.
Languages & Portfolio
Spanish: Native.
English: B2 proficiency with reading comprehension certification from ENALLT, Universidad Nacional Autónoma de México. View Certificate
Professional Certificate in Web Design and Development — FAD, Universidad Nacional Autónoma de México
240 hours · Aug. 2021 — Feb. 2022
Full-Stack Web Development Bootcamp — Digital House
Sep. 2021 — Mar. 2022
English Reading Comprehension Certification — ENALLT, Universidad Nacional Autónoma de México
Jan. 2020
Internal Training Skills Certification — Digitex / Comdata GroupMar. 31, 2017