Saltar al contenido
Studios Xenia

Cobralta

Estructuras metálicas

Dos vigas que forman una C de perfil. Óxido y acero, el taller tal cual.

#9c3b22#59636e#f2f0ea

Tipografías: Saira Condensed · Roboto

Logo de Cobralta

El encargo

Una empresa de estructuras metálicas vende capacidad y cumplimiento de plazos. Las dos vigas en perfil forman la C sin adornos, el óxido y el acero son los colores del taller, y la web pone proyectos con toneladas y plazos antes que cualquier eslogan.

La marca aplicada

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

Ficha del proyecto

RubroEstructuras metálicas · Industria y construcción
PromesaFabricación y montaje de estructuras metálicas para industria y obra.
Lo que destacaTaller propio · Montaje en obra · Plazos por escrito
Llamado a la acción«Cotizar estructura»
SitioWeb corporativa con el titular «Acero fabricado y montado a plazo»
Servicios que muestraIdentidad de marca · Diseño web · Redes y contenido · Automatizaciones · Apps y software
Contraste medidoTexto 6,0:1 · botón 5,4:1 (el mínimo de WCAG es 4,5:1)
Cobralta: sitio web en portátil y teléfono

Sitio web · Web corporativa

Acero fabricado y montado a plazo

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,1 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:#f2f0ea;
  --tinta:#9c3b22;
  --acento:#59636e;
  --tinta-boton:#f2f0ea;
  --oscuro:#9c3b22;
  --sobre-foto:#ffffff;
  --titulo:'Saira Condensed',Georgia,serif;
  --letra:'Roboto',system-ui,sans-serif;
  --radio:6px;
}

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

App o software

App de seguimiento de fabricación por pieza y fecha de entrega.

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

Cobralta: app en tableta y teléfono

Automatización

Qué pasa cuando llega un cliente

  1. Entra una solicitud de cotización
  2. Se clasifica por tipo de trabajo y tamaño
  3. El equipo recibe el aviso con los datos completos
  4. Si la cotización no tiene respuesta, se recuerda a los 3 días
Cobralta: 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.