← Portafolio

Coding Academy

Página de inicio
Educación

Cliente: Coding Academy Monterrey

Coding Academy

Sitio web para academia STEM

Descripción del proyecto

Desarrollamos la presencia digital de Coding Academy Monterrey: una academia en línea enfocada en STEM. El sitio comunica de forma clara los programas, la metodología y la propuesta de valor, con un tono profesional y cercano al público estudiantil y a sus familias.

Retos

  • Transmitir confianza y rigor académico sin perder dinamismo visual
  • Integrar animaciones y microinteracciones sin sacrificar rendimiento
  • Facilitar la actualización de contenidos por el equipo de marketing
  • Garantizar accesibilidad y buenas prácticas de SEO

Soluciones

Diseño profesional y moderno

Definimos una estética limpia que refleja la marca de la academia e incorpora elementos contemporáneos. La paleta y la tipografía refuerzan claridad y confianza, con acentos que destacan convocatorias y llamadas a la acción.

Animaciones a medida

Con GSAP (GreenSock Animation Platform) implementamos animaciones discretas que mejoran la experiencia sin distraer: transiciones al hacer scroll y elementos interactivos que responden a la interacción del usuario.

Gestión de contenido

Integramos Contentful como CMS headless para que el equipo pueda actualizar textos, imágenes y secciones desde una interfaz sencilla, con modelos de contenido adaptados a su flujo de trabajo.

Accesibilidad

El sitio sigue pautas orientadas a WCAG 2.1 AA: jerarquía de encabezados, navegación por teclado, contraste adecuado y compatibilidad con lectores de pantalla.

Resultados

  • Mayor tiempo de permanencia en el sitio
  • Menor tasa de rebote en páginas clave
  • Más consultas y solicitudes de información desde formularios
  • Feedback positivo del equipo y de futuros estudiantes

Tecnologías

  • Frontend: React, GSAP, Styled Components
  • CMS: Contentful
  • Despliegue: CI/CD con GitHub Actions
  • Hosting: AWS
  • Analítica: Google Analytics 4, Hotjar