UI Design, UX Design

H-EARTH

Projet

Conception d’un site ludique et interactif illustrant les différentes causes du réchauffement climatique, ainsi que leurs impacts dans la vie de tous les jours. Le but de ce site est de mettre en évidence ce qu’il ne faut pas savoir .

Ce projet a été réalisé en collaboration avec Arthur Michigan, Game Designer.

 

Source des données “15 000 scientifiques de 184 pays signent un appel contre la dégradation de l’environnement. Cet appel d’une ampleur sans précédent se base sur l’analyse de 9 indicateurs mondiaux, dont l’évolution est suivie depuis 1960 jusqu’à 2016”.

À la recherche d’un scénario accrocheur

La problématique : comment proposer un outil permettant de visualiser tous les indicateurs du réchauffement climatique et leurs impacts sur la planète jusqu’à présent et dans un futur proche ?

Il m’a fallu proposer un scénario adapté à l’illustration des 9 indicateurs sources du réchauffement climatique. De plus, il était important de ne pas utiliser un ton trop moralisateur pour que les utilisateurs ne se sentent pas réprimandés.

CandiceH Projet H-earth UX-UI-Design : Vulgarisation Réchauffement Climatique, Recherche de scénario

La solution retenue : traiter les informations de manière ludique avec un design coloré et attrayant pouvant intéresser les petits comme les grands.

CandiceH Projet H-earth UX-UI-Design : Vulgarisation Réchauffement Climatique, Scénario retenu
Un univers graphique et éditorial ludique

Le principe du site étant basé sur la prise de conscience, la planète se dégrade de plus en plus lorsque l’utilisateur scroll pour avancer dans le temps. En effet, c’est en défilant que les impacts deviennent de plus en plus visibles :

  • – les impacts, tels que les émissions de gaz, deviennent envahissants et rendent la lecture difficile
  • – la taille de la typographie évolue, les aspects négatifs de la phrase s’estompent peu à peu et laisse place au message “Ce qu’il faut savoir”

C’est donc par la main de l’homme (ici par le scroll de l’utilisateur derrière son écran) que les impacts se déclenchent et s’additionnent au fur et à mesure de l’expérience.

CandiceH Projet H-earth UX-UI-Design ; Vulgarisation Réchauffement Climatique Design01
CandiceH Projet H-earth UX-UI-Design ; Vulgarisation Réchauffement Climatique Design02
CandiceH Projet H-earth UX-UI-Design ; Vulgarisation Réchauffement Climatique Design03
CandiceH Projet H-earth UX-UI-Design ; Vulgarisation Réchauffement Climatique Design04
CandiceH Projet H-earth UX-UI-Design ; Vulgarisation Réchauffement Climatique Design05
Un prototype en 3D

Avec la collaboration d’Arthur Michigan, Game Designer, nous avons conçu un prototype permettant d’illustrer l’univers du site ainsi que les interactions envisagées, telles que le scroll et la possibilité d’interagir avec la souris sur le visuel. Le prototype contient du SoundDesign, n’hésitez pas à activer le son.

Une infographie ludique

Cette infographie est proposée à la fin de l’expérience afin de résumer les différents impacts provoqués par le réchauffement climatique. Elle illustre la totalité des propos du communiqué publié par les scientifiques.

Précédent

Novotel