Menao® — Direction Artistique & Identité de Marque

Une fondation de marque conçue pour être transmise.

Menao® est une plateforme digitale B2B conçue pour connecter artisans et petites entreprises avec des clients qualifiés via des outils intelligents de génération de leads et de gestion de workflow. Les fondateurs avaient une vision produit claire et une roadmap de développement, mais aucune identité visuelle pour l'ancrer. Avant de s'associer avec un studio UX/UI pour construire l'application, ils avaient besoin d'un système de marque suffisamment solide pour guider chaque décision de design produit en aval.

Mon rôle en tant que directeur artistique couvrait tout le périmètre de l'identité de marque : design du logo, construction de l'icône, définition de la palette de couleurs, sélection typographique et création d'un système d'identité visuelle complet. Le livrable n'était pas un ensemble de jolis mockups — c'était un toolkit de marque opérationnel qu'une équipe de développement pouvait ouvrir dès le premier jour et commencer à construire dessus, avec la certitude que chaque écran, chaque bouton, chaque interaction aurait l'ADN Menao®.

Une signature, pas un symbole.

L'icône Menao® est partie d'une idée simple : la signature. Dans le monde artisan, une signature est une marque de confiance entre le créateur et son client. Elle dit : c'est mon travail, j'en réponds. Le monogramme traduit ce concept en un signe visuel qui fonctionne à toutes les échelles — d'un favicon de 16 pixels à un splash screen plein écran.

Trois principes ont guidé le design :

Croissance — des lignes ascendantes qui suggèrent un élan. Expansion du business, efficacité du workflow, création de valeur. Pas des flèches littérales, mais un sens de direction intégré dans la géométrie de la lettre.

Connexion — des traits imbriqués qui représentent la relation B2B au cœur de la plateforme. L'artisan rencontre le client, l'offre rencontre la demande, le savoir-faire rencontre la technologie.

Simplicité — des courbes douces qui signalent un produit digital accessible et mobile-first. La démographie artisane va du digital native à celui qui est à peine à l'aise avec un smartphone. La marque devait être accueillante, pas intimidante.

Précision mathématique pour la scalabilité digitale.

Le logo repose sur une grille modulaire basée sur un x qui gouverne la relation entre monogramme et logotype. Ce n'est pas un exercice décoratif — c'est un outil de construction. Quand une équipe UX/UI hérite d'une marque, la première chose dont elle a besoin ce sont des règles proportionnelles claires. Combien d'espace autour de l'icône ? Quelle taille minimum avant que le monogramme devienne illisible ? Comment le logotype scale par rapport à l'icône ? La grille répond à toutes ces questions avant que personne n'ait à les poser.

Chaque proportion est définie mathématiquement, ce qui signifie que le logo se rend de manière prévisible sur chaque densité d'écran et viewport. D'un favicon 16px à un header retina, la géométrie tient. Pas d'ajustements optiques nécessaires à différentes tailles, pas de versions alternatives pour les petits écrans. Un seul système de logo qui fonctionne partout.

Pour une marque d'application mobile, ce niveau de précision compte plus que pour un restaurant ou une marque de mode. Les produits digitaux vivent à des dizaines de tailles simultanément — badges de notification, barres d'onglets, écrans de chargement, signatures email, fiches app store : la grille garantit que le logo paraît intentionnel dans chaque contexte.

Une typographie qui performe à l'écran. Une couleur qui se démarque.

Google Sans a été choisi pour une raison pratique : il est conçu pour les interfaces digitales. Géométrie nette, proportions équilibrées, forte lisibilité sur mobile et desktop à toutes les tailles. Pour un produit B2B qui vit entièrement à l'écran — pas de print, pas de packaging, pas de points de contact physiques — la typographie doit travailler plus dur que pour la plupart des marques. Elle porte l'intégralité de l'expérience de lecture. Google Sans gère ça sans compromettre le ton moderne et professionnel dont Menao® a besoin pour bâtir la confiance avec des artisans qui confient leur activité à une plateforme.

La palette de couleurs était autant une décision stratégique qu'esthétique. Le marché SaaS B2B est dominé par les bleus — Salesforce, HubSpot, LinkedIn, Stripe. Le violet a donné à Menao® une différenciation visuelle immédiate tout en conservant la crédibilité technologique qu'exige la catégorie. Il se lit comme moderne et innovant sans paraître expérimental ou risqué — crucial pour une plateforme qui demande aux artisans de lui confier leurs opérations.

Le blanc cassé et le noir violacé fournissent les fondations neutres. La palette étendue inclut des dégradés de violet et rose qui donnent à l'équipe UX/UI assez de gamme chromatique pour construire une interface complète — boutons, alertes, visualisations de données, indicateurs de statut — sans quitter le territoire de marque. Chaque couleur a été testée pour la conformité d'accessibilité WCAG AA, parce qu'une plateforme au service d'artisans de tous âges et niveaux de littératie digitale ne peut pas se permettre de rater les contrastes.

Designer les règles, pas les écrans.

L'identité de marque d'une application mobile est fondamentalement différente du branding d'un restaurant ou d'une gamme de produits. Il n'y a pas de points de contact physiques à designer — pas d'enseigne, pas de packaging, pas de menus. Tout vit sur un écran, et cet écran fait généralement 375 pixels de large. Le système visuel doit fonctionner dans les contraintes de l'UI mobile tout en portant assez de personnalité pour être mémorable.

Pour Menao®, le système de marque a été conçu d'abord comme un document de transmission, ensuite comme une pièce de présentation. Chaque page des guidelines répond à une question qu'un développeur ou product designer pourrait poser : quel espacement autour du logo ? Quel violet pour les éléments interactifs et lequel pour le décoratif ? Comment la typographie scale du mobile au desktop ? À quoi ressemble un état d'erreur dans le langage de marque ?

L'identité visuelle s'étend au-delà du logo et de la palette en un ensemble de principes qui gouvernent la composition, la hiérarchie, les espacements et les patterns d'interaction. Ce ne sont pas des wireframes ou des mockups UI — c'est le travail du studio UX/UI. Ce sont des règles au niveau de la marque qui assurent que le produit a l'ADN Menao® peu importe quelle équipe le construit, quel framework ils choisissent, ou quelles fonctionnalités sont priorisées dans la première version.

Cette approche — designer l'architecture de marque avant l'architecture produit — devient la pratique standard pour les startups SaaS en phase de lancement. C'est plus efficace que d'essayer de greffer une marque sur un produit déjà construit. Les fondateurs de Menao® l'ont compris : investir dans l'identité tôt, et chaque décision de design qui suit devient plus rapide et plus cohérente.