Concept/Demo
Solar & Energy: a website direction for your business.
A sizing tool that shows its working — usage, roof fit and which one limits the system — and refuses to promise savings or payback.
Concept/demo. Sample business details, prices and availability are illustrative. Journeys run in the browser; no booking, order, payment or request is sent.
Business need
Make the next step clear.
For solar & energy, visitors need to understand the offer, inspect the details, and see how to take the next step. This concept makes that journey visible before a real project is scoped.
Design direction
Diagram-led technical. Typography uses Archivo and Source Sans 3, with a palette developed for this concept.
Primary journey
Usage, daylight share, roof, facing, shade → system size with every step shown → survey request preview
Frontend features
Explore what the interface does.
- Usage and roof inputs
- Explained sizing calculation
- Survey request preview
Making it production-ready
- Your business content and photography
- A confirmed scope, pricing and timeline
- Backend, payment, booking or third-party integration where your workflow needs it
The sample interface does not establish live stock, availability, payments, professional services, or business outcomes.
Desktop & mobile
Try the same journey on your screen.
The live demo adapts to desktop and mobile. Open it to explore layouts and controls at your own screen size.
Photography credits
Sources used in this concept
- aerial-rows.jpg — Philipp Source · Licence
- cells-mono.jpg — Bernd Dittrich Source · Licence
- flat-roof-rows.jpg — Angie Warren Source · Licence
- hero-sunset-roof.jpg — Nuno Marques Source · Licence
- house-array.jpg — Markus Winkler Source · Licence
- houses-dark-roofs.jpg — Mischa Frank Source · Licence
- large-array.jpg — Soren H Source · Licence
- panel-grass.jpg — Adriano Source · Licence
- panel-grid-close.jpg — Markus Spiske Source · Licence
- panel-sky-edge.jpg — Benjamin Jopen Source · Licence
- panel-wet-reflection.jpg — Adhitya Sibikumar Source · Licence
- panels-angle.jpg — Chirayu Trivedi Source · Licence
- panels-dusk.jpg — Michael Pointner Source · Licence
- roof-city.jpg — Jeroen van de Water Source · Licence
Build around your actual business.
Share your goals, content and workflow. We will define the design, features, integrations, scope and quotation with you.