JISABI TechnologyUI/UXBrandingFramer2025
JISABI TECH
Un logo, une identité et un site Framer pour une plateforme de transformation digitale propulsée par l’IA, pensée pour l’Industrie 4.0.

JISABI est une entreprise technologique marocaine qui accompagne les industries vers des opérations plus intelligentes et plus efficaces : dashboards propulsés par l’IA, analytics prédictifs, systèmes IoT, jumeaux numériques et automatisation intelligente. Il fallait une présence complète : un logo et une identité qui inspirent l’avancée et la confiance, et un site qui rend une offre technique dense claire, crédible et moderne. J’ai construit la marque depuis le symbole et livré le site sous Framer.
01
Le problème
L’offre de JISABI est riche et technique : analytics prédictifs, systèmes IoT, jumeaux numériques, automatisation intelligente pour l’Industrie 4.0. Deux choses manquaient : une identité pour la porter, et un site qui communique une valeur au lieu d’énumérer des fonctionnalités, pour qu’un acheteur industriel sérieux comprenne ce que JISABI fait réellement pour lui.
La marque devait aussi paraître véritablement moderne. Les entreprises de technologie industrielle ont souvent un air daté ; JISABI voulait un logo et une présence digitale à la hauteur de la sophistication de sa technologie.
02
La solution
J’ai construit l’identité de A à Z : un logo, une palette orange ember sur fond sombre et un système typographique, pensés pour signaler une technologie de pointe et de la précision, sans verser dans le gadget.
J’ai ensuite conçu et développé le site sous Framer autour de principes UI/UX modernes : mouvement fluide, mises en page responsive, typographie affirmée et détails futuristes maîtrisés. La structure porte le message : des services comme les dashboards IA et les jumeaux numériques sont présentés à travers les résultats opérationnels qu’ils permettent, si bien que la valeur arrive avant le détail technique.
Impact
- Logo, identité & site
- De bout en bout
- Conçu & développé en no-code
- Framer
- Positionné pour les acheteurs industriels
- Industry 4.0
01Découverte
Un visage moderne pour l’industrie lourde
JISABI vend une technologie profonde à un public conservateur : analyse prédictive, IoT, jumeaux numériques et automatisation, achetés par des opérateurs industriels qui ont vu cent fournisseurs trop promettre. La découverte tournait toujours autour du même vide : les marques du secteur ont l’air datées, ce qui dessert un récit d’innovation, ou l’air de science-fiction, ce qui dessert la confiance.
Le deuxième vide était le message. L’offre se racontait en liste de capacités, et un acheteur industriel n’achète pas des capacités ; il achète de la disponibilité, de l’efficacité et moins de surprises. Quel que soit le style du site, sa structure devait d’abord traduire la technologie en résultat opérationnel.
02Exploration
Trois routes vers le symbole
J’ai fait passer le symbole par les trois routes classiques. La route littérale, un engrenage, un circuit, un pictogramme d’usine, décrit le secteur et disparaît dedans. La route de la lettre, un J dessiné, est compacte et appropriable mais muette sur le mouvement, et l’élan était la seule idée sur laquelle la stratégie insistait. La route abstraite a gagné : un éventail symétrique de sept lames effilées, plus haut au centre, en fondu vers l’extérieur.
L’éventail mérite sa place parce qu’il dit quelque chose de précis. Des lames qui descendent et s’estompent vers l’extérieur se lisent comme un signal qui rayonne depuis un centre : des systèmes en marche, un élan vers des opérations plus intelligentes. Il est assez équilibré pour paraître stable, assez tranchant pour paraître usiné, et il survit à toutes les tailles, du favicon à la façade.
- Un engrenage ou un circuit, lus aussitôt
- Décrit le secteur, pas JISABI
- Vieillit aussi vite que le look du secteur
- Compacte et appropriable
- Muette sur le mouvement et le signal
- Registre tech générique
- L’élan et le signal, dessinés
- Une géométrie stable et usinée
- Tient du favicon à la façade
- Symétrie miroirUne lame centrale haute est encadrée de paires en miroir qui décroissent de chaque côté : un symbole équilibré et stable, qui se lit de la même façon dans les deux sens.
- Des lames effiléesChaque lame est taillée en pointe, en haut et en bas : le symbole paraît net et précis, ingénieré comme la plateforme derrière lui.
- Un fondu vers l’extérieurL’opacité décroît vers les bords : l’éventail se lit comme du mouvement et un signal qui rayonne, l’élan vers des opérations plus intelligentes.

03Système de marque
De l’ember sur du carbone
Autour du symbole, un système resserré : l’orange ember comme accent unique sur un fond quasi noir, une grotesque géométrique pour le display face à une grotesque neutre pour le corps, et des halos chauds maîtrisés qui évoquent la donnée live sans transformer la marque en cliché de science-fiction.
Le système a été éprouvé hors écran avant d’être déclaré fini. Papeterie carbone, signalétique en relief, badge émaillé et icône d’app sollicitent chacun une propriété différente, le contraste, la géométrie, l’échelle, et l’identité tient parce que c’est un système, pas un écran stylé.


04Site Framer
Un site qui rend lisible une technologie de pointe
Le site a une seule mission : rendre une offre technique dense évidente et crédible. Entièrement construit sous Framer, il applique la décision d’ordre venue de la découverte : chaque capacité ouvre sur ce qu’elle rend possible sur le plan opérationnel, et les détails techniques suivent pour les visiteurs qui les recherchent.
Des transitions fluides et des interactions dynamiques guident l’attention, et un registre futuriste maîtrisé signale une technologie de pointe sans verser dans le gadget.

- Navigation · Logotype, ancres de sections et un CTA Contact persistant.
- Hero · La promesse centrale et un aperçu live du dashboard de la plateforme.
- Services · Dashboards IA, analytics prédictifs, IoT, jumeaux numériques et automatisation, présentés par résultat.
- Fonctionnement · De la donnée connectée à l’insight puis à l’action automatisée, en trois étapes.
- Pourquoi JISABI · La valeur opérationnelle : efficacité, disponibilité et meilleures décisions.
- À propos · Une entreprise technologique marocaine pensée pour l’Industrie 4.0.
- Contact · Un formulaire court pour démarrer la conversation.
- CTA de pied de page · Un dernier appel à demander une démo.



05Bilan
Une marque et un site à la hauteur de la technologie
JISABI dispose désormais d’une présence complète et ownable : un symbole qui a un sens, un système d’identité qui tient du badge émaillé à la façade, et un site rapide et responsive enfin à la hauteur de la sophistication de la technologie, sur desktop comme sur mobile.
La leçon que je garde : pour une marque technique, la retenue n’est pas l’absence d’ambition, c’en est la preuve. Chaque endroit où l’identité a refusé une fioriture futuriste est un endroit où la confiance d’un acheteur industriel a survécu.







