Langage visuel Plan ₿

Comme Lead Designer, puis Head of Design chez Plan ₿ Network, j'ai été responsable de la communication visuelle de l'entreprise pendant plus de deux ans. J'ai conçu les supports marketing, les visuels pour les réseaux sociaux, les supports d'événements, les illustrations produit, et j'ai progressivement consolidé l'identité visuelle de l'entreprise sur l'ensemble des points de contact.

À mesure que l'entreprise grandissait, mes responsabilités se sont étendues au Product Management. J'ai fini par recruter et former une graphiste junior pour aider à passer à l'échelle la production des visuels, tout en garantissant la cohérence de la marque.

En se développant, Plan ₿ Network a vu émerger deux activités distinctes.

D'un côté, le Network, centré sur le networking professionnel, les conférences, les classes en direct et les événements. De l'autre, l'Academy, devenue une véritable plateforme d'apprentissage en ligne, avec des dizaines de cours et des milliers d'apprenants.

Les deux partageaient encore le même langage visuel et le même site, alors qu'ils s'adressaient désormais à des publics et poursuivaient des objectifs différents. L'Academy avait besoin de sa propre identité : une identité qui reste reliée à la marque mère tout en exprimant clairement son approche ouverte et accessible de l'éducation.

Cette évolution appelait aussi une structure numérique plus claire. Nous avons décidé de scinder l'écosystème existant en deux produits distincts : planb.network, dédié aux activités professionnelles du Network, et planb.academy, entièrement centré sur l'expérience d'apprentissage. Chaque produit aurait son propre site et sa propre identité visuelle, tout en restant partie intégrante du même écosystème Plan ₿.

Dans le même temps, les retours utilisateurs ont révélé un autre problème. À mesure que le catalogue dépassait la trentaine de cours, les vignettes existantes étaient devenues trop chargées et difficiles à parcourir. Les apprenants peinaient à identifier rapidement le contenu qu'ils cherchaient.

Le défi était donc double : créer une identité visuelle distincte pour Plan ₿ Academy, tout en concevant un système d'illustration capable de passer à l'échelle pour améliorer la lisibilité sur toute la plateforme.

J'ai commencé par définir un cadre de conception clair.

Les illustrations devaient fonctionner dans toutes les langues sans recourir au texte, rester immédiatement reconnaissables à petite taille, et communiquer le sujet de chaque cours en quelques secondes à peine.

Pour y parvenir, j'ai établi une série de principes de conception :

L'objectif était de créer des visuels qui complètent le titre du cours plutôt que de rivaliser avec lui.

L'éducation souffre souvent de paraître soit trop institutionnelle, soit trop enfantine. Mon but était de trouver l'équilibre : accessible, contemporain et visuellement cohérent, sans jamais devenir répétitif.

Après avoir exploré plusieurs directions visuelles, nous avons retenu un style d'illustration qui réunissait ces exigences. Il s'intégrait naturellement à la nouvelle interface d'e-learning, reflétait le positionnement ouvert et accessible de l'Academy, et conservait un lien visuel clair avec la marque mère Plan ₿.

Tout aussi important, le style a été pensé comme un système plutôt que comme une collection d'illustrations individuelles. Ses formes simples, son nombre limité d'éléments et ses règles visuelles cohérentes le rendaient plus facile à reproduire, à maintenir et à étendre à mesure que le catalogue de cours continuait de grandir.

En parallèle du système d'illustration, j'ai développé une identité visuelle dédiée à l'Academy.

Plutôt que de créer une marque entièrement séparée, je l'ai dérivée de l'identité Plan ₿ existante. Le gradient orangé caractéristique — déjà un élément reconnaissable de la marque mère — est devenu l'un des liens visuels les plus forts entre les deux identités, aux côtés d'une typographie et de principes graphiques partagés.

L'Academy a adopté un environnement visuel à dominante claire, contrastant avec l'identité sombre bien établie du Network. Au-delà de différencier les deux produits, ce contraste traduisait leurs positionnements distincts : le Network est professionnel et premium, tandis que l'Academy est gratuite, open source et accessible.

La relation entre les deux identités a été pensée autour d'une hiérarchie de marque claire. Lorsque les deux marques apparaissent sur une même communication, Plan ₿ Network reste l'environnement visuel principal, en tant que marque mère, tandis que les contenus de l'Academy y sont introduits par des éléments clairs distincts.

Ce système permet aux deux identités de rester clairement différenciées tout en donnant le sentiment indéniable d'appartenir au même écosystème.

Les nouvelles identités ont été déclinées jusque dans les deux produits numériques. planb.network a été repensé autour de l'environnement visuel sombre et professionnel du Network, tandis que planb.academy a adopté l'identité plus claire développée pour l'expérience d'apprentissage.

Plutôt que d'appliquer simplement deux habillages visuels différents, chaque site a été conçu en cohérence avec le rôle et le positionnement de sa marque respective. Ensemble, ils rendaient immédiatement visible la nouvelle structure de l'écosystème Plan ₿, tout en maintenant un lien fort entre les deux produits.

La conception et le développement de l'Academy elle-même — architecture de la plateforme, expérience utilisateur et développement des fonctionnalités — sont présentés dans une étude de cas distincte consacrée à mon rôle de Head of Product.