RPL RPL écris en gris clair sur fond noir

Présentation

Le projet

Ce projet a été réalisé, dans le cadre de mes études, dans le but de montrer des données de manière visuelle.

Pourquoi RPL

Le Rapport Pain Logement (RPL) est une notation qui permet de montrer le coût de la vie par rapport à la relation du prix d’un loyer moyen avec l’achat d’un pain blanc de 500g. Plus le score est élevé plus l’achat d’un pain blanc de 500g est éloigné du prix du loyer.

RPL = Loyer / (Pain x 10)

Nous avons choisi de comparer l’évolution du coût d’un loyer au centre-ville de Namur avec l’évolution du prix d’un pain afin de montrer que les loyers augmentent de façon quasi exponentielle par rapport au coût de la vie. Nous avons changé légèrement notre sujet pour le rendre plus pertinent : au lieu d’utiliser des données passées, nous avons décidé d’appliquer les chiffres d’aujourd’hui. Notre objectif est de mettre en évidence, à travers plusieurs capitales européennes, les différences de prix de loyer au centre-ville, du coût de la vie et du salaire.

Graphisme

Typographie

Nous avons choisi des typographies qui mettent en valeur l’aspect « base de données » de notre site web.

Couleurs

Le choix d’une nuance de gris pour notre site web a été choisi pour plusieurs raisons : elle permet une meilleure lecture pour les personnes daltoniennes et s’inscrit dans une approche d’un design épuré. Elle correspond également au bento design que nous avons intégré très tôt dans l’ADN du projet.

Diagramme semi-circulaire montrant le nombre de jour de travail necessaire pour acquérir 1m2 au centre ville de Lisbonne. #F2F0EF pour le blanc; #414141 pour le gris clair; #C9C8C7 pour le gris utilisée dans les textes; #262524 pour le gris foncé.

Bento design

Le choix du bento design s’est imposé le plus logiquement dans la conception du site. Il permet d’avoir une hiérarchisation entre les éléments grâce à la taille des blocs qui diffèrent.

Image montrant comment sont disposé les diffèrentes tuiles sur le site web

Graphiques

Choix de la ville

Le panneau de choix de villes devient lui-même un graphique qui affiche le score RPL. Dans le format mobile, il ne devient qu’un sélecteur de villes pour garder un usage agréable

Graphe a barre horizontal listant 12 villes d'europe avec Bruxelles et Paris mis en surbrillance avec des jauges représantant de longueur équivalente à leurs rapport RPL Tableur de 12 case en 2 colonne montrant 12 villes d'europe avec Bruxelles et Paris mis en surbrillance avec des jauges représantant de longueur équivalente à leurs rapport RPL

acquérir 1m2

Un graphique en demi-cercle qui affiche le temps de travail.

Diagramme semi-circulaire montrant le nombre de jours de travail necessaire pour acquérir 1m2 au centre ville de Paris

NBR de pain accessible

Une jauge qui permet de voir dans quelle ville le pain est plus accessible.

Barre de progression montrant le nombre de pain accessible avec le salaire choisi dans la ville de Paris (2825) en rapport avec Bruxelles(2049)

Comparatif entre les deux villes

La comparaison RPL des deux villes sous forme de silhouette : la différence entre les deux villes se distingue à travers leurs tailles.

Représentation visuelle du RPL de Paris et Bruxelles avec deux carte superposées

Interaction

Nous avons intégré un slider qui permet de choisir un salaire qui change la valeur des graphiques.

Slider permettant de choisir un salaire entre 0 € et 10 000 €. le curseur est placé sur 1 900€
Tester RPL

Découvrez le crew