Bill Explainer

Bill explainer is supposed to explainer how to read your paper or digital bill online. Existing bill explainer was firstly to difficult use and navigate. Second, it was not responsive and was in need on a visual update. We were first briefed to create an MVP mobile version. This was to show business there was potential for a whole new makeover as user did not know how to use the bill explainer itself.


The journey

Bill-explainer-research.png
1.png
2.png

 

 

Feedback / Iterations

<>

Notes

Feedback outcomes - 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 2 new concepts.

3.png

Final Design

In the end the 'developed concept 2' was signed of by stake holders and Creative director.

5.png
4.png

Full redesign

After the success of the MVP mobile version of the bill explainers, showing significant uplift in usability in our A/B testing, we were asked by the client to redesign it from scratch.

 

Sketches

bill-explainer-redesign-sketches.png

final designs

BE_Redesign_trim.png

Details

Animation Demos

Hover-plum.gif