Case study

  • Product design
  • Customer journeys
  • UX/UI
  • CRO
  • Design direction

O2 Product Journey

Improving product choice through design, direction and mentoring.

I redesigned O2’s tariff cards and supported the wider journey through design direction, mentoring and critique. Across product selection, configuration and checkout, I helped teams connect customer needs with commercial requirements and shared design standards.

Role
Senior UX/UI Designer
Scope
Product selection, configuration and checkout
Timeframe
Tariff card 4 weeks, configuration and checkout ongoing
Status
Tariff card measured, configuration in testing
Outcome
12% uplift in progression from product page to configuration (optimisation team's A/B test).
Four phones on a stone surface, showing an O2 iPhone 15 Pro page, package configuration, sign-in and checkout details.

01 The challenge

Improving a journey, not just individual screens

The product journey crossed several independently evolving experiences, from choosing a product through to checkout. My role was to help designers identify the right problems, use evidence before moving into solutions and consider how decisions affected the wider journey.

O2 product detail showing a 30GB Plus tariff card beside the same plan opened to extras, upfront and monthly prices, April price rises and a Choose this plan button.

Product detail

Too much information at once

Customers were being presented with too much information during product selection, creating an opportunity to simplify the decision-making experience.

O2 checkout across ten stages, from sign in and account setup through details, billing, eligibility, direct debit, ID and credit checks, personalisation and agreements to order complete.

Checkout

A long, fragmented journey

Research indicated that checkout had become lengthy and fragmented, but the team needed to understand the real points of friction rather than simply remove screens.

02 My role

Leading through design, direction and critique

My contribution varied across the journey: designing directly where needed, helping other designers shape their work, and reviewing solutions against customer needs, commercial requirements and the design system.

Frame the problem

Clarify the customer problem, challenge assumptions and establish what needs to be understood before the team moves into detailed design.

Use evidence to focus effort

Bring research, CRO insight and journey behaviour together to identify friction, compare options and focus design effort on customer needs.

Guide and critique

Support designers through constructive critique, helping them develop their judgement, refine solutions and retain clear ownership of the final design.

03 Product detail

Test the immediate problem, then rethink the experience

Customers were being presented with too much information at once within the tariff-card experience.

I designed the revised tariff-card solution. It simplified and prioritised the information so customers could understand the available options more easily and progress towards configuration.

Existing O2 25GB Classic tariff card with a 36 month contract, £30 upfront, £43.47 a month, April price rises, an airtime offer and a Choose this plan button.

Existing tariff-card experience

Revised O2 tariff card in three parts: a 30GB Plus plan, its included offers and extras, and the upfront and monthly price with a Choose this plan button.

Revised tariff-card experience

12 percent uplift in progression from product page to configuration

The optimisation team’s A/B test reported a 12% uplift in progression from product page to configuration following the tariff-card redesign.

Guided product configuration

In CRO testing

The next phase moves beyond optimising the existing card stack towards a more guided product configuration experience, helping customers make decisions in stages rather than being presented with everything at once.

I worked with other designers to shape the initial direction. As the work moved into CRO testing, I continued to review the evolving experience and feed back on the design. As my role changed, that review also included checking that the right design system components and patterns were being used consistently.

CRO test direction for the O2 product detail page, showing a guided configuration experience for colour, storage, upfront cost, plan length and airtime.

04 Checkout

Simplifying checkout into clearer stages

Ongoing

Checkout restructuring is ongoing. The proposed direction groups the purchase into four clearer stages, while the team works through legal and financial requirements with design and delivery partners.

Step one

Setup

Basket, sign in / new customer, personal details, billing address, eligibility check and contract information summary.

Step two

Payment and checks

Direct debit, ID check, upfront payment reservation and credit check.

Step three

More options

Personalise package, spend cap, switching from another provider and service termination authorisation code.

Step four

Review and confirm

Review purchase, pre-contract credit information, consumer credit agreement, pay monthly mobile agreement and order completion.

05 Impact / current state

What this work demonstrates

Measured

Tariff-card improvement

The optimisation team’s A/B test reported a 12% uplift in progression from product page to configuration following the tariff-card redesign.

Testing

Guided product configuration

A broader product configuration direction is currently in CRO testing, helping customers make decisions in clearer stages rather than being presented with everything at once.

Ongoing

Checkout simplification

Checkout restructuring is continuing with design and delivery partners while legal and financial requirements are worked through.