Bluecoders
De 2020 à 2023 lors de mon CDI dans cette entreprise, j'étais en charge du design et de l'intégration Webflow du site web de l'entreprise. En plus de différents graphismes cette année j'ai dû poser le nouveau branding de la marque.
![Image mise en situation de la page d'accueil du site bluecoders 2023](https://cdn.prod.website-files.com/65ae35b0cc83dc40a27d478f/65aeb0976af03e93bee2a3de_Thumbnail_Bluecoders.webp)
Projet
L'objectif du projet était de proposer un design qui s'inscrive directement dans l'écosystème tech. Le design devait être ciblé candidats, et donc devait parler aux développeurs. Un design moderne et sobre qui ne viendrait pas nuire à la lisibilité des différents services de l'entreprise.
Nous voulions que l'identité puisse parler aux candidats développeurs. Tout en gardant une lisibilité et un design plus sérieux pour ne pas effrayer les autres utilisateurs du site (Entreprises pour le B2B, Recruteurs tech pour la formation BCA).
Pour cela le design s'est construit autour des éléments de l'écosystème dev : Les logos des technos de développement, quelques consoles similaires à celle de VScode, des pictogrammes rappelant des touches de clavier et des "parcours" se rapprochant des branch Github. Le tout sur fond blanc ou bleu foncé pour rappeler un darkmode. Pour ce qui est de la typographie : de la Poppins, claire, ronde et lisible.
![Photo design kakemono pour les salon de recrutement Bluecoders](https://cdn.prod.website-files.com/65ae35b0cc83dc40a27d478f/65af936d83e334657531dd78_design_Kake%CC%81mono_salon_Bluecoders.webp)
![Image identité Bluecoders, choix de la typographie](https://cdn.prod.website-files.com/65ae35b0cc83dc40a27d478f/65b3d15fa791db64d72a751b_identite%CC%81-bluecoders-typographie.webp)
![Visuel typore de l'identité graphique du site web bluecoders.](https://cdn.prod.website-files.com/65ae35b0cc83dc40a27d478f/65b3d15fb0c5aec8747ceaac_webdesign-bluecoders-ements-graphiques.webp)
![Captures d'écran des pages du site webflow Bluecoders](https://cdn.prod.website-files.com/65ae35b0cc83dc40a27d478f/65b3d1debf8607837c5ef862_webdesign-pages-site-bluecoers.webp)
![Présentation des différents logos Bluecoders](https://cdn.prod.website-files.com/65ae35b0cc83dc40a27d478f/65b3d15f92512dd1556c9e9f_identite%CC%81-bluecoders-declinaison-logos.webp)