Energy2026UA
AUREON
Solar plants and storage for homes and businesses — with the payback calculation people actually came for, on the page.
- Website
- Calculator
- Lead capture
- Industry
- Energy
- Engagement
- 5 weeks
- Team
- 1 designer · 1 engineer
- Platforms
- Marketing site · Savings calculator
01
Challenge
Everyone considering solar is asking one question: what will this cost me and how long until it pays for itself. Most installer sites answer it with a contact form.
The honest version of that answer depends on roof, consumption, tariff and storage — which is a real model, not a slider that multiplies two numbers.
- Offer
- Design and installation, home and business
- Scope
- Generation plus energy storage
- Core question
- Cost and payback period
02
Solution
A calculator that takes the inputs which genuinely change the answer — consumption, roof orientation and area, tariff, whether storage is included — and returns a range with the assumptions attached.
It produces an estimate, clearly labelled as one, and hands over to a real survey rather than pretending precision it cannot have. That framing is what makes the number trustworthy.
The result is carried into the enquiry, so the first conversation starts from the visitor's own numbers instead of from scratch.
- Model inputs
- Consumption · orientation · area · tariff · storage
- Output
- A range with stated assumptions
- Handover
- Calculation attached to the enquiry
03
Architecture
- L0SiteStatic
- L1Savings calculatorModel inputs
- L2Calculation modelAssumptions versionedEnquiryCarries result
- L3CRM / messagingExternalAnalyticsExternal
Connections (5)
- Site → Savings calculator
- Savings calculator → Calculation model
- Savings calculator → Enquiry · attach result
- Enquiry → CRM / messaging
- Savings calculator → Analytics · funnel events
04
UX
The calculator opens with sensible defaults so a visitor sees a plausible answer before touching anything — the first interaction is a correction, not a blank form.
Assumptions are visible next to the result rather than buried in a footnote, because a number you cannot interrogate is a number you do not believe.
05
UI
Warm and daylight-led, with the calculator given the visual weight of the primary product it effectively is.
Results are typeset as figures with units and ranges, never as a single triumphant number.
06
Development
The calculation model is a pure, versioned module with unit tests — the assumptions are data, so updating a tariff is a data change and the tests catch anything that shifts unexpectedly.
Funnel events are emitted at each step, so it is possible to see where people stop.
07
What it does
Savings calculator
Consumption, roof, tariff and storage inputs producing a payback range.
Visible assumptions
Every assumption shown next to the result it drives.
Residential and commercial
Two paths with different scale and financing considerations.
Storage systems
Energy storage modelled as part of the calculation, not an upsell.
Enquiry with context
The visitor's own calculation attached to the enquiry.
08
Integrations & stack
Integrations
- CRM / messaging
- Analytics
Frontend
- Next.js
- TypeScript
- Tailwind CSS
Logic
- Versioned calculation module
- Unit tests
09
Where it landed
- Answered on page
- Core question
- A range
- Output
- Versioned and tested
- Model
- Arrive with numbers
- Enquiries
Before any form
With assumptions attached
The sales conversation starts after the payback question, not before it — which changes who gets in touch.
Every build is designed for the phone as its own experience, not as a narrowed desktop layout.
Got a product that should exist by now?Tell us about it.
Describe what has to change in your business. We will work out what that actually takes — including when it takes less than you think.