TRIONTM

Donner à un fabricant allemand de batteries une présence numérique aussi précise que son ingénierie.

Technologies

  • FIGMA
  • design tokens
  • bibliothèque de composants

Services

  • recherche ux
  • architecture du site
  • design ui
  • direction artistique

Secteurs

  • industrie
  • énergie

Client

TRION Batteries

Région

Allemagne

Année

Lien du projet

trionbattery.com →

TRION fabrique en Allemagne des batteries lithium haute performance pour la marine, l’automobile, la défense et le stockage d’énergie. Une identité d’ingénieur forte, et aucune présence numérique à sa hauteur.

Nous avons mené la recherche UX, l’architecture du site, les wireframes, le design d’interface et la direction artistique, avec le design system implémenté en code pour que le site puisse être construit exactement tel qu’il a été conçu.

Contexte

La précision allemande, sans endroit où la montrer.

La crédibilité de TRION tenait à son ingénierie : les cellules, les certifications, les secteurs qu’elle servait déjà. En ligne, rien de tout cela ne transparaissait. Le site devait traduire cette autorité technique en quelque chose qu’un acheteur de n’importe lequel de ces secteurs puisse lire et croire dès le premier écran.

Enjeu

Un site, quatre secteurs, quatre acheteurs différents.

Un intégrateur naval, un constructeur automobile, un industriel de la défense et un exploitant de stockage d’énergie ne lisent pas la même page de la même façon. L’architecture devait offrir à chacun un chemin vers ce dont il avait besoin sans couper la marque en quatre, et elle devait convertir, pas seulement informer.

Stratégie

La direction artistique, par l’interface elle-même.

Le langage visuel s’est construit dans l’interface plutôt que dans un exercice de marque à part : sombre, dense, exact, avec la photographie produit qui fait parler l’objet. La puissance, la fiabilité et la fabrication allemande, dites sans adjectifs.

Le design system a été implémenté en code en même temps que le design, si bien que tokens, composants et états existaient des deux côtés de la passation. Ce qui était dessiné était constructible, et rien n’a dû être interprété en chemin.

Résultat

Une présence numérique enfin à la hauteur du produit.

Une architecture qui mène chaque secteur vers ses propres preuves, une bibliothèque de composants qui tient la marque sur l’ensemble, et une passation qu’une équipe de développement peut exécuter sans deviner.

Recherche, architecture, wireframes, interface et direction artistique, avec le design system implémenté en code et remis prêt à construire.

autres projets

À suivre

PartSpace AI
site web achats par l’ia
AxiDermTM
e-santé branding app
Voir tous les projets

Dites-nous ce que vous construisez.

hi@reveries.dev