HTML5
CSS3
JavaScript
Leaflet
Supabase
PostgreSQL
Apache1) Ubicación en mapa
El usuario coloca su domicilio en un mapa interactivo (Leaflet) y completa datos mínimos para contacto.
Caso · Compufuturo
Transformación digital y sistema de gestión de cobertura
Evolucionamos una web estática hacia una plataforma robusta y escalable: UX responsive, seguridad del servidor y un sistema de cobertura geográfica integrado con Supabase.
Sistema de cobertura
Mapa + lead capture + panel admin
Seguridad del hosting
Hardening Apache + rutas autorizadas
Conversión
WhatsApp comercial + tracking de fuentes
Stack
HTML5
CSS3
JavaScript
Leaflet
Supabase
PostgreSQL
Apache
Capturas reales
Screenshots del sitio, el flujo de cobertura y el landing de fibra óptica.
Flujo de cobertura (end-to-end)
Cómo se conecta la experiencia pública con la operación interna.
2) Captura y privacidad
Se guarda la solicitud sin exponer polígonos técnicos. El flujo se optimiza para conversión y ventas.
3) Panel administrativo
Admin gestiona solicitudes, dibuja zonas de cobertura y mueve el embudo (Prospecto → Contactado → Cliente).
Resumen del proyecto
Lideramos la evolución de la presencia digital de Compufuturo: optimización del frontend, hardening del servidor y desarrollo de un sistema de cobertura geográfica con captura de leads y panel administrativo.
Alcance
UX y responsive, módulos públicos y administrativos, backend con Supabase (PostgreSQL + RLS), seguridad de hosting y optimización SEO/Conversión.
UX
Responsive
Mapa
Admin
Supabase
Apache
Valor de negocio
Priorizamos conversión y operación: captación de prospectos desde el mapa, privacidad de cobertura técnica, embudo comercial en el panel y redirección inteligente a WhatsApp con rastreo de fuentes.
Conversión
Privacidad
Operación
Desafíos y soluciones (5 frentes)
Un proyecto completo: experiencia de usuario, geolocalización, backend, seguridad y optimización comercial.
1) UX y responsive design
Reconstruimos secciones críticas (Planes de Fibra y Antena) con CSS3 custom para eliminar colisiones de frameworks, estabilizando breakpoints para mobile, tablet y desktop.
2) Sistema de cobertura inteligente (público + admin)
Módulo público con mapa interactivo (Leaflet) para capturar leads y ubicar domicilio; polígonos ocultos para proteger privacidad del negocio. Panel admin para dibujar zonas, editar polígonos y gestionar el embudo (Prospecto → Contactado → Cliente).
3) Infraestructura y backend con Supabase
Migración a PostgreSQL gestionado, políticas RLS y funciones RPC para validación de roles administrativos. Sincronización estable entre entornos para no perder solicitudes.
4) Seguridad y hardening de servidor
Configuración avanzada de Apache (.htaccess) para reducir superficie de ataque: mitigación de exposición de estructura de directorios y acceso solo a rutas autorizadas.
5) SEO y optimización de conversión
Ajuste de semántica HTML y metadatos para SEO. Flujo de ventas optimizado hacia WhatsApp comercial y rastreo de fuentes (eventos, locales físicos, vendedores).
Stack tecnológico
Tecnologías seleccionadas por performance, mantenibilidad y seguridad.
Frontend
HTML5, CSS3 (custom), JavaScript Vanilla
Geolocalización
Leaflet.js (mapas interactivos y capas híbridas)
Backend / DB
Supabase (PostgreSQL, Auth, PostgREST, RLS)
Servidor
Apache, .htaccess (security hardening)
Herramientas
Git, deployment por empaquetado optimizado
Resultados clave
Impacto visible en operación y conversión.
Visualización inteligente
Mapa administrativo con iconografía diferenciada para prospectos (amarillo) y clientes convertidos (naranja).
Cero deuda técnica
Resolución de errores críticos: recursión en políticas de acceso y manejo de errores de parseo (JSON) para una operación estable.
Conversión directa
Flujo optimizado desde consulta de cobertura hasta cierre comercial con redirección a WhatsApp y rastreo de fuentes.