El desafío
Floskin —la marca detrás de floskin.cl y de los filtros de ducha flo.— quería sumar al sitio un feature público que se llama “Tu agua hoy”: que cualquier persona escribiera su comuna y entendiera, en pocos segundos, qué calidad de agua usa todos los días y cómo eso afecta su piel y su cabello.
El problema era de origen: la información existe, pero está dispersa entre informes oficiales, normativa y documentos en PDF. Nadie la tenía consolidada y disponible para consultar en vivo desde un sitio web.
Para Floskin no era un detalle: toda su propuesta de “belleza desde el origen” se apoya en demostrar por qué el agua importa. Sin data verificable, el mensaje pierde fuerza.
Cómo trabajamos: modalidad integral
Nos coordinamos con Teresa Achondo y el equipo de Floskin desde el día uno. La pega no era solo programar — había que investigar, validar y diseñar todo el flujo. Tomamos el alcance completo:
- Levantamiento y verificación de la información.
- Diseño del flujo y los wireframes en Figma.
- Construcción de la API.
- Infraestructura, respaldos y monitoreo.
- Acompañamiento mientras su equipo interno implementaba el frontend.
La modalidad integral, para nosotros, significa hacernos cargo del problema completo — no solo de la parte código. Acá empezó leyendo informes oficiales.
Un mes de investigación: la base de todo
Pasamos cuatro semanas levantando información oficial de la Superintendencia de Servicios Sanitarios (SISS), cruzándola con normativa y entrevistando a personas del sector sanitario para entender qué indicadores son relevantes, cada cuánto se miden y, sobre todo, cuáles le importan a alguien que se va a duchar mañana.
De ahí salieron tres cosas concretas:
- Un catálogo unificado de calidad del agua por comuna: cloro, pH, dureza, sólidos disueltos.
- Una traducción al lenguaje del usuario final — convertir números técnicos en información accionable.
- Un documento de validación firmado con el cliente antes de escribir una línea de código.
Esta etapa es clave: garantiza que la data sea confiable y que el feature realmente le sirva al usuario.
Datos protegidos, con triple respaldo
Cuando una marca apoya su propuesta en información pública, los datos no pueden fallar. Diseñamos un sistema con tres copias de la verdad:
- Base principal en Supabase, con datos protegidos y backups automáticos.
- Base secundaria independiente, lista para tomar el relevo si algo falla.
- Google Sheet operativo para el equipo de Floskin: pueden consultar la última versión de la data sin necesidad de acceder a la API, ideal para validaciones internas y para responder rápido si algo se ve raro.
Si una capa cae, la operación sigue funcionando.
Una API rápida, segura y lista para crecer
La API se pensó para vivir en producción durante años y sumar más indicadores y más zonas geográficas con el tiempo:
- Rápida. Respuestas casi instantáneas para que el feature se sienta fluido en el sitio.
- Segura. Controles estrictos para evitar el mal uso o el scraping abusivo. La calidad del agua de Chile no se consulta sin permiso.
- Documentada. Cada endpoint con su ejemplo y su guía de integración, entregada antes del primer despliegue.
- Lista para escalar. Sumar una nueva comuna o un nuevo indicador no requiere rehacer nada.
Diseño: nos acoplamos al equipo de Floskin
El diseño visual del feature lo construyó el equipo interno de Floskin. Nuestro aporte fue distinto: entregamos en Figma los flujos ideales de consulta, los prototipos de cada estado (búsqueda, carga, resultado, error) y la documentación para que su frontend conectara con la API sin fricciones.
Es un modo de trabajo que usamos seguido: cuando el cliente tiene un equipo de diseño fuerte, no competimos con él — nos sumamos. Aportamos arquitectura, flujos e interacción. Ellos ponen la marca.
Vigilancia activa, alertas inmediatas
Una API que sostiene una experiencia pública no se puede caer en silencio. Montamos un sistema de alertas en tiempo real sobre tres puntos:
- La API en sí: si responde lento o devuelve errores, alerta al canal interno.
- El feature en el navegador: verificamos que el módulo “Tu agua hoy” se vea bien en floskin.cl. Si algo se rompe visualmente, alerta inmediata.
- Los procesos automáticos: las sincronizaciones y validaciones corren en n8n, y cualquier falla notifica al instante.
Resultado: cuando algo falla, lo sabemos nosotros antes que el usuario.
Asesoría continua después del despliegue
El proyecto no terminó con el go-live. Acompañamos a Floskin durante la implementación del frontend, ajustamos endpoints según lo que el feature pedía en la práctica y sumamos indicadores cuando el producto fue evolucionando. Esa continuidad —discreta pero constante— es parte del modo integral con el que nos plantamos.
El resultado
El feature “Tu agua hoy” salió a producción y hoy es una de las experiencias diferenciadoras de floskin.cl. Cualquier persona puede escribir su comuna, entender el nivel de cloro del agua que usa todos los días y conectar eso con cómo cuidar su piel y su cabello.
Floskin se quedó con una pieza que es de verdad suya: información verificada, infraestructura redundante, documentación viva y un sistema que avisa antes de que algo se rompa. Y, sobre todo, una prueba concreta de su propio mensaje: la belleza empieza por el agua.