LeaniosUI/UXSaaSBrandingFramer2023

LEANIOS

Identité de marque, plateforme SaaS et site web, modernisés de bout en bout.

Rôle
Brand, Product & Web Design
Client
Leanios
Durée
8 semaines
Domaine
UI/UX · SaaS · Branding · Framer

Leanios est un système d’exécution de la fabrication (MES) qui digitalise et suit la production en temps réel, commandes, stock et opérations d’atelier, pour les équipes qui font tourner une usine. Il fallait le moderniser sur toute la ligne, son identité visuelle, la plateforme SaaS et le site marketing, pour que le produit paraisse enfin aussi capable que la technologie qui le sous-tend.

01

Le problème

Leanios avait dépassé son identité. La marque, l’interface MES et le site web s’étaient éloignés, et une plateforme qui pilote une vraie production pour des industriels paraissait moins capable qu’elle ne l’était, la sous-estimation la plus coûteuse qui soit.

La refonte devait tenir trois supports ensemble à la fois, la marque, le produit et le site marketing, sans laisser aucun d’eux tirer dans une direction différente.

02

La solution

J’ai mené une seule refonte couvrant le logo, la plateforme SaaS et le site web. L’identité a été modernisée en un symbole et une palette uniques ; l’interface MES a été retravaillée autour d’une navigation plus claire, d’un socle d’accessibilité et d’une vue de production plus calme et plus dense ; et le site a été reconstruit sous Framer avec des mises en page structurées et responsive.

Un seul système couvre désormais ces trois supports, si bien que Leanios se lit comme une entreprise produit unique et cohérente, d’une icône d’app jusqu’à un tableau de bord d’atelier.

Impact

Refondus de bout en bout
Brand + SaaS + Web
Une vue de production plus claire
MES temps réel
Cohérent sur tous les appareils
Responsive

01Découverte

Trois supports qui dérivent

Leanios avait dépassé son identité, et le symptôme était la dérive : le logo disait une époque, l’interface SaaS une autre, le site web une troisième. Chaque support avait été amélioré localement et honnêtement ; personne ne possédait l’ensemble. L’expérience produit paraissait moins capable que la technologie derrière elle, la sous-estimation la plus coûteuse qui soit.

Le diagnostic comptait parce qu’il changeait la commande. Ce n’était pas un restylage de trois livrables ; c’était un seul système à concevoir une fois et à appliquer trois fois, pour qu’aucun support ne puisse plus dériver sans que les autres le remarquent.

02Cadrage

Un système, trois supports

La refonte a traité la marque, l’interface MES et le site web comme un seul problème plutôt que trois projets. L’identité modernisée a posé les fondations, des bases que les autres supports héritent plutôt qu’ils n’imitent : l’UI du produit a été reconstruite autour d’une navigation plus claire, d’un socle d’accessibilité et d’une interface plus calme, et le site marketing a été restructuré pour gagner en clarté et en responsivité.

C’est en tenant ces trois supports à un même langage qu’une présence dispersée est devenue cohérente : le même système se lit comme la marque sur le site et comme l’usabilité dans le produit.

03Système de marque

Un seul symbole, fait pour voyager

L’identité est volontairement sobre : un monogramme LN dans une tuile arrondie, un seul bleu affirmé et un navy profond pour les surfaces sombres du produit. Le symbole réunit un L et un N pour que l’initiale se lise à la taille d’un favicon, et sa diagonale ascendante fait office de flèche discrète, la production poussée en avant.

La retenue est toute la stratégie. Un seul symbole et une seule couleur, pressés dans des cartes letterpress épaisses et découpés en signalétique d’acier brossé, en disent plus sur une entreprise technologique sérieuse que n’importe quelle décoration. Et les mêmes fondations qui portent la marque passent directement dans le produit.

04Plateforme SaaS

La surface quotidienne, rendue lisible

Le MES, c’est là que Leanios vit chaque jour : ordres de fabrication, stock, machines et équipes, suivis en temps réel sur une vue de production sombre et dense. La refonte a gardé la densité, un opérateur a besoin de voir beaucoup d’un coup, mais lui a donné une structure : une sidebar calme, un langage de couleurs de statut clair, et des cartes qui se lisent d’un coup d’œil dans les conditions de l’atelier.

Au-dessus du tableau opérationnel s’ajoute une couche BI, TRS, temps de cycle, commandé contre produit, pour que la même plateforme serve l’opérateur qui tient la ligne et le manager qui lit les chiffres. Le vert veut dire terminé, l’ambre veut dire en cours, et la hiérarchie tient que ce soit sur un écran mural ou sur une tablette entre les mains.

05Site web

Un visage public à la hauteur du produit

Le site marketing avait une seule mission : faire qu’une plateforme sérieuse paraisse aussi capable qu’elle l’est, dans les dix secondes avant qu’un visiteur ne réserve une démo. Il a été reconstruit sous Framer autour d’un seul récit, le suivi de production en temps réel, avec le produit réel montré à l’écran plutôt que décrit, puis des mises en page structurées qui mènent le visiteur de la promesse à la preuve jusqu’à l’appel à l’action.

Le responsive et une animation fluide font la finition : la même identité, la même palette et la même typo courent du hero au footer, si bien que le site se lit comme la porte d’entrée du produit, pas comme une brochure séparée.

06Bilan

Une identité digitale modernisée

Le résultat final a livré une identité digitale entièrement modernisée pour Leanios : cohérence de la marque, meilleure usabilité de la plateforme et une présence web professionnelle, avec une plateforme repensée plus agréable à utiliser et un site qui tient sur tous les appareils.

Ce que j’en garde : la cohérence est une propriété du processus, pas un style. Elle existe parce qu’un système a été conçu une fois puis appliqué partout, et elle ne survit qu’aussi longtemps que cette discipline.

Disponible pour quelques missions

Créons ensemble
quelque chose d’extraordinaire.

Je m’associe chaque année à un petit nombre d’équipes, sur des produits où le craft est la stratégie. Si c’est votre cas, parlons-en.