A computer render with a webpage 'design-led solar' is written in black

Leoht

A new website for design-led solar

Leoht’s mission is simple, to accelerate the adoption of residential renewable energy in the UK and increase people’s self-sufficiency. By providing homeowners with high performing – quality solar power systems in a way that is clear, transparent and accurate with competitive pricing. Leoht approached us to help them redesign, rebuild and support their website to help make this mission achievable. Using the brand’s strapline ‘design-led solar’ as our primary source of inspiration, we reimagined Leoht’s digital presence to be warm, transparent and relatable. We achieved this by using colours, imagery and photography that balances feelings of cutting edge and sustainability throughout the user experience. We also brought the brands mascot, Frank, to life using lottie animations to bring a sense of personality and fun to the site using bespoke animations to help guide the user through the process.

a blue figure with extra large eyes on a cream background
buildings with desin-led solar written in the sky above
a green background with a cream rectangle and a blue figure with large eyes

What we did

Leoht’s mission is simple, to accelerate the adoption of residential renewable energy in the UK and increase people’s self-sufficiency. By providing homeowners with high performing – quality solar power systems in a way that is clear, transparent and accurate with competitive pricing. Leoht approached us to help them redesign, rebuild and support their website to help make this mission achievable. Using the brand’s strapline ‘design-led solar’ as our primary source of inspiration, we reimagined Leoht’s digital presence to be warm, transparent and relatable. We achieved this by using colours, imagery and photography that balances feelings of cutting edge and sustainability throughout the user experience. We also brought the brands mascot, Frank, to life using lottie animations to bring a sense of personality and fun to the site using bespoke animations to help guide the user through the process.

a digital render of a hand holding a mobile phone

Bespoke calculator plugin

One of the key selling points for the Leoht website was their online calculators. Created to help users work out what system would work best for them, how much energy it would generate, how much installation would cost and what their return on investment could look like. Built using paid for 3rd party plug ins, the calculators were expensive and poor performing on the previous site. To solve this, we created a custom plug in that allowed us to fully design the calculators to work on all devices, more functionality and control of the data and user tracking as well as a significant increase in page performance to help the user experience.

a mobile phone with a green webpage and information about solar panels
a digital render of a laptop and map
digital render of an online solar cost and savings calculator
a digital calculator showing how much electricity an electric car uses
a landscape with a green rectangle and information about a tesla powerwall
a digital render showing three mobile devices and a calculator

Need your website to do website-plus things?