Case study

I'M Energy

A new electricity and gas supplier on the free market, for homes and businesses, with clear prices and real people who answer.

Industry
Electricity and gas
Based in
Turin
What we built
Website and admin panel
The I'M Energy website on desktop
The I'M Energy website on a smartphone

The goal

Energy, without the jargon.

A new website for a new supplier: explaining electricity and gas in everyday words and leading to an offer request in a few steps.

  1. 01

    Plain words

    Offers, bills and switching supplier with no jargon.

  2. 02

    A guide

    The I'M mascot leads the way from home page to offer request.

  3. 03

    A few steps

    The offer estimate is requested in four steps.

What we built

Understand, then choose.

A house to explore.

On the home page a house at night with four points to tap: electricity, gas, dual fuel and business. At each point the I'M mascot explains the offer and the card beside it changes.

The home page house: tapping the gas, dual fuel, business and electricity points changes the offer card

Switching supplier, in stages.

The How it works page tells the switch in four stages that slide sideways: activation, free market, continuity of service and the data you need.

The four stages of switching supplier sliding horizontally with the scroll

The estimate in four steps.

Postcode and type of user, supply, consumption, contact details: one step at a time, with the summary filling in beside it. No technical data needed to start.

The offer request form: postcode, home, electricity and gas, regular consumption, up to the contact step

Difficult words, explained.

Each offer is split into the moments when a question comes up, the bill is read area by area, and POD and PDR become two codes to find, not an exam.

  • The electricity offer in four moments
  • The bill, area by area
  • POD and PDR

A website the client runs.

Behind the website there is a custom back office: I'M Energy changes the most important information on its own, without touching the code or calling us.

  • Offer information, updated from the back office
  • Magazine articles, to write and publish
  • Website content, changed without touching the code

Built with

  • Next.js
  • GSAP
  • Tailwind CSS

The website

Open an image to see it full size.

  • Home page
  • Offers
  • Offers, the panels to open
  • Home electricity offer
  • How it works
  • Switch, transfer, takeover
  • Become a partner
  • Support
  • Magazine

Next project

Back to projects

Case study

Menti Esplosive

Business networking, Web platform

The professional social platform for Italian companies: company showcases, a board by sector and a chronological feed, with no algorithms.

See the project: Menti Esplosive
The Menti Esplosive website on desktop
The Menti Esplosive website on a smartphone

Your project could be next.

Tell us how your website works today and what isn't working. We'll start from there, with no commitment.

Let's talk