Belly & BrainPrendre RDV
Accueil
/
études de cas
/
Exempla : identité visuelle & UX/UI du site

Exempla Management & Consulting

Exempla : identité visuelle & UX/UI du site

Nous avons refait la marque d'Exempla et l'avons appliquée à ce qui porte le plus son image — son site web et les propositions qu'elle pitche pour décrocher des mandats événementiels.
Identité visuelle
UX design

Une identité distinctive

Crédible dans son secteur, distincte de ses pairs

Appliquée partout

De l'identité de marque au site et aux propositions — un fil cohérent

Le défi : faire sérieux, et se démarquer à chaque pitch

Exempla Management & Consulting aide les associations internationales, portées par le contenu et la communauté, à faire avancer leurs missions — stratégie, management et les événements qui rassemblent leurs membres. Leur présence existante ne reflétait pas ce niveau d'expertise, et leurs services étaient difficiles à décoder pour les différents publics qu'ils servent : équipes d'association, dirigeants bénévoles et communautés plus larges.

Le brief avait une tension intégrée : la nouvelle identité devait paraître crédible dans les codes de leur secteur, tout en se distinguant nettement des cabinets qui se ressemblent tous. S'intégrer — sans se fondre.

Notre approche : l'identité d'abord, puis appliquée partout

Nous avons mené le projet en deux phases : d'abord définir une identité à impact, puis l'appliquer aux points de contact qui portent l'image d'Exempla. Un fil continu, de la brand key jusqu'à la page et à la proposition.

Phase 1 — Définir une identité à impact

Nous sommes partis de qui est réellement Exempla. Une session de lancement pour faire émerger son ADN, ses valeurs fondamentales et les codes visuels de son secteur. Un scan concurrentiel pour cartographier les standards minimums nécessaires pour rester crédible — et, plus important, l'espace vierge où Exempla pouvait se différencier. À partir de là, nous avons construit la brand key (différenciation, valeur rationnelle, valeur émotionnelle) et un moodboard qui modernisait la marque sans imposer un rebranding complet.

La logique créative

Chaque choix remonte à ce que fait Exempla : rassembler les gens.

  • Le cercle comme symbole central. Un disque est une forme simple, forte, reconnaissable — et une métaphore puissante. Comme une association, il rassemble les gens autour d'un objectif commun. Là où les cercles se chevauchent, ils signalent la coopération, la co-création et les valeurs partagées : la part que chaque membre apporte à l'ensemble. Ce chevauchement est devenu le cœur du langage visuel, mêlé à la photographie pour rester humain.
__wf_reserved_inherit
  • Un caractère à empattements pour l'intelligence et le leadership. Les serifs portent une histoire — ils se lisent comme fiables, crédibles et dignes de confiance, et sont associés aux institutions établies et à la profondeur intellectuelle. Pour un cabinet dont la valeur réside dans le savoir et la réflexion stratégique, un serif (Roselindale Display, avec Queens et Grifo) était à la fois à impact et pertinent.
__wf_reserved_inherit
  • Un système de couleurs qui flexe sans perdre son identité. Une signature Exempla Orange ancrée par un ardoise foncé et un fond chaud clair, avec une palette chaude et une froide donnant de l'amplitude selon les contextes — distinctive, mais jamais criarde.
__wf_reserved_inherit

Phase 2 — Appliquer l'identité là où ça compte le plus

Une identité ne fonctionne que si elle apparaît là où la marque est jugée. Pour Exempla, c'est deux choses avant tout : le site web, et les propositions qu'elle envoie pour décrocher des mandats événementiels. Nous avons donc appliqué le système aux deux.

Sur le site web, nous avons restructuré la présentation des services — en clarifiant comment ils se combinent pour servir différents types de clients associatifs — et livré des wireframes clairs et détaillés que le webmaster pouvait implémenter directement, avec un minimum d'interprétation. Pour leurs propositions et appels d'offres, nous avons construit un template PowerPoint reprenant les mêmes cercles, la même typo et le même système de couleurs, pour que chaque pitch à un client potentiel soit indéniablement Exempla. Les deux plus grands reflets de leur image tirent désormais dans le même sens.

__wf_reserved_inherit
__wf_reserved_inherit
__wf_reserved_inherit

Ce que nous avons livré : de la brand key au design system

  • Brand key — différenciation, valeur rationnelle et émotionnelle
  • Moodboard et guidelines visuelles — typographie, couleurs, imagerie
  • Langage graphique — le système de cercles et son usage avec la photographie
  • Wireframes pour la page d'accueil, les articles et les études de cas
  • Design system dans Figma — cohérence sur chaque point de contact
  • Template PowerPoint pour propositions et appels d'offres, à la marque comme le site
  • Briefing vidéo et motion pour l'intégration de contenu
  • 10 guidelines clés pour garder la marque sur les rails

Le résultat : crédible à l'écran, distinctif à chaque pitch

Une identité qui se lit comme native de leur secteur tout en s'en distinguant nettement — bâtie sur un symbole qui dit exactement ce que fait Exempla. De la brand key au site web et aux propositions qui décrochent les mandats, chaque élément tire dans le même sens, donnant à Exempla une présence que son équipe peut s'approprier et prolonger.

Quand vous voulez

Faisons bouger les lignes.

30 minutes. Sans slides. Juste une conversation honnête sur où vous en êtes et où vous voulez aller.