Account Dashboard

A brave, bold and user centric redesign of the account management dashboard.

Responsive Web
Mobile Web
Native App

Business objectives and Goals

01

Revamp the My O2 web dashboard to prioritize customer needs, offering a streamlined experience with a fresh design.

02

Ensure we’re providing the right information at the right time.

03

The experiences must follow our responsive framework, ensuring tasks render correctly across all breakpoints.

04

Provide a more efficient and optimised grouping of content hierarchy on the page.

05

Follow the “bite-snack-meal” guiding principles set out in the My O2 experience strategy.

06

Explore a variety of new interaction elements.

07

Implement notification mechanics to deliver relevant and timely messages to customers about their account and maximizing their relationship with O2.

Design Process

Research

As part of my desk research I did a thorough analyses of all the insights provided to me together with competitor analysis. Once completed I embarked on a full audit of the site followed by producing a site map. I then moved onto the features that needed to be covered and also listed out all the scenarios.

Wireframes

The accounts home page is where I focused first to reflect my concepts, I designed various concepts and presented to all the Key stakeholders for feedback and iterated accordingly. Once we were happy with the home page I then proceeded to design each deep linked pages, all the time presenting my journeys to the team and iterating based on feedback. The navigation was a piece of work in itself that I successfully designed based on the new overall design of the site. I then moved onto the features that needed to be covered and also listed out all the scenarios.

User test

O2 have a partnership with an external moderated user testing company whom I worked closely with to put together the research objectives and questions, I attended all the moderated user test sessions at their facilities in London. Once the findings were presented back to us we iterated the designs for the next round of tests.

UI design

This work was a momentous piece of work that required dedicated UI designers whom I worked very closely to ensure the UX was fully implemented. All new components, interactions and concepts had to be approved by the brand guidelines department. The UI team created reusable components based on the Atomic design principals and I worked very closely with the team to assist with the final master library.

Development

I worked closely with the development team to ensure all aspects of the UX/UI designs were implemented, this was a challenging aspect due to the re-design that required tremendous amount of redevelopment from the original platform. We had many rounds of explorative sprints to ensure we achieved the correct outcomes.