L'abandon invisible - Scrollytelling

À propos de ce projet

Chaque année, des milliers de chiens sont abandonnés, en Suisse comme ailleurs, sans que le phénomène soit vraiment visible. Dans le cadre du cours VisualDon à la HEIG-VD, nous avons créé L'abandon invisible, un site de scrollytelling qui raconte cette réalité à travers les données : au fil du défilement, les chiffres, les cartes et les animations construisent un récit.

L'objectif : combiner la rigueur des statistiques officielles et la force émotionnelle de contenus réels issus des réseaux sociaux, pour sensibiliser le public sans le noyer sous les chiffres.

Client

HEIG-VD

Type de projet

Académique

Année

2026

Outils

D3.js, MapLibre, GSAP, Vite

Cute plush bear-like character with a soft orange-to-pink gradient body, closed eyes, rounded paws, and a peaceful expression on a light background.

Problématique

L'abandon des animaux reste un sujet peu visible : les données existent, mais elles sont dispersées entre refuges, associations et études internationales, et rarement présentées de façon accessible. On estime pourtant à 200 millions le nombre de chiens errants dans le monde, et la Suisse a connu une hausse des abandons après la période Covid.

Le défi était double : rassembler et rendre compréhensibles des sources hétérogènes, puis trouver un format capable de toucher émotionnellement le lecteur, tout en restant rigoureux et transparent sur l'origine des données.

Framed board mockup displayed on a gray concrete pedestal, featuring bold black typography, a small QR code, and an orange cable against a clean white background.
Four sleek cylindrical product packages leaning together, three white and one bright neon green, featuring oversized black typography on a clean light background.

Solution

Nous avons construit un récit en six étapes, qui part de l'échelle mondiale pour arriver jusqu'au lecteur. Il présente d'abord l'ampleur du problème dans le monde, puis les données européennes et suisses, avec une exploration statistique interactive et des transitions animées. Viennent ensuite des vidéos réelles de sauvetage et d'abandon issues de TikTok et Instagram, un outil pour trouver le refuge le plus proche à partir de son code postal, et enfin une section qui détaille la méthodologie et les sources.

Le site est développé sans framework, avec D3.js pour les graphiques, MapLibre GL JS pour les cartes, GSAP pour les animations au scroll et Vite pour le build. Les données proviennent notamment de la Protection Suisse des Animaux, de l'OMS et de rapports de FOUR PAWS International.