Website / Energy / Concept
A solar-installer website for Bijeljina where one day on the roof is simulated hour by hour, from sunrise to night.
Projektüberblick
Solaris Energija is a concept website for a company that designs and installs solar power plants for homes, businesses and farms in Bijeljina and Semberija. Ice grey, deep navy and a warm sun gradient with Sora headlines keep it clear and technical. The pinned 'one day on the roof' scene moves the sun across the sky from 05:00 to 23:00 over an SVG house: panels light up, energy flows to the battery, the house, an EV charger and the grid, and live readouts show production, battery level and export, based on a simulated 10 kWp system with a 10 kWh battery (example values).
Ziel war es, das Angebot verständlicher zu machen, die Arbeit mit mehr Kontext zu zeigen und den Weg vom ersten Eindruck bis zu Kontakt, Anfrage, Buchung oder Kaufentscheidung zu vereinfachen.
Im Detail
Jedes Bild öffnet sich als Vollbild-Vorschau.
Case Study
People considering solar want two answers: how it works on an ordinary day and what it would save them. The concept shows the first with a simulated day on a real-sized system and answers the second with a calculator that feeds the quote request.
Vertrauen und Performance
05–23 h
One day on the roof
Sun, panels, battery, house, EV charger and grid in one pinned SVG scene.
10 kWp
Simulated system
With a 10 kWh battery; production, battery and export readouts are example values.
94
Desktop Lighthouse
91 on mobile. 100 for accessibility, best practices and SEO.
Die Überlegungen hinter dem Projekt
The brief
Solar is a large, technical investment. The audience in Semberija includes households, small businesses and farms, so the page explains the system through one familiar thing, a single day, and keeps the numbers honest by labelling them as examples.
Design direction
Sora headlines with a sun-coloured second line, Manrope for text and Geist Mono for readouts. Light grey and white for daytime sections, deep navy (#0A1A33) for the night and the simulation.
Calculator & quote
The savings calculator takes a monthly electricity bill between 50 and 400 KM, the type of building and an optional battery, and estimates system size in kWp, number of panels, yearly production and payback. Those numbers carry into a three-step quote form that opens in Viber or WhatsApp.
So funktioniert es
01
Simulate a 10 kWp system with a 10 kWh battery over a summer day.
02
Draw the house, panels, battery, charger and grid as one SVG.
03
Pinned day cycle, energy flows and live readouts.
04
Savings calculator that prefills a three-step Viber / WhatsApp quote.
Design-Assets
Leistungen
Website
Concept & copy (sr)
UX/UI Design
GSAP motion
SVG simulation
Savings calculator
Etwas Ähnliches bauen
Schicken Sie eine kurze Nachricht zu Ihrem Unternehmen, Markt, Ihrer aktuellen Website und Ihrem Ziel. Panic Digital hilft bei Struktur, Design, Entwicklung und SEO-Grundlage für den nächsten Schritt.
Panic Digital kontaktieren
Weiter entdecken
+A gym website for Doboj that shows twelve weeks of progress as plates loading onto a barbell.
Nächste Case StudyÄhnliche Projekte