Les maquettes et les wireframes réalisées sur FIGMA, représentent les pages principales du site vitrine deborahtrouvetonemploi.fr, une plateforme dédiée à l’accompagnement personnalisé des jeunes sans emploi. Le design a été pensé pour valoriser l’offre de services tout en mettant en avant la dimension humaine du projet, incarnée par la fondatrice. Les deux maquettes affichent les vues desktop et mobiles des pages :
Page d’accueil (avec présentation des services et appel à l’action)
Page “La Coach” (présentation de la fondatrice, mission, valeurs)
Page “Prestations” (présentation des prestations proposées par la coach)
Page “Blog” (présentation des différents articles rédigés par la coach destinés principalement aux jeunes sans emploi)
La stratégie graphique repose sur trois piliers :
L’Accessibilité avec une interface claire, aérée, avec une hiérarchie bien définie qui permet de faciliter la lecture, même pour des publics éloignés de l’emploi ou peu familiers du web.
La Confiance et accompagnement avec des visuels choisis, qui mettent en scène des échanges humains, chaleureux et professionnels. L’objectif étant de rassurer et de créer un lien de proximité avec l’utilisateur.
La structuration et modernité avec une grille fluide, des blocs organisés et des boutons bien visibles permettant une navigation intuitive. Le site respectant les codes actuels du design UI (icônes claires, boutons verts d’action, pictos identifiables)
Le design a été construit autour d’une identité visuelle rassurante et inclusive :
Couleurs principales : bleu (confiance, sérénité) et vert (croissance, espoir)
Typographie : Roboto, pour sa lisibilité et son aspect moderne et accessible
Mise en page en sections bien identifiées, facilitant la lecture sur écran
Illustrations réalistes et inspirantes pour renforcer l’adhésion du public cible
Éléments interactifs discrets mais visibles (boutons, icônes)
Le site respecte également les bonnes pratiques en termes de responsive design, contraste, et ergonomie web, afin de garantir une expérience utilisateur fluide sur tous les appareils.
Mettre en valeur les services proposés : création de CV, profil LinkedIn, coaching, etc.
Humaniser l’accompagnement grâce à la mise en avant de la coach et des valeurs
Faciliter la navigation grâce à des menus simples et des appels à l’action clairs
Encourager l’inscription à la newsletter via un formulaire en pied de page
Transmettre une image sérieuse, moderne et bienveillante
