PUTTING PAYMENT
FIRST.
This exercise started with screenshots of an earlier version of Shell Box. I explored how to reorganize access to payment, points information and promotions.
My contribution
I audited ten screens and designed a navigation and interface proposal in Figma. This is an independent concept with no commercial relationship with or endorsement from Shell.
Design decisions.
QR access
I proposed keeping scanner access in the navigation to make it easier to locate.
Group points information
I brought the balance and related actions together in a single block.
Review the home hierarchy
I explored a structure that gives more prominence to payment and information tasks.
The design on screen.
Delivery and scope.
The exercise produced five high-fidelity screens and a visual comparison with the starting point.
Validation and scope
During the work I discovered that the published app already incorporated part of this direction. The proposal was not user-tested; QR placement and removing a tab would need further validation.