Three Mobile

Checkout Process - 2020, UK

My scrum team was appointed to redesign Three Mobile's account checkout process.
The brief required refreshing the old checkout process with a new visual identity while slightly modifying the user journey. This included adding the ability for users to save their details and return later via an email notification component. After the purchase, the user would receive a customized confirmation email.

Once I received the wireframe from the UX designer, as the UI designer of the team, I started building the drafts, component by component, using the atomic library while keeping Three Mobile's website visual identity in mind. After several A/B tests and weekly agile reviews, we finalized the layouts.

As outcome, there was a significant client purchases increase.

Three Mobile UI Atomic Toolkit Examples

Atomic Toolkit Example 1
Atomic Toolkit Example 2
Atomic Toolkit Example 3

Wireframe and Related Layout

Wireframe Prototype

Prototyping Working File (Adobe XD)

Prototyping File

Final Layouts

Final Layout 1 Final Layout 2 Final Layout 3

Prototype UI Test (Video, Mobile)

Final Layouts, Devices Showcase

Final Layout Showcase