Demo navegable · Energía solar y renovables
Helia
Plantilla para energía solar y renovables.
Hero fotográfico con interruptor día/noche: la misma casa, con sol y bajo las estrellas, factura cero.
- Piezas incluidas
- 8
- Estilos
- 3
- Sectores
- 2
Diseño web para energía solar y renovables
Plantilla para instaladoras de placas solares, autoconsumo y renovables con un único mensaje protagonista: factura de luz cero. Una foto de casa con paneles ocupa toda la pantalla y un interruptor día/noche la transforma de mañana a noche con una animación de arrastre con rebote, demostrando visualmente que la garantía funciona a cualquier hora. Tipografía Outfit, paleta arena/oliva y cero librerías.
Helia es una demo navegable para energía solar y renovables. Está pensada para que quien entra entienda rápido qué ofrecéis y acabe contactando o reservando; la adaptamos a vuestra marca, vuestros textos y vuestros servicios.
La demo está construida con Astro y Svelte, el mismo stack que usamos en producción. En todos cuidamos lo mismo: carga rápida, HTML semántico y contenidos bien estructurados para que vuestro negocio se encuentre en buscadores y asistentes de IA.
Qué incluye
- Interruptor día/noche con animación «pull-down» y rebote
- Foto de producto a pantalla completa (día y noche autoalojadas)
- Doble capa de fondo: imagen nítida + desenfoque que asoma al cambiar
- Velos de desenfoque progresivo en cabecera y pie (backdrop-filter)
- Titular con acento cromático que se invierte con el tema
- Entradas escalonadas en cascada sin librerías (CSS puro)
- Menú móvil de cajón a pantalla completa con hamburguesa animada
- Responsive mobile-first y respeto de prefers-reduced-motion
Temas relacionados. Del mismo sector o con estilos en común.
La web presenta la empresa. El sistema la hace funcionar.
Cuando la web empieza a traer clientes, lo siguiente que pide una pyme es orden por dentro: saber qué entra, qué se factura y quién lleva cada cosa. Esto es lo que solemos construir después.
-
Necesidad 01 · Cuadros de mando y analítica
Cuadro de mando de dirección
Ventas, margen y captación en una sola pantalla, con los datos de la web y del ERP cruzados y un asistente al que preguntar sin abrir un Excel.
-
Necesidad 02 · Finanzas y contabilidad
Facturación Verifactu
Facturas encadenadas y remitidas a la AEAT dentro de vuestro propio flujo, sin depender de un programa de escritorio que nadie actualiza.
-
Necesidad 03 · RR. HH. y equipos
Operaciones de equipo
Incorporaciones, tareas y seguimiento de cada persona nueva en un panel propio, en lugar de en un correo reenviado.
Sistemas a medida de