UI UX designer / Illustrator
Front-end developer

Simplon

Fabrique sociale, codeurs, MOOC

2014

Simplon.co propose une formation intensive et gratuite au développement web / mobile, prioritairement tournée vers des talents sous-représentés dans la programmation et dans le numérique (femmes, profils issus des quartiers populaires, des zones rurales, des milieux modestes et des diasporas, seniors et personnes en situation de handicap...)
Simplon.co est une plateforme pour les communautés et les acteurs qui veulent faire converger innovation technique et innovation sociale. C'est aussi un écosystème riche d'événements et d'activités autour de l' e-inclusion et de la démocratisation de la programmation informatique pour tous (enfants, adultes, salariés).

Source simplon.co

Quelques mots-clés

La punch line actuelle de Simplon est : fabrique sociale de codeurs. Nous utiliserons par la suite c’est trois mots-clés : fabrique, social, code.

Choix typographiques

Futura est un police conçue par Paul Renner. Celui-ci a travaillé avant tout sur la lisibilité des caractères de façon minimale, simple, lisible, en épurant tout superflux. Elle caractérise l’identité même de Simplon dans sa quête d’utilité, de sobriété et de rigoureusité. Dans un souci d’efficacité, nous utiliserons Futura BT Book pour le texte, ainsi que Futura BT Heavy pour les titres.

Alphabet police Futura

Un peu de couleurs

Le rouge : utilisé dans le logo actuel, il évoque à la fois la passion, la chaleur, l’énergie (social). Vive, elle attire également l’oeil, un moyen évident de mettre en valeur certains éléments du site (nav, call to action). Le bleu : il s’associe à des idées telles que la sagesse (enseignement), le rêve (d’un projet), de sérénité et de fraîcheur. Le beige, le jaune et le blanc : s’emploient en complément des deux autres couleurs principales (rouge et bleu). Elle représente “l’écosystème”, la connaissance et les valeurs éthiques de Simplon.

Code couleur

Des patterns

L’emploi de patterns va nous permettre de renforcer l’identité de Simplon. Ils ont une forte valeur symbolique. Ici on prend en considération que le langage prend différente forme. Il peut être vocal, gestuel, graphique, tactile. La première colonne renvoie à l’idée de fabrique, un assemblage de triangles, dynamique et structuré. La deuxième colonne fait référence au social, l’empreinte du doigt, de tous les simplonniens. La troisième colonne, au code, au langage. Traduit graphiquement, Simplon s’écrit en morse ... .. -- .--. .-.. --- -. et c’est ce que le deux patterns expriment.

Patterns, motifs
Zoom sur la page Pages Simplon
tablette Home Simplon
Aperçu de page
Artwork Simplon