Mentor Goal

Refonte du site web de Mentor Goal : Le seul outil qui réunit ATS, CRM, matching et insertion professionnelle pour les écoles et CFAs.

mentor goal

Objectif du projet

Sur ce projet, l’enjeu était d’appliquer lors de la refonte du site web, la nouvelle charte établie en amont, et d’apporter des améliorations à cette dernière.

La charte graphique prévue initialement pour du print, elle nécessitait quelques ajustement pour briller sur le web.
J’ai apporté des améliorations sur les couleurs, en les rendant plus vibrantes. Les typographies : Plus Jakarta et Geist. Et les éléments graphiques qui se limitaient à une flèche.

L’objectif : Humaniser et valoriser le site web du SaaS.

mentor goal

Les détails design

Le lien

Ce symbole a plusieurs objectifs : 
– Apporter du dynamisme à la charte graphique et au site.
– Renforcer la proximité entre l’utilisateur et l’entreprise.
– Mentor Goal est un SaaS qui réunit ATS, CRM, matching et insertion professionnelle pour les écoles et CFAs.

Le crayon : Avatars de profil

Ces avatars viennent renforcer l’humain derrière un logiciel qui peut paraitre froid au premier abord. Je me suis inspirée de la stratégie de Notion pour ce projet.
Ils ont une particularité : les cheveux et vêtements sont dessinés avec un effet crayon, qui permet de rappeler l’univers scolaire de manière subtile.

Série d'illustration

Une série d’illustrations plus complètes pour aider Mentor Goal à communiquer sur les réseaux, et notamment LinkedIn. Plusieurs émotions : doute, frustration, illumination

Le rendu sur les posts

Mentor Goal peut ainsi illustrer ses posts de manière à provoquer des émotions chez ses lecteurs.

Les composants du projet

Le wireframe

Une fois la structure validée, on a prototypé chaque page sans design. L’objectif : définir où vont les blocs, les textes, le catalogue de services et les formations, avant de penser aux couleurs.

C’est l’étape qu’on voit le moins mais qui change tout : une page bien structurée convertit, une page mal structurée, non.

Les propositions graphiques

Une piste avec la charte graphique initiale. Une piste très minimaliste et neutre. Et une piste humaine et authentique. Les pistes donnent une direction, avec des choix assumés. Mais ce n’est pas leur simple utilité. Elles permettent aussi aux clients de se rendre compte. Dans ce cas précis, la piste 3 l’a emporté sur les deux autres car elle met vraiment en valeur le SaaS tout en gardant ce côté humain.

La maquette sur mesure

Direction validée, on a maquetté l’ensemble du site, desktop et mobile. Pas question de négliger le mobile quand la majorité des visiteurs consultent depuis leur téléphone.

Une fois les maquettes approuvées, direction l’intégration sur WordPress.

L'équipe sur ce projet

Direction artistique

Gestion de projet

Marie-Rose Perret

Développement web

Formateur

Keziah Nivelle

Les outils utilisés

Elementor

Notre outil de prédilection pour la gestion des pages WordPress, alliant flexibilité et design soigné.

WordPress

Le CMS que nous utilisons pour développer des sites performants et évolutifs.

Figma

Utilisé pour la création et validation des designs, des maquettes aux interfaces interactives.

D'autres réalisations de sites web

Nous contacter​

Discutons de votre projet ensemble !

Vous avez un projet en tête (site web, landing page, identité visuelle) ? Prenez rendez-vous avec Keziah pour qu’on voit ensemble comment on peut vous accompagner.