Menao® — Direction Artistique & Identité de Marque

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

Les fondateurs de Menao® 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. Le livrable n'était pas un ensemble de mockups, c'était un toolkit opérationnel qu'une équipe de développement peut ouvrir dès le jour 1 et utiliser pour garantir que chaque écran, chaque bouton, chaque interaction aura 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 : c'est mon travail, j'en réponds. Le monogramme traduit ce concept en un signe qui tient du favicon 16px au splash screen plein écran.

Trois principes dans la géométrie : croissance via des lignes ascendantes qui suggèrent l'élan sans être des flèches littérales, connexion via des traits imbriqués qui portent la relation B2B au cœur de la plateforme, simplicité via des courbes douces pour une audience artisane allant du digital native au moins à l'aise avec un smartphone.

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. Quand une équipe UX/UI hérite d'une marque, elle a besoin de règles proportionnelles claires : espace autour de l'icône, taille minimum avant illisibilité, rapport logotype/icône. La grille répond avant que les questions soient posées.

Chaque proportion est définie mathématiquement : le logo se rend de manière prévisible sur chaque densité d'écran et viewport, du favicon 16px au header retina. Pas d'ajustements optiques, pas de versions alternatives pour les petits écrans. Un seul système qui fonctionne partout.

Une typographie calibrée é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, lisibilité forte sur mobile et desktop. Pour un produit B2B qui vit entièrement à l'écran, la typographie porte l'intégralité de l'expérience de lecture.

La palette violette est autant stratégique qu'esthétique : le marché SaaS B2B est saturé de bleus (Salesforce, HubSpot, LinkedIn, Stripe). Le violet donne à Menao® une différenciation immédiate sans perdre la crédibilité technologique qu'exige la catégorie. Dégradés violet et rose étendent la gamme pour construire une interface complète (boutons, alertes, data-viz, indicateurs de statut) sans quitter le territoire de marque, chaque couleur testée en conformité WCAG AA.

Designer les règles, pas les écrans.

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 ?

Ces règles ne sont pas des wireframes ou des mockups UI — c'est le travail du studio UX/UI. Ce sont des principes de marque (composition, hiérarchie, espacement, patterns d'interaction) qui garantissent que le produit a l'ADN Menao® peu importe quelle équipe le construit, quel framework elle choisit, ou quelles fonctionnalités sont priorisées dans la première version.