Ce projet nous demande de proposer un site web interactif qui exploite le nouvel or noir, les datas.
Nous devons traiter la donnée mais aussi, proposer une mise en scène visuelle et une manière dont l’utilisateur va interagir avec.
HTML
CSS
JS
RPL, c’est notre base, le rapport pain-logement. Cette notation permet de démontrer la différence du coût de la vie entre villes européennes. Le prix d’un loyer relativement à l’achat d’un pain blanc de 500g. Plus le score est élevé, plus l’achat de ce dernier est éloigné du prix du loyer.
RPL = Loyer / (Pain x 10)
Le pain c’est universel, l’essence d’une journée, quelque soit la région. Or, au delà des frontières, les différences se marquent principalement par l’économie. Et ce, même pas quelque centaines de kilomètres d’intervalles.
Nous avons utilisé un mélange de police simple, de la même famille : Geist et Geist Mono. Notre but était de nous concentrer principalement sur l’expérience sans pour autant négliger le visuel. Notre hiérarchie visuelle est elle de 1.333.
La font Nohemi vient ajouter une note plus ronde au logo “RPL” afin de dénoter.
Nous avons décidé de rester dans des tons neutres, simples. Notre base est blanc et noir légerement cassé. A cela, s’additionne 3 nuances de gris pour faire resortir les graphiques et interactions.
Nous sommes partis sur du Bento Design pour que l’interface soit facilement compréhensible tout en restant moderne.
L'utilisation de graphique permet à l'utilisateur de visualer les chiffres; de ce fait il assimile l'information plus facilement qu'en comparaison avec une liste.
De plus, nous utilisons un système de comparaison des villes avec ration. Celui-ci est calculé avec la différence entre deux RPL. Les cités s'affiche l'une sur l'autre, le plus faible Rapport devant, en utilisant une illustartion de leur géographie.
Les tâches du travail ont été répartie selon les force de chacun. Le design a principalement été réalisé par Keelan, il s’occupait de l’aspect visuel du rendu final mais aussi de l’affiche de présentation. Il nous a créé une esthétique moderne et épurée.
KeelanNathan s’est occupé de toute la partie front-end, HTML et Sass. Il a élaboré de complexes fonctions grâce à ce dernier pour fournir un code riche et léger.
NathanPour ma part, je me suis occupé de la partie JavaScript, allant de simples fonctions au Chart.js. J'étais aussi la personne désignée comme administrateur du GitHub, chaque merge passant par mon aval.
Mes ProjetsJ'ai énormément apprécié ce travail malgré un manque de temps léger en bout de semaine. On en tire des enseignements sur la façon d'étaler notre planning. Nous étions un bon groupe où chacun a su donner de sa personne et nous sommes ravis de ce que nous avons pu développer.
