Blindaje para el Cora

Landing de la Semana de la Salud Mental 2026 de la UCV, con agenda interactiva de actividades presenciales y virtuales por día y campus.

Landing de Blindaje para el Cora con agenda de la Semana de la Salud Mental UCV

Sobre el Proyecto

Blindaje para el Cora reúne la programación de la Semana de la Salud Mental de la Universidad César Vallejo en una experiencia visual pensada para descubrir charlas, actividades y el hackathon multicampus.

Participé en el desarrollo web colaborativo de la landing. La agenda permite filtrar actividades presenciales y virtuales, consultar la información de cada campus y añadir eventos al calendario.

La interfaz combina plantillas PHP con JavaScript, GSAP y Lenis para presentar la campaña y facilitar el acceso a las actividades desde distintos dispositivos.

Detalles Técnicos

  • RolDesarrollo web colaborativo
  • Año2026
  • OrganizaciónUniversidad César Vallejo
  • FormatoLanding de campaña
  • InteracciónAgenda, filtros y calendario

STACK TECNOLÓGICO —

HTML5
CSS3
JavaScript
Tailwind CSS
GSAP + ScrollTrigger
Lenis

Stack Completo:

Estructura:

Plantillas PHP para las secciones y los datos de la agenda

Interacción:

JavaScript para filtros por modalidad, detalle por campus y enlaces al calendario

Movimiento:

GSAP, ScrollTrigger y Lenis, con consideración de movimiento reducido

FUNCIONALIDADES —

Agenda por día

Programación de la Semana de la Salud Mental organizada por jornadas y actividades.

Filtros por modalidad

Selección de actividades presenciales, virtuales o de toda la programación.

Información por campus

Consulta de sedes, horarios y espacios para las actividades multicampus.

Acceso a eventos

Enlaces a sesiones virtuales y opciones para añadir actividades al calendario.

Desafíos Técnicos y Soluciones

01. Agenda con varias modalidades

Presentar en una misma interfaz las actividades presenciales y virtuales sin perder el contexto de cada día.

02. Detalle de sedes

Mostrar la información específica de cada campus dentro de una landing de campaña.

03. Animación y navegación

Coordinar los movimientos de la página con la interacción de filtros, enlaces y ventanas de información.

EXPLORA LA SEMANA DE LA SALUD MENTAL.