Cliente: SG Solar
Tecnologías: Next.js | React | TypeScript | Tailwind CSS | Node.js
Fecha de Lanzamiento: 23 de julio de 2026
Diseño y desarrollo de la landing page de SG Solar: empresa de paneles solares en Guadalajara con simulador de ahorro solar y captación de leads por WhatsApp
SG Solar es una empresa de ingeniería solar con sede en Guadalajara, Jalisco, que diseña e instala sistemas fotovoltaicos para hogares, comercios, industria y campo, con cobertura en Jalisco y Nayarit. Paneles Tier 1, trámite de interconexión ante CFE y monitoreo 24/7 forman parte de su propuesta.
En el sector de energía solar, la venta empieza con un número: cuánto va a ahorrar el cliente. Quien busca paneles solares llega con su recibo de CFE en la mano y quiere una respuesta rápida, creíble y sin letras chiquitas. Ese fue el punto de partida de todo el proyecto.
Objetivo del proyecto
Diseñar y desarrollar una landing page para una empresa de paneles solares que funcionara como su principal canal de captación de prospectos, con foco en:
- Convertir el tráfico en solicitudes de cotización con un mensaje directo: instala paneles solares y ahorra en tu recibo de luz
- Hacer tangible el ahorro con un simulador interactivo basado en la tarifa DAC de CFE
- Captar leads por dos vías: formulario con respuesta en menos de 24 horas y WhatsApp con mensaje precargado
- Transmitir autoridad técnica: ingeniería propia, paneles Tier 1, trámite ante CFE y monitoreo 24/7
- Sentar una base de SEO local para Guadalajara, Jalisco y Nayarit con datos estructurados
El resultado: una landing page rápida, clara y orientada a una sola acción — pedir una cotización — que trabaja 24/7 captando prospectos para SG Solar.
Galería del Proyecto
Qué incluye la landing page
1️⃣ Diseño orientado a conversión
- Hero con propuesta de valor directa: «Instala paneles solares y ahorra en tu recibo de luz»
- Segmentación desde el primer clic: botones «Soy un hogar» y «Soy una empresa» que llevan a la cotización o al simulador
- Cifras clave visibles desde el inicio: reducción de costos, retorno de inversión, deducción fiscal y garantía de más de 25 años
- Identidad visual alineada a la marca (naranja solar sobre azul marino), con modo claro y oscuro
2️⃣ Simulador de ahorro solar
La pieza central de conversión. El visitante mueve un slider con lo que paga de luz al bimestre y ve al instante cuánto podría ahorrar al año, cuántos paneles necesita y una proyección mes a mes de los próximos 12 meses. El cálculo usa la tarifa DAC de CFE, las horas sol pico de Guadalajara y el rendimiento real de un panel Tier 1, con la curva estacional de la región: pico en primavera y baja en temporada de lluvias.
Al terminar, el simulador ofrece continuar por WhatsApp con un mensaje precargado que ya incluye el pago bimestral, los paneles estimados y el ahorro proyectado, o bien llenar el formulario de contacto. El prospecto llega a la conversación con el asesor con sus números en la mano.
3️⃣ Captación de leads: formulario + WhatsApp
- Formulario de cotización con nombre, celular, correo, pago bimestral y tipo de solución (residencial, comercial, industrial o agrícola)
- Protección anti-spam con Cloudflare Turnstile y límite de envíos por IP
- API propia en Node.js que valida los datos y envía dos correos: notificación al equipo de SG Solar y confirmación al cliente
- Botón flotante de WhatsApp y llamados a la acción de contacto en cada sección clave
- Promesa clara y verificable: «Cotización en menos de 24 horas»
4️⃣ Contenido que construye autoridad
- Sección «¿Por qué elegir SG Solar?»: ingeniería propia, paneles Tier 1, trámite ante CFE al 100 % y monitoreo 24/7
- Proceso en 4 pasos: consulta y diagnóstico, propuesta de ingeniería, instalación certificada y activación con monitoreo
- Preguntas frecuentes sobre paneles solares con respuestas indexables (schema FAQPage)
- Páginas legales: aviso de privacidad, términos y condiciones y aviso legal
5️⃣ SEO local para Guadalajara, Jalisco y Nayarit
- Datos estructurados JSON-LD: LocalBusiness con área de servicio y catálogo de servicios, más FAQPage
- Meta títulos, descripciones y Open Graph optimizados para «paneles solares» y «ahorro en el recibo de luz»
- Sitemap.xml y robots.txt generados en el build
- Textos alternativos descriptivos en imágenes y estructura semántica de encabezados (H1–H3)
6️⃣ Tecnología: Next.js, React y TypeScript
- Desarrollo con Next.js y exportación estática: carga rápida y hosting ligero en VPS con Nginx
- React + TypeScript + Tailwind CSS con componentes shadcn/ui y animaciones de entrada
- Diseño responsive mobile-first para el tráfico de campañas y redes sociales
- Backend en Node.js / Express para el procesamiento seguro de formularios
Enfoque del desarrollo
Una landing page de paneles solares no vende paneles: vende un ahorro. Cada decisión — el slider del simulador, el orden de las secciones, el mensaje precargado de WhatsApp — se tomó para responder lo antes posible la única pregunta que tiene el visitante: «¿cuánto me voy a ahorrar?». Cuando esa respuesta aparece en pantalla en segundos, pedir una cotización deja de ser un salto de fe.
Impacto del proyecto
- Canal de captación de prospectos funcionando 24/7 (simulador + formulario + WhatsApp)
- Prospectos mejor calificados: llegan al asesor con su consumo y su ahorro estimado
- Presencia digital a la altura de una empresa de ingeniería solar
- Base de SEO local lista para posicionar «paneles solares en Guadalajara»
- Arquitectura estática y escalable, lista para recibir tráfico de campañas en Google y redes sociales
¿Tu empresa de energía solar necesita una landing page que convierta?
En MFranyutti diseñamos y desarrollamos landing pages orientadas a conversión para empresas de paneles solares, energía y servicios en todo México: simuladores de ahorro, formularios inteligentes e integración con WhatsApp.
Si necesitas una herramienta interactiva a la medida — simulador, cotizador o calculadora — que convierta visitas en prospectos, conversemos.
