Built an interactive hero section where you can toggle
each room's lights on and off independently.
Built using Framerš„
The kind of detail that makes clients say
"How did you do that?"
Halden - Landing Page Concepts
Halden sells to grid operators, and there were two good ways to pitch it: tell them what's coming, or show them everything happening now. Rather than pick one on instinct, I designed the landing page as an A/B test so real traffic decides.
The two pages share one 12-column grid, the same section order, type system and components. Each variant changes only its message, its hero visual and its light color, so any difference in demo requests comes from the pitch and not the layout.
The work was building a system flexible enough to carry two different stories without either one feeling like the backup version.
Forecasting (act before demand spikes) vs metering (see and bill every kilowatt)
I'd pick Forecasting. "From meter reading to early action" tells a grid operator what they get in one line. Did you write both hero lines before designing the visuals?
Which hero would actually make you book a free roof check?
Redesigned the hero section for Solarshop, a New Zealand solar company.
The original had everything it needed but nothing was working together. Stats were floating around, two cards just sitting on top of a photo, no clear place for your eye to land.
So I kept the same general layout but actually made it do something. Full bleed photo, cards anchored to the bottom corners, stats moved inside the left card where they actually support the headline. Typography got more contrast too, the golden italic reads properly now.
The goal was to make it feel more premium without losing that local, approachable feel they had going.
The "After" layout feels so much more cohesive. Two quick catches, the primary CTA has a small typo and the headline says Your home, powered by the sun but the background image shows a massive industrial solar farm rather than residential rooftops.