Case Study - Optus Bring Your Own SIM plan table design

Before and after: four separate Optus plan cards (10GB, 60GB, 100GB and 240GB) on the left, with an arrow to the new Build Your Own Plan table on mobile on the right
Printed page designs pinned to a wall with sticky notes, used to review the BYO plan page flow with the team

The project

Optus decided to decouple handset and phone plan pricing. The objective was to clearly show the price breakdown for customers. I was involved in the Optus Choice and BYO (Bring Your Own) plan page design, focusing on the device detail, plan table and summary sections. I collaborated closely with the UX designer, developer, testing and copywriter.

Early wireframe exploring the Build Your Own Plan table layout, with plan options and a summary panel

Design brief

The design of the BYO plan page needed to give customers greater flexibility and help them find a plan that will fit with their budget and usage needs.

Four mobile design variations of the Build Your Own Plan selector, comparing ways to choose data, plan length and extras with a running total

How I did it

A lot of information needed to be presented to the user, and it was a design challenge to fit this into a single mobile screen view. A number of different designs were developed, which were then user-tested.

Final Build Your Own Plan page in mobile and desktop views, with sliders for data, plan options, a monthly price summary and included features

Final design

The outcome was an intuitive design for users and was also met with good feedback from senior stakeholders.

Final design video - mobile and desktop view