VIRGIN MEDIA - BILL EXPLAINER

A Bill explainer is supposed to explain how to read your paper or digital bill online. The existing bill explainer was, first, too complex to use and navigate. Second, it was not responsive and needed a visual update. We were first briefed to create an MVP mobile version. This was to show the business there was potential for a whole new makeover, as users did not know how to use the bill explainer itself.

The Journey

User Research
Journey Mapping
Rapid Prototyping
Visual Design

Responsive Web Design

 

Feedback outcomes from stakeholders and partners - stemming from the first concept review:

  • Give the users more context.

  • What could we do about the header?

  • Add a more visual solution.

  • Improve navigation between questions/list of questions/bill image

Taking on this feedback, we develop two new concepts.

Final Design

Full Redesign

 

After the success of the MVP mobile version of the bill explainers, which showed a significant uplift in usability in our A/B testing, the client asked us to redesign it from scratch.

  • UX Design

  • A/B Testing

  • Wireframing

  • UI Design

  • Prototyping

Hover State + Animation Demo

Previous
Previous

Virgin Media

Next
Next

SSE - Design Language