SkyforgedStart a project
  • Website
  • 2026
  • In progress

A rooftop-solar site that opens with a savings estimate from the visitor's own electricity bill, in build

Client
Petrichor Solar
Sector
Rooftop solar
Location
Bengaluru
Services
Website
Stack
Astro · React · TypeScript · Tailwind CSS · GSAP · Lenis · Vitest · Cloudflare Pages
In progress All work
Petrichor Solar website, first screen

Recorded from the live site, scrolled by hand.

Petrichor Solar on a phone, screen one

The business

Petrichor Solar designs, installs and maintains rooftop solar systems for homes, housing societies and businesses across Bengaluru.

What we built

  • A home page with a savings estimator in the hero: move the bill slider and an estimated yearly saving updates
  • Sections for homes, housing societies and businesses, a six-step walk from site survey to switch-on, and the government subsidy for homes
  • Service blocks for rooftop systems, installation and maintenance, and a sample projects carousel
  • The solar maths as its own tested module, ready for the full calculator page
  • A mobile action bar for call, WhatsApp and the calculator

How it works

Instead of asking for a phone number first, the site answers first: the visitor sets their monthly bill and sees an estimate straight away, which gives them a reason to ask for a site survey. The estimate comes from one shared calculation module with its own tests, so the hero and the full calculator page give the same answer.

Status

In progress.

Petrichor Solar, website screen one
Petrichor Solar, website screen two
Petrichor Solar, website screen three

On a phone

Petrichor Solar on a phone, screen two
Next project

Svarga

Website · Studio concept: luxury residences · Concept