Jaguar

MDC

Sitio Web

Diseñando un Sitio Web para Mexico Development Center

Como desarrollador frontend, tuve el privilegio de colaborar estrechamente con Roberto Avila, un talentoso diseñador y gran amigo, en el desarrollo del sitio web para Mexico Development Center, una empresa líder en soluciones e-learning. Puedes explorar más de su increíble trabajo en robertoavila.com. Juntos creamos una experiencia digital moderna, funcional y visualmente atractiva, optimizada para destacar los servicios de la empresa y generar valor tanto para sus clientes como para sus usuarios.

Un Equipo Creativo y Técnico

Como desarrollador frontend, trabajé codo a codo con Roberto Avila, el talentoso diseñador detrás de MDC, para dar vida a este sitio web. Nuestra colaboración combinó su visión creativa y atención al detalle con mi enfoque técnico y experiencia en desarrollo, resultando en una plataforma moderna, funcional y visualmente impactante. Juntos logramos traducir las necesidades del cliente en una solución digital que no solo cumple con los objetivos del negocio, sino que también ofrece una experiencia fluida y atractiva para los usuarios.

Del Brief al Producto Final

Cómo Construí el Sitio Web de MDC

El proyecto comenzó con un brief claro: crear un sitio web que destacara los servicios de MDC, desde cursos SCORM hasta capacitaciones personalizadas. Con más de 6 años de experiencia en desarrollo frontend, sabía que el diseño debía ser modular, accesible y optimizado para rendimiento.

Mi enfoque fue simple pero efectivo: combinar creatividad y tecnología para transformar las necesidades de MDC en una experiencia digital memorable.

Xcatic landing page está desarrollada con un stack tecnológico para garantizar rendimiento, escalabilidad y una experiencia de usuario excepcional.

Los Desafíos Técnicos que Superé

Este proyecto no solo puso a prueba mi capacidad para resolver desafíos técnicos complejos, como la creación de un captcha personalizado y la optimización del rendimiento, sino que también reforzó mi habilidad para adaptarme a lineamientos específicos y entregar soluciones funcionales que cumplieran con los estándares modernos de accesibilidad y diseño modular.

Diseño modular y flexible

El sitio debía ser modular para adaptarse a diferentes tipos de contenido, como cursos, artículos de blog y formularios de contacto.

Accesibilidad y rendimiento

Implementé prácticas de accesibilidad y optimización para garantizar que el sitio fuera usable en cualquier dispositivo y cumpliera con estándares modernos.

Captcha personalizado

Desarrollé un captcha customizado para evitar bots en el formulario de contacto, lo que fue un desafío técnico interesante.

Características del Sitio Web

El sitio web de Mexico Development Center no solo es una plataforma informativa, sino una herramienta integral diseñada para facilitar el acceso a cursos demo y mejorar la experiencia del usuario. Estas características hacen del sitio web una herramienta indispensable para empresas que buscan optimizar sus procesos de capacitación y formación, combinando funcionalidad y facilidad de uso.

Librería de Cursos "Llave en Mano"

Un catálogo completo de cursos exportados en formato SCORM, listos para integrarse en cualquier plataforma LMS. Desde liderazgo efectivo hasta seguridad de la información, cada curso está diseñado para capacitar a los equipos de manera eficiente.

empleado de construcion viendo su tableta

empleada de construcion viendo su tableta

Recursos Humanos

Habilidades directivas

Inteligencia emocional para la gestión de conflictos supervisores

Ver Demo

Visualización de Cursos Demos

Explora demos interactivos de los cursos para tener una idea clara de su contenido y estructura antes de integrarlos en tu plataforma. Esta funcionalidad permite una toma de decisiones más informada.

Rutas de Aprendizaje

Rutas de aprendizaje adaptadas a las necesidades específicas de cada empresa, desde habilidades blandas hasta temas técnicos como ciberseguridad y teletrabajo

Habilidades Directivas
Seguridad de la información
Jurídico
Habilidades Blandas
Teletrabajo
Ventas

Rutas de aprendizaje

Blog Informativo

Un espacio dedicado a compartir insights valiosos sobre e-learning, gamificación y tendencias en capacitación empresarial. El blog está diseñado para mantener a los usuarios actualizados y comprometidos.

¿Listo para Verlo en Acción?

El sitio web de Mexico Development Center es un ejemplo de cómo el diseño y la tecnología pueden trabajar juntos para crear una experiencia digital.

Visita el sitio web

¿Quieres Ver Más?

Estos son solo algunos ejemplos de lo que puedo hacer. Mi portafolio está lleno de proyectos únicos que combinan diseño, motion graphics y desarrollo frontend para resolver desafíos creativos y técnicos. ¡Explora más y encuentra la inspiración que necesitas!