NOORD.
Marque, design system et page d’accueil pour des appliances d’inférence IA scellées, installées sur site et conçues pour l’industrie européenne.
- Client
- NOORD (concept)
- Année
- 2026
- Rôle
- Marque, design system, front-end
- Périmètre
- Page d’accueil marketing
- Stack
- Figma · React · TypeScript · Tailwind CSS
01 / Le problème
Certaines données ne peuvent pas quitter le bâtiment. Le site devait le dire sans sonner comme une présentation commerciale.
NOORD fournit une puissance de calcul souveraine aux ports, aux usines, aux postes électriques et aux hôpitaux : des lieux où les données opérationnelles doivent, légalement ou en pratique, rester sur place. Les acheteurs sont des responsables IT d’usine, des ingénieurs OT et des responsables conformité, et ils se méfient des adjectifs.
Le brief demandait donc une marque qui gagne la confiance par la précision : de vraies unités, des fourchettes présentées comme des fourchettes, et des textes qui admettent ce que le produit ne fait pas.
02 / Le système
Six couleurs, aucune ombre, des filets partout.
Un système pensé d’abord en sombre, avec un seul orange d’instrumentation, réservé au bouton principal, à un état actif et à un lien. La profondeur se dessine avec des filets et des équerres d’angle plutôt qu’avec du flou. Libellés et chiffres sont composés dans une police à chasse fixe aux chiffres tabulaires, pour que chaque spécification s’aligne.
Couleur
- Base#0B0D0E
- Surface#16191B
- Hairline#2A2F33
- Steel#7C8A91
- Paper#EDEDEA
- Signal#FF4D14
Typographie
- Titrage
- Archivo
- Texte
- Inter
- Chiffres
- JetBrains Mono
Angles
0–2 px
03 / Le développement
Le tableau se filtre, les filets se redessinent.
L’interaction signature est un tableau de spécifications filtrable par type de déploiement : les lignes s’échangent et les filets se redessinent en 180 ms, sur une seule courbe d’accélération mécanique. Construit en composants React typés, sur les mêmes tokens que le fichier Figma.
04 / Écrans
Sections de la page d’accueil, sur ordinateur et sur mobile.
05 / Le résultat
Ce que nous mesurerions.
NOORD est un projet conceptuel : il n’y a donc pas de résultats client. Voici les chiffres que le site a été conçu pour faire bouger.
- 01
Demandes d’évaluation
Demandes d’évaluation de site générées chaque mois par la page d’accueil.
- 02
Usage du tableau
Part des visiteurs qui filtrent le tableau de spécifications avant de contacter l’équipe commerciale.
- 03
Leads qualifiés
Part des demandes issues des secteurs cibles, et non de la simple curiosité.
Gratuit · 30 minutes