← Todo el trabajo
FlowSync
Un sitio estático convertido en un recorrido interactivo del producto con GSAP y Rive, sin video y con cargas un 30% más rápidas.
Ver el sitio en vivo ↗- Rol
- Desarrollador Webflow
- Tipo
- Webflow site
- Resultado
- 30% menos de tiempo de carga.
El problema
El cliente tenía un sitio estático y quería uno interactivo que mostrara cómo funciona la app.
Cómo lo resolví
Animé todo el sitio con GSAP.
Para mostrar la funcionalidad de la app construí las secciones complejas como animaciones Rive en lugar de incrustar video. Así el puntaje de PageSpeed se mantuvo alto y el tiempo de carga bajó un 30%.
Qué aprendí
Un sitio novedoso e interactivo no necesita video ni imágenes pesadas. GSAP permite construir interfaces fluidas e interactivas tanto junto a las interacciones nativas de Webflow como con código personalizado.
Reemplazar el video por archivos Rive es la mejor opción para el tiempo de carga.
Construido con
- Webflow
- GSAP
- Rive
- Custom code