Tornacero
Suministros industriales
Una tuerca y un perno que forman una T. Naranja de seguridad sobre acero.
Tipografías: Oswald · Roboto
El encargo
Un proveedor de suministros industriales vende disponibilidad: la pieza correcta, a tiempo. La marca usa el naranja de seguridad que el cliente ya asocia a su planta, y la web pone el catálogo, la cotización y los plazos por delante.
La marca aplicada
Ficha del proyecto
| Rubro | Suministros industriales · Industria y construcción |
|---|---|
| Promesa | Pernos, herramientas y repuestos con despacho a planta. |
| Lo que destaca | Stock en tiempo real · Compra recurrente · Despacho a planta |
| Llamado a la acción | «Pedir cotización» |
| Sitio | Web corporativa con el titular «Suministro industrial a tiempo» |
| Servicios que muestra | Identidad de marca · Diseño web · Redes y contenido · Automatizaciones · Apps y software |
| Contraste medido | Texto 18,1:1 · botón 7,2:1 (el mínimo de WCAG es 4,5:1) |
Sitio web · Web corporativa
Suministro industrial a tiempo
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:#fafafa;
--tinta:#111111;
--acento:#ff7a00;
--tinta-boton:#111111;
--oscuro:#111111;
--sobre-foto:#ffffff;
--titulo:'Oswald',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
Portal B2B con stock y pedidos repetidos.
Una pantalla para quien usa el servicio y otra para quien lo opera, con el mismo sistema visual de la marca.
Automatización
Qué pasa cuando llega un cliente
- Entra una solicitud de cotización
- Se clasifica por tipo de trabajo y tamaño
- El equipo recibe el aviso con los datos completos
- Si la cotización no tiene respuesta, se recuerda a los 3 días
¿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.