Website / Energy / Concept
A solar-installer website for Bijeljina where one day on the roof is simulated hour by hour, from sunrise to night.
Project overview
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).
The goal was to make the offer easier to understand, present the work with stronger context and create a smoother path from first impression to contact, inquiry, booking or product evaluation.
A closer look
Open any image for a full-screen preview.
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.
Trust and performance signals
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.
The thinking behind the work
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.
How it works
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
Deliverables
Website
Concept & copy (sr)
UX/UI Design
GSAP motion
SVG simulation
Savings calculator
Build something similar
Send a short message about your business, market, current site and goal. Panic Digital can help define the structure, design, development and SEO foundation for the next step.
Contact Panic Digital
Continue exploring
+A gym website for Doboj that shows twelve weeks of progress as plates loading onto a barbell.
View next caseRelated project pages