The Challenge

A key challenge on this project was collaborating with another designer who owned the iOS designs while I was responsible for delivering the Android experience. The project itself was highly process-driven, involving regular meetings, workshops, and retrospectives to keep the team aligned and responsive to feedback. I also worked closely with UX designers, developers, technicians, and the client team on-site to gather insights, refine ideas, and ensure the designs met both user needs and technical constraints.

Style Guide

Another important part of the project was maintaining and updating the style guide. While it functioned more as a UI kit than a full design system, it was essential for keeping the app’s interface consistent as new features were added. The style guide allowed the team to scale the product efficiently, ensuring visual coherence across both Android and iOS while supporting a smooth handover between design, development, and client teams.

Shell Design System
Shell Design System
Shell Design System
Shell Design System
Icons
Icons

Meter Reads

One of the main features within the app was a tool that prompted users to enter their gas and electricity meter readings, including support for dual readings. The goal was to design a clear, intuitive flow with simple prompts and guidance to help users submit their readings accurately and manage their energy usage with ease.

Meter Reads - Take Reading
Meter Reads - Home
Meter Reads - Readings Submitted
Meter Reads - History
Switching - Modal
Switching - Card
Switching - Timeline
Switching - Confirm Tariff

Switching

A key user journey we designed was how users switch to Shell Energy, confirming their switch and keeping them updated with key progress milestones. Once completed, the journey onboarded users and helped them choose a new tariff, ensuring a smooth and clear experience from start to finish.

Loyalty

A challenging feature we worked on was a loyalty and rewards section that gave users access to exclusive savings on fuel at Shell service stations, along with a range of offers, benefits, and surprise rewards for loyal customers. It created a dedicated space within the app where users could view and redeem rewards, helping to strengthen customer relationships and add extra value to their experience with Shell Energy.

Loyalty - Card
Loyalty - Get Started
Loyalty - Activated
Loyalty - Rewards Card
Accounts Page
Accounts - Marketing Preferences
Accounts - Switch Tariffs
Accounts - Personal Details

Accounts

Another key area was the account section of the app, where users could easily view their tariff details, switch to a different tariff, update payment information, and manage their marketing preferences. This section also allowed users to keep their personal details up to date, providing a central, organised space for managing all key aspects of their account in one place.