Brand . Data Storytelling . Interactive Experience

Le pacte sportif

Plateforme interactive de sensibilisation au coût de la pratique d'un sport / handisport pour la Caisse d'Epagne : exploration de données, comparaison de disciplines et visualisation des dépenses liées à plus d'une trentaine de sports à l'occasion des Jeux Olympiques de Paris.

Rôle
Senior Frontend Developer
Année
2021
Durée
5 mois
Stack
Next.jsGSAPReactAnimation SVG
Caisse d'Epargne Le pacte sportif
Contexte

Vue d'ensemble

Le Pacte sportif est une plateforme d'information sur les différents sports pratiqués en France (bienfaits, coût, aides, clubs, etc...).
L'objectif de la Caisse d'Epargne, en tant que partenaire des Jeux Olympiques de Paris 2024, était de promouvoir la pratique du sport et handisport.

Le défi

Problématiques

  • 01Proposer des animations riches et une performance optimale
  • 02Intégration d'APIs externes pour la data
  • 03Assurer une SEO efficace
L'approche

Solution mise en œuvre

Architecture Next.js en rendu SSR pour garder l'indexation et la vitesse. Les animations SVG sont déclenchées au scroll avec un budget strict, désactivées sous prefers-reduced-motion.

  • Scroll-telling avec révélations séquencées et parallaxe maîtrisée.
  • Gestion et animation de l'ensemble des formes géométriques en SVG
Projet suivant — 03 / 05
Lidlize