Make Visible energy

ROLE:

PRODUCT DESIGNER

CLIENT:

OCTOPUS ENERGY

YEAR:

2026

EXPERIENCE:

DESIGN TEST

Designing how Octopus could make renewable energy visible to raise user awareness.

Overview & Problem.

Energy usage is often driven by convenience rather than awareness.
Renewable energy availability constantly fluctuates, but this dynamic is not part of users’ everyday decision-making.

While Octopus already reflects these changes through pricing, the system remains abstract and easy to ignore. As a result, energy is consumed habitually, not when it is most sustainable.

This project explores how renewable energy can be made more visible and understandable, so users can better align their usage with it.

Objetives.

Make renewable energy availability visible in real time
Help users recognise when energy is cleaner to use

Tools.

Figma

Google meets

FigJam

My role.

Led the end-to-end design process within a limited timeframe, from initial exploration to final prototype
Designed the Renewable Pulse interface and its integration into the homepage flow

Insight.

Energy is visible through pricing, but not understandable as a system.
Users are exposed to dynamic pricing (Agile tariff), but this does not help them grasp when energy is cleaner or why it changes.

Solution.

Live Renewable Pulse

A real-time interface integrated into the homepage that makes renewable energy availability visible beyond pricing.

It translates complex system data into simple, intuitive signals, allowing users to recognise when energy is cleaner and how it fluctuates over time.

By exposing renewable availability in a more accessible way, the system becomes easier to understand and more relevant to everyday decisions.

My role.

Led the end-to-end design process within a limited timeframe, from initial exploration to final prototype
Designed the Renewable Pulse interface and its integration into the homepage flow

Insight.

Energy is visible through pricing, but not understandable as a system.
Users are exposed to dynamic pricing (Agile tariff), but this does not help them grasp when energy is cleaner or why it changes.

Solution.

Live Renewable Pulse

A real-time interface integrated into the homepage that makes renewable energy availability visible beyond pricing.

It translates complex system data into simple, intuitive signals, allowing users to recognise when energy is cleaner and how it fluctuates over time.

By exposing renewable availability in a more accessible way, the system becomes easier to understand and more relevant to everyday decisions.

UI Design.

From marketing to system awareness.
The homepage is restructured to prioritise energy visibility over promotional content. Key signals, such as energy loss and renewable availability, are surfaced earlier, with Renewable Pulse acting as the central element of this shift.

Prototype.

Designing how Octopus could make renewable energy visible to raise user awareness.

See It Live!

Design Test | (Octopus) 2025

More to explore.

View

Vínculos (Bonds)

View

Ops. Design System

View

Vínculos (Bonds)

View

Ops. Design System

View