Studios XeniaFraguaris
Constructora
Una viga de acero que forma una F. Gris concreto y amarillo de obra: lo que se ve en terreno.
Tipografías: Archivo Black · Archivo
El encargo
Una constructora gana contratos mostrando obras. La viga en F y el amarillo de obra se ven en cascos, vallas y camionetas, y la web pone cada obra con tipo, tamaño y plazo, más un formulario de cotización que pide solo lo necesario.
La marca aplicada
Ficha del proyecto
| Rubro | Constructora · Industria y construcción |
|---|---|
| Promesa | Edificación y obras civiles con avance visible cada semana. |
| Lo que destaca | Control de avance · Reporte con fotos · Seguridad en obra |
| Llamado a la acción | «Cotizar mi obra» |
| Sitio | Web corporativa con el titular «Obras entregadas a tiempo» |
| Servicios que muestra | Identidad de marca · Diseño web · Redes y contenido · Automatizaciones · Apps y software |
| Contraste medido | Texto 14,1:1 · botón 8,2:1 (el mínimo de WCAG es 4,5:1) |
Sitio web · Web corporativa
Obras entregadas 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.
- 4,9 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:#1f2933;
--acento:#f5b700;
--tinta-boton:#1f2933;
--oscuro:#1f2933;
--sobre-foto:#ffffff;
--titulo:'Archivo Black',Georgia,serif;
--letra:'Archivo',system-ui,sans-serif;
--radio:6px;
}El botón principal lleva al cliente a un solo siguiente paso:
App o software
App de obra con hitos y reportes fotográficos.
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.