Refonte du branding et du site Internet Espace Formation
Espace Formation Istres, une association et un partenaire historique
Espace Formation Istres est une association emblématique de la ville, créée en 1989. C’est aussi l’un de mes partenaires historiques, et je suis particulièrement attachée à notre collaboration. En tant que web designer freelance, Espace Formation a été l’un de mes tout premiers clients. J’ai eu le privilège de concevoir leur tout premier site Internet, avant de le refondre dans les années 2010 pour l’adapter aux besoins de l’époque.
Aujourd’hui, la nécessité d’une nouvelle refonte est apparue, avec l’objectif de moderniser l’outil et d’aligner l’identité visuelle de l’association à ses valeurs. Lors de ma rencontre avec le directeur, Claude Garmirian, il m’a confié leur volonté de continuer à proposer des formations en insertion socioprofessionnelle tout en élargissant leur offre aux particuliers et aux entreprises.
C’est avec beaucoup d’honneur et de fierté que j’ai été missionnée pour accompagner Espace Formation dans cette transformation. Ce projet représente non seulement une évolution pour l’association, mais également une continuité dans notre partenariat de longue date, construit sur la confiance et une vision commune.
Objectif et mission de la refonte
La refonte du logo et de l’identité visuelle d’Espace Formation vise à moderniser son image, refléter ses valeurs de bienveillance et de performance, et renforcer sa visibilité auprès de ses publics : particuliers, entreprises locales, et bénéficiaires en insertion. Une communication cohérente et harmonieuse permettra de mieux capter ces audiences et de valoriser l’expertise de l’association sur le marché local.
Analyse et démarche
La refonte a débuté par une analyse critique de l’identité existante et de ses faiblesses. Un brief créatif approfondi avec le directeur a permis de cerner les valeurs essentielles d’Espace Formation et son « esprit », tout en apportant un regard neuf. Une étude de la concurrence et des cibles a également été réalisée pour mieux positionner l’association et garantir une différenciation forte.
Un positionnement unique
Espace Formation se distingue par son approche humaine et personnalisée, mettant l’apprenant au centre de son parcours. Grâce à un suivi individualisé, des formations sur mesure, et une prise en charge globale, l’association répond aux besoins des particuliers et des entreprises locales. Cette agilité et cette bienveillance font d’Espace Formation un acteur clé en région ouest Provence.
Proposition d’axes créatifs et de logotypes
Après l’analyse, je suis passée à la recherche créative. Pour ma part, j’ai une technique rodée qui fait ces preuves depuis plusieurs années. Elle permet de trouver des concepts créatifs qui vont mettre en avant l’essence de l’entreprise tout en se démarquant. L’idée est de ne pas rester focus sur les premières idées qui viennent à l’esprit mais d’explorer des axes graphiques originaux qui s’éloignent des idéées reçues.
Je commence par une sorte de branstorming en solo, je travaille à partir des mots clés que j’ai noté lors du brief créatif. Chaque mot clé peut être représenté par une forme, une couleur, une typographie… Mon travail est de transformé des valeurs en éléments graphiques. Par exemple, si on souhaite mettre en avant la convivialité comme valeur fondamentale d’Espace Formation, on peut donc choisir d’utiliser des formes rondes qui représente la douceur et un aspect humain. Les formes rondes peuvent être représentées dans un pictogramme ou même dans une typographie aux lettres arrondies.
Recherche de concept créatif n°1 : La Mascotte
Dans cet axe, on créé une personnalisation d’Espace Formation àtravers le dessin de la lettre E. La lettre est redessinée pour avoir un aspect humanisé avec un sourire et un oeil satisfait.Le chapeau de diplômé rappelle les formations (qu’elles soient diplômantes ou non, ici, c’est un symbole). L’effet de contour rajeunit la marque. On conserve les couleurs vives etune forme carrée, quoique plus arrondie, pour créer un rappel avec l’ancien logo.
Recherche de concept créatif n°2 : Abstrait minimaliste
On utilise les formes emblématiques de l’ancien logo : le carré et on letravaille différemment. De la perspective est apportée dans les formescarrées qui sont seulement au nombre de 3 = Le client, la formation etCentre de Formation. Cela représente aussi des fichiers.La typographie choisie est simple afin d’être lisible et moderne, avecdes formes arrondies pour l’humain et la bienveillance.Les couleurs sont conservées afin de garder un lien avec l’ancien logo.Du violet est utilisé pour équilibrer le contraste (bleu+rose).
Recherche de concept créatif n°3 : L’Humain avant tout
Un symbole est créé à partir de l’idée d’un cube de face en perspective(dont on aurait conservé qu’une face car le reste est suggéré.Des formes symbolisent deux personnes qui se rejoignent l’une vers l’autre dans un esprit collaboratif, elles semblent se serrer la main.L’une de couleur blanche et l’autre de couleur bleue : un formateur et un stagiaire accueillie. Quand on regarde l’ensemble on aperçoit un bonhomme qui sourit.Cela accentue les valeurs de bienveillance et d’accompagnement importantes à Espace Formation, tout en soulignant la grande satisfaction des formés.
Je présente ainsi mes résultats de recherche à Claude en lui expliquant ma démarche et les choix créatifs. Je donne également quelques conseils avant de faire son choix.
A chaque concept créatif, je réalise des premiers jets de supports de communication afin que le client puisse se projeter plus facilement dans une direction ou une autre. Ici, j’ai créé des ébauches de web design car la refonte du site web prend une grande place dans la stratégie.
Affinement de la piste créative sélectionnée
Après le choix de la piste créative la plus adaptée, j’affine les logos et continue à développer la charte graphique dans la lignée. Les autres supports de communication sont créées, de nouveaux habillages graphiques, le web design du site en page d’accueil… Dans les objectifs de la refonte il y avait aussi la création des cartes de visite, roll up et flyer.
Finalisation de la charte graphique
Le symbole graphique d’Espace Formation repose sur l’idée d’un cube vu en perspective, dont seule une face visible est conservée, tandis que le reste est suggéré. Cette approche minimaliste crée une impression de profondeur et de structure, symbolisant solidité et stabilité, des valeurs fondamentales pour un organisme de formation. Deux formes géométriques, distinctes mais harmonieuses, représentent deux personnes qui convergent l’une vers l’autre dans un geste de collaboration et d’entraide. Ces figures incarnent l’essence même de la pédagogie : un formateur et un stagiaire qui interagissent dans un cadre bienveillant et constructif. L’une est de couleur blanche, représentant le formateur et son rôle d’accompagnement, et l’autre de couleur bleue, symbolisant le stagiaire accueilli et la confiance qu’il place dans son parcours de formation. Quand on observe attentivement l’ensemble, un autre niveau de lecture émerge : les formes évoquent un personnage souriant, reflétant la satisfaction et le bien-être des apprenants. Ce sourire subtil traduit visuellement les valeurs de bienveillance et d’accompagnement qui sont au coeur de la mission d’Espace Formation.
Voici quelques pages extraites de la charte graphique
La charte graphique est finalisée sous la forme d’un guide PDF de 50 pages. Celui-ci définit précisément l’univers d’Espace Formation, la palette de couleur, les typographies, les éléments d’habillage graphique mais aussi les photos, icônes, etc… Ce guide permet à tous les acteurs d’Espace Formation de s’approprier le branding et de faire partie intégrante des précurseurs de la marque.
Cette charte graphique finalisée a été présentée à l’ensemble de l’équipe lors d’une réunion de travail en interne afin que chaque personne comprenne le pourquoi de la refonte et les valeurs véhiculées.
La refonte du site Internet d’Espace Formation : Une modernisation au service des utilisateurs
Le site Internet d’Espace Formation, développé il y a plus de 8 ans, n’était plus en phase avec les standards actuels, tant sur le plan technique que sur celui de l’expérience utilisateur. Avec le temps, les besoins des visiteurs et les attentes en matière de navigation ont évolué, rendant une refonte indispensable pour répondre aux exigences d’aujourd’hui.
Pourquoi une refonte du site Internet était nécessaire ?
L’ancien site souffrait de plusieurs limitations :
Technologie obsolète : Le développement initial ne répondait plus aux normes modernes en termes de performances et de sécurité. Cela impactait également le référencement naturel (SEO).
Expérience utilisateur : La navigation n’était pas optimisée, rendant la recherche d’informations parfois laborieuse pour les utilisateurs.
Responsive Design : Avec l’essor des appareils mobiles, un site entièrement adapté aux différents formats d’écran était devenu une nécessité.
Mise à jour difficile : Le back-office du site n’était pas intuitif, compliquant la gestion quotidienne des contenus pour l’équipe d’Espace Formation.
Une refonte sur-mesure avec WordPress
Pour ce projet, nous avons conservé WordPress, un CMS fiable et robuste qui permet une gestion simplifiée des contenus. Afin de garantir un design moderne et personnalisé, nous avons opté pour le constructeur de thème Elementor, flexible et performant, il offre plusieurs avantages :
- Un design sur-mesure : Chaque page a été pensée pour répondre aux besoins spécifiques d’Espace Formation, avec une mise en avant claire de leurs formations et chiffres clés.
- Une navigation intuitive : Une structure revisitée, des menus clairs et une meilleure hiérarchisation de l’information permettent désormais aux visiteurs de trouver facilement ce qu’ils recherchent.
- Performances optimisées : Le site a été optimisé pour être rapide, sécuritaire et adapté aux critères de référencement naturel.
Une expérience centrée sur les utilisateurs
Dans cette refonte, l’expérience utilisateur a été au cœur des priorités. Voici quelques éléments qui ont été intégrés :
- Responsive Design : Le site est désormais parfaitement accessible sur tous les supports (ordinateurs, tablettes, smartphones).
- Call-to-action stratégiques : Des boutons et formulaires bien placés permettent de maximiser les interactions avec les visiteurs.
- Accessibilité renforcée : Le site a été conçu pour être inclusif, en suivant les bonnes pratiques en matière d’accessibilité numérique.
Des résultats concrets
Depuis le lancement du nouveau site, plusieurs bénéfices ont déjà été constatés :
- Une augmentation du temps passé sur les pages.
- Une baisse significative du taux de rebond.
- Des retours positifs des utilisateurs, notamment sur la facilité d’accès aux informations
