Studios XeniaAcuandes
Tratamiento de agua
Una gota con tres cumbres adentro: agua de montaña, tratada.
Tipografías: Lexend · Manrope
El encargo
Tratar agua es un tema técnico que el cliente necesita entender rápido. La gota con cumbres simplifica el mensaje, el turquesa transmite limpieza sin parecer hospital y la web explica cada solución con casos antes que con fichas técnicas.
La marca aplicada
Ficha del proyecto
| Rubro | Tratamiento de agua · Industria y construcción |
|---|---|
| Promesa | Plantas de tratamiento de agua potable y residual para empresas. |
| Lo que destaca | Diseño de planta · Operación y mantención · Monitoreo en línea |
| Llamado a la acción | «Solicitar evaluación» |
| Sitio | Web corporativa con el titular «Agua tratada, planta en regla» |
| Servicios que muestra | Identidad de marca · Diseño web · Redes y contenido · Automatizaciones · Apps y software |
| Contraste medido | Texto 9,2:1 · botón 4,5:1 (el mínimo de WCAG es 4,5:1) |
Sitio web · Web corporativa
Agua tratada, planta en regla
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:#ffffff;
--tinta:#0b4f5c;
--acento:#38c9cd;
--tinta-boton:#0b4f5c;
--oscuro:#0b4f5c;
--sobre-foto:#ffffff;
--titulo:'Lexend',Georgia,serif;
--letra:'Manrope',system-ui,sans-serif;
--radio:6px;
}El botón principal lleva al cliente a un solo siguiente paso:
App o software
Tablero de monitoreo con indicadores de calidad del agua y alarmas.
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.