24hours.earthSite web immersif


Pour la Journée mondiale de la Terre, Suez décide de créer un site dédié au recyclage dans le quotidien. L'agence Bearideas sollicite Bonhomme à Paris pour le concevoir. En collaboration avec l'illustrateur Thomas Vieille, l'agence web parisienne donne naissance à 24hours.earth — une expérience premium articulée autour de 9 chapitres narratifs, racontés par une voix off et portés par des illustrations animées.

Comment donner vie à un contenu statique pour sensibiliser une audience à des enjeux planétaires

Suez dispose d'un contenu riche sur les grandes problématiques liées aux ressources naturelles et au recyclage. Mais un rapport ou une infographie ne suffisent plus à capter l'attention d'une audience digitale sollicitée de toutes parts. L'enjeu est précis : comment transformer ce contenu corporate en une expérience en ligne assez engageante pour que le visiteur reste, écoute et comprenne ? Comment aborder des sujets graves sans basculer dans la communication froide ? La réponse passe par le récit — une histoire racontée avec la rigueur d'un grand média et la sensibilité d'un site web immersif pensé comme un projet artistique.

L'agence web Bonhomme à Paris conçoit un dispositif narratif articulé autour d'une voix off qui guide le visiteur à travers les 9 chapitres du site. En collaboration avec l'illustrateur Thomas Vieille, les illustrations s'animent progressivement — elles se dessinent au fur et à mesure du récit, créant un effet de révélation qui maintient l'attention et renforce l'impact émotionnel de chaque séquence. Le motion design n'est pas une décoration : il est le vecteur principal de la narration.

Ce choix artistique crée une distance poétique qui permet d'aborder des réalités lourdes — pollution, épuisement des ressources, recyclage — avec la légèreté nécessaire pour ne pas décourager le visiteur. Raconter une histoire grave avec des illustrations qui prennent vie : c'est le paradoxe créatif au cœur de 24hours.earth..

Le travail UX/UI de Bonhomme depuis ses bureaux à Paris est pensé pour disparaître. L'interface ne doit pas attirer l'attention sur elle-même — elle doit servir le récit. Chaque chapitre dispose de son propre rythme visuel, sa propre palette et sa propre intensité narrative, tout en s'inscrivant dans une cohérence globale premium. L'expérience est également disponible sur tablette, avec des chroniques audio sur le recyclage et l'économie des ressources naturelles de la Terre, permettant d'approfondir chaque sujet au-delà de la navigation principale.

Résultats et impact

Le dispositif permet de :

- concevoir un site web immersif premium qui transforme un contenu corporate en récit vivant et engageant ;
- animer les illustrations de Thomas Vieille pour créer une expérience de motion design mémorable sur 9 chapitres ;
- développer une UX/UI qui efface l'interface au profit de la narration et maintient l'attention du visiteur jusqu'au bout ;
- décliner l'expérience sur tablette avec des chroniques audio complémentaires ;
- sensibiliser une audience large aux enjeux du recyclage et des ressources naturelles à travers une histoire intelligible et émotionnelle.

En articulant agence web, site web immersif, UX/UI et motion design, Bonhomme à Paris démontre sa capacité à transformer un enjeu corporate complexe en expérience digitale premium. Le projet 24hours.earth a été récompensé d'un Awwwards Honorable Mention, d'un Awwwards Site of the Day et d'un CSSDA Website of the Day.

Maquette tablette du site web

FAQ — 24hours.earth

Informations

  • ClientSuez

  • AgenceBearideas

  • IllustrateurThomas Vieille

  • DateMay 2017

Awards x3

  1. 24hours.earthAwwwardsHonorable Mention
  2. 24hours.earthAwwwardsSite Of The Day
  3. 24hours.earthCSSDAWebsite Of The Day

Découvrir nos projets

;