Conception d’un système de couleurs

(surfaces, routes, frontières, labels et icônes)

— LE CHALLENGE

Définir des couleurs qui soient à la fois : 

• Universelles (exemple : bleu pour les plans d’eau)

• Suffisamment contrastées les unes des autres pour pouvoir distinguer les surfaces

• Harmonieuses entre elles pour garder une gamme esthétique 

• Suffisamment claires pour que les labels soient visibles (objectif d’être AAA compliant)

• Distinguables des autres cartes de la librairie Jawg 

• Distinguables des cartes des concurrents (Google Maps, Apple Maps, MapBox…) 

— MON PARTI PRIS

• Jouer sur les teintes pour distinguer les sols

• Joueur sur la luminosité et la saturation pour distinguer les éléments cliquables (points d’intérêts) des éléments non-cliquables 

• Jouer sur l’opacité pour marquer les différents niveaux de zoom (plus on zoom, plus les points d’intérêts et les routes sont opaques) 

Choix d’une typographie pour les labels

(noms de pays, de ville, de rues, de point d’intérêt…)

— LE CHALLENGE

Trouver une police qui soit à la fois :

• Multilingue (y compris dans les langues non latines)

• Multigraisse (pour pouvoir créer de la hiérarchie entre les différents niveaux de texte)

• Distinguable de la police des cartes des concurrents

• Google Fonts + compatible avec Font Forge, l’éditeur de police utilisé par Jawg

— MON PARTI PRIS

• Une police bâton géométrique, destinée à être vue plus qu’à être lue

• Une police peu étendue, pour pouvoir afficher un maximum d’informations dans une zone parfois réduite

• Une graisse ayant une épaisseur de 1 px minimum (y compris sur les plus petits niveaux de texte) pour que les textes restent visibles en tout temps 

Conception de l’épingle “point d’intérêt”

— LE CHALLENGE

Évoquer l’épingle (symbole universel du point d’intérêt, cliquable sur les cartes) tout en ayant sa propre identité

— MON PARTI PRIS

Une épingle à la pointe très arrondie, à mi-chemin entre l’épingle et le rond