Web que vende · en construcción
Un sitio que no puede publicar una cifra sin que el cliente la apruebe: la web de Cessca
Consultoría de seguridad e higiene laboral en Cuautla, Morelos. Un sitio estático de diez páginas que capta por WhatsApp, con un verificador propio y un candado editorial que impide publicar texto sin aprobar. En construcción.
- Cliente
- Cessca
- Industria
- Consultoría B2B de seguridad, salud en el trabajo y protección civil · Cuautla, Morelos
El problema
Cessca necesitaba un sitio que trajera solicitudes calificadas y las llevara a WhatsApp, que es donde el negocio cierra. Sin comercio electrónico: en este sector el producto es un documento y la venta es una conversación. Lo difícil no era la tecnología.
- Cada línea de servicio compite por búsquedas distintas: quien busca recarga de extintores tiene una fecha encima; quien recibe un emplazamiento de la STPS tiene días para contestar. Un sitio de una sola página no compite por nada de eso.
- Casi todo lo que vende es normativo: una NOM mal citada o una acreditación redactada por cuenta propia es un problema legal para el cliente, no para el desarrollador.
- El material comercial existente venía con las frases del sector y con cifras (años de experiencia, empresas atendidas) que nadie tenía documentadas.
- El cliente tiene que poder mantenerlo: catálogo y centro de normas con decenas de fichas; si cada ficha es HTML a mano, el sitio muere al primer cambio de menú.
Antes
- Material comercial: una presentación corporativa en PDF, escrita en el lenguaje del sector.
- Cifras de confianza (años de experiencia, empresas atendidas): sin documento que las respalde al arrancar el proyecto.
Qué construimos
| Fase | Qué quedó funcionando |
|---|---|
| Base compartida | Encabezado, pie y metadatos en una sola fuente para todas las páginas. Datos de la empresa en un solo archivo. Sistema de diseño definido antes de la primera página. |
| Seis páginas de servicio | Una plantilla, seis páginas: cada una aporta datos, no marcado. Secciones fijas (Qué incluye, Cómo funciona, Qué recibes, Normas que aplican, Preguntas frecuentes); las que no tienen material no se dibujan; Qué recibes se dibuja siempre, aunque diga Pendiente de confirmar. |
| Captación por WhatsApp | Cada botón abre el chat con un mensaje prellenado que dice desde qué servicio, producto o norma se hizo clic. Botón flotante en todas las páginas y, en móvil, barra fija con Llamar y WhatsApp. |
| Verificador propio | Compila el sitio y revisa la salida: enlaces internos, un solo H1, imágenes con alt y dimensiones, título y descripción únicos, canónica correcta, aviso de privacidad dentro de cada formulario, ninguna página sin recibir enlace. Tiene sus propias pruebas. |
| Candado editorial | El texto sin brief aprobado lleva marca de borrador, se ve en pantalla y el verificador lo cuenta. El comando de publicación falla mientras quede uno: 126 borradores al 18 de agosto de 2026. |
| Pendiente | Catálogo de productos, centro de normas STPS y blog: tres de los siete subproyectos. Aviso de privacidad enlazado y vacío a propósito: lo redacta el abogado del cliente; mientras, el formulario no se activa. |
Ajustes después de la entrega
- Se decidió no publicar: la promesa de cero sanciones del material comercial, el número de acreditación del laboratorio, nombres o logos de clientes de Cessca sin autorización, páginas por ciudad sin presencia real, y cualquier cifra de experiencia hasta que exista el dato.
Cómo se desarrolló
- 01
Levantamiento y arquitectura
Seis líneas de servicio, seis páginas, seis grupos de palabras clave. Mapa de URL fijo antes de escribir una página.
- 02
Sistema de diseño antes de la primera pantalla
Colores, tamaños, espaciado y componentes en un documento; ningún valor escrito a mano en el CSS.
- 03
Subproyectos con especificación y plan
Siete subproyectos; cada uno borra de la lista de rutas pendientes las páginas que entrega. Esa lista solo puede encoger.
- 04
Verificador antes que páginas
Las reglas de calidad se escribieron como comprobaciones automáticas con pruebas, para que ninguna página se dé por terminada sin pasarlas.
- 05
Flujo de contenido sin atajos
Brief de página → aprobación → redacción → revisión SEO → validación del cliente → publicación. Lo normativo lo valida el cliente siempre.
- 06
Lista de datos que faltan, entregada al cliente
Ordenada por lo que desbloquea: primero lo que impide publicar, después las preguntas concretas, después imágenes y marca. 113 commits entre el 14 y el 18 de agosto de 2026.
Tecnología
Eleventy 3 con plantillas Nunjucks; CSS y JavaScript propios, sin frameworks en el navegador; HTML estático servido por Apache en Hostinger. Verificador en Node con pruebas propias. Catálogo y normas diseñados como datos (JSON que el cliente edita) más una plantilla por tipo de ficha.
Cifras verificadas
- Páginas construidas
- 10
- Plantillas
- 7
- Subproyectos integrados
- 4 de 7
- Borradores bloqueados (18 ago 2026)
- 126
- Ritmo
- 113 commits en 5 días
- Líneas de servicio con página propia
- 6
- Normas con laboratorio propio
- 7
- Dependencias en el navegador
- 0
Métricas de negocio: ninguna todavía, porque el sitio no está en línea. Se publicarán (clics a WhatsApp por servicio, solicitudes, posición en Google) cuando el cliente las mida a 30 y 90 días de la publicación.
Qué cambió
Separa lo confirmado de lo que falta
Cada dato sin confirmar aparece como Pendiente de confirmar, visible para quien revisa, y el candado impide subirlo por descuido.
Cada servicio con página propia
Misma estructura, alimentada con datos, sin rediseñar nada al agregar la siguiente.
Cessca sabe de qué se trata cada mensaje
El WhatsApp llega con el servicio, el producto o la norma de origen antes de contestar.
Errores de posicionamiento detectados antes de publicar
Canónicas que apuntan a otra página, descripciones duplicadas, imágenes sin dimensiones.
Lo que no se publica, por escrito
En vez de discutirlo cada vez.
Una sola lista de lo que se necesita del cliente
Ordenada por lo que desbloquea, en lugar de preguntas sueltas por WhatsApp.
¿Tu despacho o consultora vive de recomendaciones?
Sin un sitio que traiga solicitudes, o con uno que promete cosas que tú no dijiste. Cuéntanos qué debe pasar cuando alguien llega a tu sitio.