Studios XeniaCascoluz
Seguridad industrial
Un casco con un haz de luz que forma una C. Naranja de seguridad, visible en cualquier turno.
Tipografías: Archivo · Inter
El encargo
Quien compra protección personal compra por cuadrilla y con apuro. El naranja de seguridad conecta la marca con el producto, y la tienda está pensada para repetir pedidos: tallas a la vista, compra por cantidad y factura a la empresa.
La marca aplicada
Ficha del proyecto
| Rubro | Seguridad industrial · Industria y construcción |
|---|---|
| Promesa | Ropa y equipos de protección personal para empresas, con despacho. |
| Lo que destaca | Compra por cuadrilla · Tallas en stock · Factura a empresa |
| Llamado a la acción | «Ver productos» |
| Sitio | Tienda con el titular «Protección para cada turno» |
| Servicios que muestra | Identidad de marca · Diseño web · Redes y contenido · Automatizaciones · Apps y software |
| Contraste medido | Texto 15,2:1 · botón 5,3:1 (el mínimo de WCAG es 4,5:1) |
Sitio web · Tienda
Protección para cada turno
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,0 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:#ffffff;
--tinta:#23262b;
--acento:#ff6a13;
--tinta-boton:#23262b;
--oscuro:#23262b;
--sobre-foto:#ffffff;
--titulo:'Archivo',Georgia,serif;
--letra:'Inter',system-ui,sans-serif;
--radio:4px;
}El botón principal lleva al cliente a un solo siguiente paso:
App o software
App de pedidos para empresas, con listas de reposición por equipo.
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
- Llega un pedido por web o WhatsApp
- El agente confirma productos, dirección y pago
- Se registra en la planilla y baja el inventario
- El equipo recibe el aviso y el cliente, el seguimiento
¿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.