CASE 02 / PRODUCT JUDGEMENT · CONSUMER MOBILE APP

A Clearer Way to Buy an Essential Service

Making an essential purchase easier to understand, from choosing a meter to knowing what happens after payment.

var(--variable-Xy_I3wHiC)

01

CASE FILE

Role and problem

Role and problem

Role and problem

Owned: journey and information architecture, transaction-state design, UX writing and interface design across purchasing, meter management, history, rewards and advances. Worked with: business analysis, product and development, on an app already in delivery. For the customer, the goal is to use the electricity they bought; payment is only one step. Depending on the meter, there may still be a voucher to use or a load-to-meter action to complete. I framed the target behaviour as recognising and completing that next step, including after leaving the app and coming back. The risk I designed against was someone treating payment confirmation as the end of the task.

02

STRATEGY · PRIORITISATION

Prioritise uncertainty in the core journey

Prioritise uncertainty in the core journey

Prioritise uncertainty in the core journey

I organised the work around the five points where ambiguity could interrupt the purchase: selecting the meter, reviewing the amount, returning from payment, understanding the status and finding the transaction again. A clearer label or a missing recovery state could matter more than a larger visual change if it helped someone finish the task.

Trade-off:

phased delivery leaves some inconsistency between releases, so the target journey and state model had to stay coherent for every change to move the same way.

var(--variable-vqyEcWYZk)

Journey priority map · five moments

03

ARCHITECTURE · TRANSACTION STATE MODEL

Separate payment status from service status

Separate payment status from service status

Separate payment status from service status

A successful payment doesn’t mean electricity has reached the meter. The model separates the payment result from fulfilment, with two paths: a manual voucher, and a smart-meter journey with a load-to-meter action. A load request being sent is not the same as a confirmed load. Confirmation, transaction detail and the return journey all show the current state and any remaining action, so the system carries the memory of an unfinished task.

Trade-off:

more explicit states, messages and recovery paths to build. That complexity belongs in the model, not in the customer’s head.

var(--variable-vqyEcWYZk)

Payment and fulfilment · two paths

04

ARCHITECTURE · INFORMATION ARCHITECTURE

Organise history around recognisable events

Organise history around recognisable events

Organise history around recognisable events

History has two primary events: Electricity Purchase and Advance Repayment. Rewards, payment method and advance recovery are context inside a purchase, not separate transactions. A direct repayment stays its own event because it is a different customer action. The list answers “what happened?”; the detail explains how it was funded or allocated.

Trade-off:

the simpler list needs enough detail underneath to keep the financial record accurate.

var(--variable-vqyEcWYZk)

Transaction history · synthetic example

05

INTERACTION · FINANCIAL TRANSPARENCY

Keep the advance and its obligation connected

Keep the advance and its obligation connected

Keep the advance and its obligation connected

I connected eligibility, the amount taken, the outstanding balance and repayment activity so the obligation stays visible after the initial decision. A repayment taken from a purchase sits in that purchase’s context, a direct repayment is separate, and an active-advance view links them. One-time-code verification was a requirement for advance and reward transactions; my job was to make that step understandable and recoverable. The principle is to make consequences available both when people choose and when they return.

Trade-off:

a balance alone is easy to scan but doesn’t explain what changed, so it needs a route into the related activity.

var(--variable-vqyEcWYZk)

Active advance and linked activity · synthetic

06

INTERACTION · VERIFICATION AND RECOVERY

Put error prevention at the decision points

Put error prevention at the decision points

Put error prevention at the decision points

Meter verification happens during onboarding, before registration, and the meter stays visible as context throughout the purchase. Search, adding and renaming meters support recognition for people managing more than one. The review step is a second chance to confirm the meter before paying: proportionate friction around a consequential action, not friction everywhere. Notifications separate information from action, and an unfinished purchase links straight back to its task.

07

LEADERSHIP · ALIGNMENT AND DELIVERY

Give delivery one model to work from

Give delivery one model to work from

Give delivery one model to work from

The journey and transaction-state model became the shared basis for discussing labels, navigation, states and exceptions. I tied each change to a customer action and the uncertainty it removed, which made it easier to argue for a small state or content change alongside larger delivery work. Release decisions and technical implementation stayed shared with product and engineering.

08

OUTCOME

Outcome

Outcome

Outcome

Delivered: a connected experience, now live, across meter verification, purchasing, payment return, fulfilment, history and advance tracking, built on a transaction model that separates paying from completing the task. The leadership judgement was how deeply to intervene in a live product while delivery continued. Still to measure: can someone recognise the right meter, identify the purchase state, find the remaining action and explain their outstanding advance balance?

© 2026 Jabu Hlungwani. All rights reserved.

© 2026 Jabu Hlungwani. All rights reserved.

© 2026 Jabu Hlungwani. All rights reserved.