Landing Page con Comparador y Cotizador de Alarmas para Hogar y Negocio

El desafío

El servicio orienta a personas y negocios que quieren contratar una alarma monitoreada y no saben cómo comparar las alternativas del mercado. El sitio debía explicar en pocos pasos qué se compara y llevar al visitante a pedir orientación sin compromiso. El primer desafío era comparar proveedores sin prometer lo que el servicio no controla. Precios, cobertura, permanencia y equipos dependen de cada proveedor y se confirman en la cotización, por lo que la comparación no podía presentar cifras ni condiciones como definitivas. Las marcas de terceros debían citarse solo como referencia. El segundo era la calidad de las solicitudes. Un mensaje genérico de contacto obliga al asesor a preguntar todo desde cero. Se necesitaba que cada solicitud llegara con el tipo de inmueble, el plazo de instalación, la principal preocupación y la preferencia de marca ya respondidos. Además, el sitio debía funcionar en un hosting compartido con PHP, sin servicios externos para el envío de correos.

La solución

Desarrollamos una landing page estática que guía al visitante desde la comparación hasta la solicitud. El recorrido incluye portada, franja de proveedores, selector por tipo de inmueble, tabla comparativa, explicación del proceso en tres pasos, cotizador, beneficios y un llamado final. La tabla comparativa agrupa los criterios en tecnología y servicio, y en lo que conviene revisar antes de contratar. Cuando un aspecto depende del plan o del contrato, la tabla lo dice de forma explícita en lugar de afirmar una condición. La comparación muestra su fecha de revisión y el pie de página aclara que las marcas pertenecen a sus titulares. El cotizador es un cuestionario de cinco pasos: cuatro preguntas de selección y un paso final con nombre, correo y autorización para compartir los datos con el asesor. Antes de enviar, el visitante ve el resumen de sus respuestas y elige el canal: correo o WhatsApp. Por WhatsApp, el mensaje llega ya redactado con todas las respuestas. El envío por correo lo resuelve un script en el mismo hosting. Valida cada respuesta contra las opciones permitidas, limita los envíos por dirección IP e incluye un campo trampa contra spam. Envía un aviso interno con la solicitud y una confirmación al visitante. Las animaciones son una mejora progresiva: sin JavaScript todo el contenido queda visible, y se respetan las preferencias de movimiento reducido.

Entregables y alcance

• Landing page estática desarrollada con Astro y Tailwind CSS, publicada en hosting compartido con PHP
• Tabla comparativa de tres proveedores con criterios de tecnología, servicio y condiciones de contratación
• Fecha de revisión visible en la comparación y aclaración sobre las marcas de terceros
• Selector por tipo de inmueble: casa, departamento, negocio o empresa
• Cotizador de cinco pasos con barra de progreso, resumen de respuestas y validación accesible de errores
• Envío de la solicitud por correo o por WhatsApp con el mensaje ya redactado
• Script de envío de correos con validación en servidor, límite de envíos por IP y campo trampa contra spam
• Aviso interno al negocio y correo de confirmación al visitante
• Animaciones de entrada como mejora progresiva, con respeto por la preferencia de movimiento reducido
• Datos estructurados Schema.org de tipo ProfessionalService y WebSite
• Redirección a HTTPS, encabezados de seguridad HTTP, sitemap, robots.txt y archivo llms.txt para asistentes de IA
• Página de política de privacidad y términos
• Pruebas automatizadas de la lógica del cotizador, la comparación y las animaciones