React Admin · site

Le projet

React Admin est un framework React permettant de créer des back offices. React Admin est open source et est développé par la société Marmelab. J’avais déjà effectué un an auparavant l’audit, vous pouvez retrouver l’article ici

La présentation de React Admin et sa documentation sont actuellement sur le site de Marmelab. Le souhait était de mettre ce projet en avant, et donc de lui créer une site. Le projet est encore en cours, mais le design ne devrait plus beaucoup évoluer. Edit: le site de React Admin est maintenant en ligne, vous pouvez le visiter ici

La mission

J’ai été chargée de réaliser le site web et le logo. L’identité visuelle est basée sur l’univers des développeurs et des logiciels de code, React Admin ayant été créé par des développeurs, pour des développeurs. Je me suis donc tournée vers un fond sombre et des couleurs vivent qui tranchent avec celui-ci afin de rappeler l’ambiance de travail propre à ce milieu.

React Admin est souvent expliqué en faisant une analogie avec des Legos car il permet de créer des blocs à assembler entre eux. C’est donc tout naturellement que je me suis inspirée des blocs de construction pour réaliser l’illustration.

Il y a eu beaucoup d’évolutions entre la première maquette proposée et le site final, que vous pouvez visiter ici. Le contenu ayant évolué au fur et à mesure des projets, des allers-retours ont été effectué avec Marmelab afin que le site corresponde aux besoins du projet.

Plusieurs pistes ont été examinées pour le logo : reprendre le thème des Legos de l’illustration principale, intégrer l’atome de la technologie React,… Finalement, le rapport à ce dernier est évoqué par un carré, qui fait rappel au classement périodique des éléments, et par les initiales R et A. Voici le logo final, avec ses variantes selon la couleur de fond.

Ce qu'il faut retenir

• webdesign (réalisation de la maquette du site internet)
• charte graphique
• logo
• illustration

Logiciels utilisés

• Adobe Xd
• Vectr
• Photoshop

La première version du site

La version de juin 2019