EN
Soy cliente
Lo que hacemos

Hüan · Diseño web · UX/UI

TWave

TWave

Miden la vibración de una máquina para saber cuándo va a fallar.

TWave nació en Llanera, en Asturias, en 2014, y diseña y fabrica sus propios equipos de supervisión de maquinaria industrial. Su T8 muestrea ocho canales a la vez y vigila la vibración las veinticuatro horas, para que un ingeniero de mantenimiento vea venir la avería antes de que la máquina pare. Sus clientes están en la energía eólica e hidráulica, el petróleo y el gas, la industria, el naval y la defensa, y buena parte llegan a través de distribuidores. Una web así tiene que explicar a la vez la tecnología, los productos y sus aplicaciones. Desde Hüan la rediseñamos de arriba abajo: analizamos el recorrido del usuario, replanteamos la arquitectura de información y montamos un sistema modular que pone el producto en el centro.

El encargo

Los dispositivos de TWave vigilan maquinaria industrial en línea y anticipan averías. Su web tenía que explicar a la vez la tecnología, los productos y sus aplicaciones. Antes de dibujar pantallas, analizamos el recorrido del usuario y replanteamos la arquitectura de información. Decidimos que el producto fuera el centro de la comunicación. Trabajamos con wireframes y prototipos para validar la estructura antes de la interfaz definitiva. Las pantallas llevan llamadas a la acción claras, como See all products o About the company. Así quien visita llega rápido a lo que busca.

El sistema

El logotipo de TWave, impreso en sus equipos, dibuja la W con pequeños cuadrados, como una señal digital. Tomamos ese cuadrado como módulo de todo el sistema. Aparece en la retícula de fondo que abre What we do y en el indicador de navegación de cuatro cuadrados. La misma W, aislada, encabeza apartados como Technology. La paleta usa dos azules: el pizarra de la marca y un marino casi negro en el panel de la portada. Los acompañan negro, blanco y un gris azulado muy claro para las retículas. Las láminas tipográficas fijan Neue Montreal para los titulares e IBM Plex Sans como segunda familia.

La web

La arquitectura se apoya en tres bloques: Solutions, Technology y Applications. Los presentamos como un índice a pantalla completa, numerado y separado por filetes finos. La portada abre con un titular en forma de pregunta, en blanco sobre una planta industrial al atardecer. Debajo, un panel azul marino casi negro arranca una lista numerada de argumentos, con Guaranteed Machine Health Diagnostics en primer lugar. La ficha de producto de la serie T8 muestra el dispositivo a gran tamaño a la derecha. El texto queda a la izquierda con el enlace See all products. Un contador 1/3 y dos flechas recorren las vistas del carrusel.

Las piezas

La ficha del T8 aparece en dos versiones, un dibujo de línea del dispositivo y el render del equipo. En el render se ven el logotipo, los ocho indicadores led numerados, el indicador ST y las conexiones. La apertura What we do va sobre negro, con los cuadrados del módulo en azul casi negro y el titular en blanco. Documentamos el sistema en una serie de láminas de elementos. Recogen el logotipo sobre azul pizarra, la retícula, el indicador de navegación, las dos tipografías y las pantallas clave. La portada se muestra también en un mockup de portátil sobre hormigón.

Lo que destaca

Portada en portátil
Portada en portátilLa portada en portátil sobre hormigón, con Why augury? en blanco sobre una planta industrial al atardecer. Debajo, el panel azul casi negro abre los argumentos numerados. La foto sitúa al visitante en su sector.
Índice de tres bloques
Índice de tres bloquesSolutions, Technology y Applications a gran cuerpo, numerados y separados por filetes finos. Con tres palabras se entiende cómo está organizada la web. Solutions, en un azul grisáceo más claro, se distingue del resto.
Apertura de sección
Apertura de secciónWhat we do en blanco sobre negro y seis cuadrados del módulo en azul casi negro. Tan oscuros que no compiten con el titular, el enlace About the company ni el indicador de cuatro cuadrados.
Serie T8 en detalle
Serie T8 en detalleRender de la serie T8 rotulado Online Machinery Supervisor, con ocho indicadores led numerados, el ST y las conexiones. Texto a la izquierda, contador 1/3 y See all products: el producto llena la pantalla.
La W como marca de sección
La W como marca de secciónLa W del logotipo aislada, en azul pizarra sobre blanco, encabezando el apartado Technology. A este tamaño se ve el cuadrado que tomamos como módulo de toda la web.
Logotipo sobre azul pizarra
Logotipo sobre azul pizarraEl logotipo de TWave, que ya existía, en blanco y centrado sobre el azul pizarra que fija la paleta. La W hecha de cuadrados es el origen del módulo que recorre toda la web.
Neue Montreal para titulares
Neue Montreal para titularesNeue Montreal, la grotesca de los titulares: mayúsculas arriba a la izquierda y minúsculas abajo a la derecha. El nombre en azul pizarra cruza dos cuadrados del módulo en gris azulado muy claro.
Ver todas las páginas11

Siguiente proyecto

Nauw Ur Music Nauw Ur Music · 2025

Kids are working.

Cuéntanos tu proyecto

Tres preguntas. Un minuto. Y hablamos.

Solo tres preguntas para empezar el contacto. Si lo prefieres, puedes reservar una videollamada de 30 minutos con nosotros.

  1. 01Marca o empresa
  2. 02Tipo de proyecto
  3. 03Marketing activo
  4. 04Tus datos

Pregunta 01 · 1 de 4

Pregunta 1

¿Cómo se llama tu marca o empresa?