ScottishPower — Energy & Utilities Mobile App Design

What's ScottishPower?

ScottishPower is a leader in the wind energy industry and an innovator in the energy sector. It's the first energy company in the UK to produce 100% green electricity. ScottishPower is part of the Iberdrola Group, a global energy company serving around 32 million customers.

CONTEXT

I joined ScottishPower as a Lead UX/UI Designer to play a crucial role in creating a more targeted product strategy and establishing a human-centered design approach within the company. I introduced new tools, practices, and processes to enhance collaboration and efficiency. Additionally, I led the product design efforts for the company's expansion into the USA and Ireland, while also mentoring a team of UX/UI designers, offering them feedback, guidance, and support to help them advance in their design careers.

MY ROLE

Product Strategy

Interaction Design

Visual Design

User Flows

Prototyping

User Testing

Mentoring

Design Systems

TOOLKIT

PLATFORMS

Goal

The goal of this project was to radically redesign the existing ScottishPower app and deliver a smooth, more contextual user experience, to improve the visual style and introduce new areas of the business such as home services, smart devices and electric vehicles.

The image is a graphic representation of a four-stage product development process with various steps listed under each stage. Stage 1.0 "Discover" includes research activities like SMEs Interviews, Customer Support Interviews, Customer Interviews, Competitor Benchmarking, and Stakeholder Interviews. Stage 2.0 "Define" involves synthesizing this information to Identify Themes & Patterns, pinpoint Opportunities, and set Goals. Stage 3.0 "Develop" is about Ideation with steps such as Exploring Design Ideas, Information Architecture, User Journey Mapping, Prototyping, User Testing, and Learn & Iterate. The final stage 4.0 "Deliver" covers Implementation with High-fidelity Design, User Testing, Developer Hand-off & Support, Build, Launch, Measure, and Learn & Refine. Each stage is connected with arrows indicating the flow of the process.

0.1 –

The Process

IMAGE

Approach

Throughout the project, I collaborated with stakeholders, product owners and business analysts to gather project requirements, collect feedback and conduct iterative user testing on wireframes, interactive prototypes, and visual designs. I ensured that the new app fulfils customer needs, follows the technical and business requirements and complies with the regulatory and legal standards.

I worked closely with the engineering team, providing support during every stage of the implementation process. I helped smooth out any unforeseen issues that might have arisen, resulting in a successful and smooth delivery of the final product.

0.2 –

IMAGE

The Solution

Highlights

The new home screen offers a personalised experience to all 5 million ScottishPower customers. Thanks to its scalable tile design, it can easily adjust to new business needs and requirements based on dynamic rules and customer types.

Each tile on the home screen represents a micro-app within the main ScottishPower app. In addition, tiles could turn into widgets and present more contextual information to users at a glance on the app home screen.