Voir le site
Aperçu principal du projet Syndesi.
- Gobelins

Syndesi.

Site internet

Dataviz

Gsap

Echarts

Mapbox

Visuel Histoire du projet Syndesi.
Visuel Histoire du projet Syndesi.
Visuel Histoire du projet Syndesi.
Visuel Pourquoi du projet Syndesi.
Visuel Pourquoi du projet Syndesi.
Visuel Pourquoi du projet Syndesi.
Visuel Comment du projet Syndesi.
Visuel Comment du projet Syndesi.
Visuel Comment du projet Syndesi.
Visuel Quoi du projet Syndesi.
Visuel Quoi du projet Syndesi.
Visuel Quoi du projet Syndesi.

Détails du projet

Histoire

Le projet s’appuie sur une phase de recherche concrète (questionnaire, échanges utilisateurs, persona) et sur un constat fort : 4 jeunes sur 5 déclarent avoir une pensée liée à l’écologie dans leur journée. Syndesi a donc été pensée pour accompagner ces profils dans une logique de prise de conscience progressive, sans culpabilisation frontale.

Pourquoi

Le choix de la datavisualisation venait d’un besoin simple : rendre des données parfois abstraites immédiatement compréhensibles. L’enjeu était de proposer une narration sensorielle et dynamique, avec une vraie montée en intensité, pour capter l’attention et aider l’utilisateur à relier ses gestes du quotidien à des impacts réels.

Comment

L’expérience a été construite en plusieurs séquences, dont la première a été produite en version finale. Le parcours personnalise l’entrée en matière, puis guide l’utilisateur via un fil narratif et des visualisations qui changent d’échelle. Le cœur de la démonstration se concentre sur l’alimentation, la déforestation et les alternatives d’action concrètes.

Quoi

En tant que seul développeur, j’ai pris en charge l’intégration complète, les animations et la logique d’expérience. Le projet combine ECharts et Mapbox pour la dataviz, GSAP pour la mise en mouvement du parcours, et Lottie pour des animations légères et performantes. J’ai aussi structuré l’architecture de publication (GitHub + Vercel) pour faciliter les itérations rapides entre design, données JSON et développement.