Invitación de Graduación Digital
Invitación web interactiva y moderna diseñada para eventos, con navegación GPS, música de fondo y animaciones fluidas.
El Problema
Las invitaciones digitales actuales (tipo Canva) son genéricas y estáticas, enviadas masivamente a todos los invitados por igual. Carecen de identidad personal del graduado y no ofrecen herramientas útiles de navegación o interacción.
La Solución
Diseñé una invitación digital personal y exclusiva para el alumno Zaid. A diferencia de las plataformas masivas, esta Web App es una experiencia única centrada en celebrar su logro individual, con navegación GPS y música seleccionada por él.
Características Clave
- Reproductor de música persistente con controles flotantes
- Botones de navegación directa a Google Maps y Waze
- Cuenta regresiva en tiempo real para el evento
- Animaciones "Reveal on Scroll" para experiencia inmersiva
- Diseño 100% Mobile First y optimizado en velocidad
Resultados
Los invitados valoraron especialmente la facilidad para llegar al evento usando los botones de GPS y la experiencia visual moderna desde sus móviles.
Invitación web interactiva y elegante diseñada para celebrar una graduación. Optimizada para dispositivos móviles con animaciones fluidas y utilidades prácticas para los invitados.
Tecnologías
- Astro 5: Rendimiento máximo y cero JavaScript innecesario.
- Tailwind CSS 4: Diseño moderno utilizando las últimas características del motor v4.
- TypeScript: Lógica robusta para el contador y reproductor.
Características Destacadas
La aplicación se centra en la experiencia del invitado (Guest Experience), ofreciendo acceso inmediato a la ubicación del evento a través de Waze y Google Maps, así como un cronograma claro de actividades. El reproductor de música añade un toque emotivo sin interrumpir la navegación.