Saltar al contenido
Studios Xenia

Trazumbra

Ingeniería y proyectos

Una plomada que cuelga de una escuadra y forma una T: precisión y verticalidad.

#12355b#c7d3dd#f26a21

Tipografías: IBM Plex Sans Condensed · IBM Plex Sans

Logo de Trazumbra

El encargo

Una empresa de ingeniería compite con experiencia demostrable. El sistema se apoya en el lenguaje del plano, con líneas finas, una retícula precisa y un naranja reservado para lo que importa, para que una carpeta de licitación, una presentación y la web se vean como la misma oficina técnica.

La marca aplicada

Trazumbra: papelería y empaques Trazumbra: aplicación a gran escala Trazumbra: vehículo y ropa de trabajo

Ficha del proyecto

RubroIngeniería y proyectos · Industria y construcción
PromesaIngeniería de detalle, montaje y gestión de proyectos industriales.
Lo que destacaIngeniería de detalle · Control de avance · Gestión de montaje
Llamado a la acción«Conversar el proyecto»
SitioWeb corporativa con el titular «Ingeniería que se construye sin sorpresas»
Servicios que muestraIdentidad de marca · Diseño web · Redes y contenido · Automatizaciones · Apps y software
Contraste medidoTexto 8,2:1 · botón 4,8:1 (el mínimo de WCAG es 4,5:1)
Trazumbra: sitio web en portátil y teléfono

Sitio web · Web corporativa

Ingeniería que se construye sin sorpresas

El demo es una página real, escrita a mano y publicada en este mismo sitio. Puedes abrirla, inspeccionarla y ver cómo responde en tu teléfono.

  • 5,2 KB HTML y CSS
  • 0 librerías de JavaScript
  • 5 secciones

Cómo está construido

HTML semántico y CSS con variables de marca. Cambiar la paleta es cambiar cuatro líneas:

:root{
  --fondo:#c7d3dd;
  --tinta:#12355b;
  --acento:#f48143;
  --tinta-boton:#12355b;
  --oscuro:#12355b;
  --sobre-foto:#ffffff;
  --titulo:'IBM Plex Sans Condensed',Georgia,serif;
  --letra:'IBM Plex Sans',system-ui,sans-serif;
  --radio:6px;
}

El botón principal lleva al cliente a un solo siguiente paso:

App o software

Tablero de control con carta Gantt y avance por especialidad.

Una pantalla para quien usa el servicio y otra para quien lo opera, con el mismo sistema visual de la marca.

Trazumbra: app en tableta y teléfono

Automatización

Qué pasa cuando llega un cliente

  1. Llega un contacto desde anuncios o la web
  2. Se puntúa según lo que necesita y cuándo
  3. Los calificados pasan a una persona con aviso inmediato
  4. El resto recibe una secuencia de correos y sigue en el CRM
Trazumbra: perfil en redes sociales

¿Tienes un negocio de este rubro? Mira qué necesita tu web.

Cuéntanos qué vendes y dónde se te traba.

Te respondemos con lo que haríamos, cuánto cuesta y cuánto tarda.