TYCHALOG
A roof designer that updates live
Drag across the roof to place panels, and see yearly generation, savings, payback and CO₂ avoided change instantly.
Gyms, auto & energy
Solar installer website
Homeowners want to know what solar will save them before they call — so the website should let them calculate it themselves. Sky does that literally: a scrolling sky that moves with the sun, an interactive roof designer where you paint panels onto a roof and watch savings, payback and CO₂ update live, alongside battery storage, EV charging, monitoring and a process that promises a fixed price in three days.
What's inside
Every section below is already built and working in the live demo — not a mock-up.
The four-part system diagram
Rooftop solar, battery storage, EV charging and monitoring, each explained with a tap in an interactive illustration.
A five-step process timeline
From site survey to design, permits, installation and switch-on, laid out day by day so homeowners know exactly what to expect.
A quote form that carries the context
Asks for roof address, yearly consumption and roof type, so the enquiry arrives ready for a fixed-price offer.
Why this design works
- The roof designer gives homeowners a reason to stay on the page and share it — they see their own roof's potential, not a generic promise.
- The scrolling sky and sun animation borrow the language of solar energy, so the company feels dynamic and modern without being gimmicky.
- Clear services and a step-by-step process in plain words help homeowners understand exactly what they're buying, from survey to switch-on.
From template to your website
- 1Pick a template you like — open it live, scroll, click around.
- 2Choose a plan. Industry templates are included; a paid design adds a one-time licence.
- 3We adapt it to your brand, content and language, then launch it.
Included with every plan
- Custom-designed business website with up to 7 pages (home, about, services, contact and more)
- Mobile-first, fully responsive layout tested on phone, tablet and desktop
- Contact form with email notifications, plus WhatsApp and click-to-call buttons
- On-page SEO setup: page titles, meta descriptions, sitemap and Google indexing
- Hosting, SSL certificate and security updates included for the whole term
- One language included — add more languages any time as an add-on
Questions we get asked
Can I update the savings numbers later?
The calculator is set up with your panel specs, local irradiance and electricity tariff before launch. Changes after launch go through our support team.
Can customers pay or book a survey online?
The quote form sends an enquiry with the roof details. Online booking and payments come with the Business plan's scheduling and checkout integrations.
Is the roof designer just a gimmick?
No — it runs on real engineering numbers (module wattage, local irradiance, tariff) and gives homeowners a realistic estimate. The design is modern but restrained, and colours and type are adapted to your brand before launch.
More in this industry
All websites for this industry →
Ready when you are
Pick the design, choose a plan, and we adapt it to your business, your content and your language before it goes live.