LeaniosUI/UXSaaSBrandingFramer2023
LEANIOS
Identité de marque, plateforme SaaS et site web, modernisés de bout en bout.

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.
- Logo modernisé
- Palette et typo
- Voix et assets
- Navigation plus claire
- Accessibilité comme socle
- Interface plus calme
- Mises en page structurées
- Build responsive
- Un seul récit
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.

- Deux lettres, un symboleUn L et un N partagent leurs traits dans un même monogramme, pour que l’initiale de l’entreprise se lise à la taille d’un favicon et que le wordmark garde son rythme.
- Construit sur une tuile arrondieLe symbole s’inscrit dans une tuile d’app arrondie : il se pose tel quel sur un favicon, une sidebar ou un écran d’accueil, sans redessin.
- Une diagonale ascendanteLa montée du N fait aussi office de flèche discrète, un clin d’œil à une plateforme faite pour pousser la production en avant, en temps réel.


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.

- Hero · Suivi de production en temps réel, le produit montré à l’écran
- Produit · Ce que fait le MES : commandes, stock, production, BI
- Qui sommes-nous · L’entreprise et l’équipe derrière Leanios
- FAQ · Les objections levées avant la démo
- Blog · Des notes sur l’industrie et l’efficacité
- Réserver une démo · L’unique action de conversion, répété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.




