TRIONTM

Darle a un fabricante alemán de baterías una presencia digital tan precisa como su ingeniería.

Tecnología

  • FIGMA
  • tokens de diseño
  • librería de componentes

Servicios

  • investigación ux
  • arquitectura del sitio
  • diseño ui
  • dirección creativa

Sectores

  • industria
  • energía

Cliente

TRION Batteries

Región

Alemania

Año

Enlace al proyecto

trionbattery.com →

TRIONTM

diseño UX/UI y sistema de diseño

TRION fabrica en Alemania baterías de litio de alto rendimiento para aplicaciones navales, automotrices, de defensa y de almacenamiento de energía. Una identidad de ingeniería sólida, y ninguna presencia digital a su altura.

Dirigimos la investigación UX, la arquitectura del sitio, los wireframes, el diseño de interfaz y la dirección creativa, con el sistema de diseño implementado en código para que el sitio pudiera construirse exactamente como se diseñó.

Contexto

Precisión alemana, sin un lugar donde mostrarla.

La credibilidad de TRION vivía en su ingeniería: las celdas, las certificaciones, los sectores a los que ya servía. En internet no se notaba nada de eso. El sitio tenía que traducir esa autoridad técnica a algo que un comprador de cualquiera de esos sectores pudiera leer y creer desde la primera pantalla.

Desafío

Un sitio, cuatro sectores, cuatro compradores distintos.

Un integrador naval, un fabricante de automóviles, un contratista de defensa y un operador de almacenamiento de energía no leen la misma página de la misma manera. La arquitectura tenía que darle a cada uno un camino hacia lo que necesitaba sin partir la marca en cuatro, y tenía que convertir, no solo informar.

Estrategia

La dirección creativa, a través de la propia interfaz.

El lenguaje visual se formó en la interfaz y no en un ejercicio de marca aparte: oscuro, denso, exacto, con la fotografía de producto llevando la voz cantante. Potencia, fiabilidad y fabricación alemana, dichas sin adjetivos.

El sistema de diseño se implementó en código a la par del diseño, así que tokens, componentes y estados existían a ambos lados de la entrega. Lo que se dibujó es lo que se podía construir, y nada tuvo que interpretarse por el camino.

Resultado

Una presencia digital por fin a la altura del producto.

Una arquitectura que lleva a cada sector a su propia prueba, una librería de componentes que mantiene unida la marca en todos ellos y una entrega que un equipo de desarrollo puede ejecutar sin adivinar.

Investigación, arquitectura, wireframes, interfaz y dirección creativa, con el sistema de diseño implementado en código y entregado listo para construir.

más proyectos

A continuación

PartSpace AI
sitio web compras con ia
AxiDermTM
salud digital branding app
Ver todos los proyectos

Cuéntanos qué estás construyendo.

hi@reveries.dev