measure
measure
Design & Art Direction
Wireframing
Prototyping & Testing
UX/UI Design
Design Systems
Interaction Design
Design & Art Direction
Wireframing
Prototyping & Testing
UX/UI Design
Design Systems
Interaction Design
measure
Design & Art Direction
Wireframing
Prototyping & Testing
UX/UI Design
Design Systems
Interaction Design
approach
AGL needed a future-ready app experience that matched its new brand identity and reduced friction across billing, usage tracking, and customer support. The redesign introduced a unified, intuitive space for electricity, gas, and solar insights, with seamless product toggling and clear colour differentiation. A new data-visualisation system drew from AGL’s updated brand language, elongated pill motifs, radiant gradients, and fluid motion, turning raw usage data into a calm, navigable rhythm. Interactive graphs let users explore hourly, daily, and monthly patterns, compare bills, and understand appliance-level consumption. The result was a premium, contemporary experience that redefined what an energy app could look and feel like.
AGL needed a future-ready app experience that matched its new brand identity and reduced friction across billing, usage tracking, and customer support. The redesign introduced a unified, intuitive space for electricity, gas, and solar insights, with seamless product toggling and clear colour differentiation. A new data-visualisation system drew from AGL’s updated brand language, elongated pill motifs, radiant gradients, and fluid motion, turning raw usage data into a calm, navigable rhythm. Interactive graphs let users explore hourly, daily, and monthly patterns, compare bills, and understand appliance-level consumption. The result was a premium, contemporary experience that redefined what an energy app could look and feel like.
approach
AGL needed a future-ready app experience that matched its new brand identity and reduced friction across billing, usage tracking, and customer support. The redesign introduced a unified, intuitive space for electricity, gas, and solar insights, with seamless product toggling and clear colour differentiation. A new data-visualisation system drew from AGL’s updated brand language, elongated pill motifs, radiant gradients, and fluid motion, turning raw usage data into a calm, navigable rhythm. Interactive graphs let users explore hourly, daily, and monthly patterns, compare bills, and understand appliance-level consumption. The result was a premium, contemporary experience that redefined what an energy app could look and feel like.
OUTCOMES
The concept work set a new benchmark for usability, clarity, and brand alignment across AGL’s digital ecosystem. The uplift demonstrated how a modernised UI, clearer data communication, and more intuitive navigation could meaningfully reduce support load and improve customer confidence, informing the direction of later iterations.
The concept work set a new benchmark for usability, clarity, and brand alignment across AGL’s digital ecosystem. The uplift demonstrated how a modernised UI, clearer data communication, and more intuitive navigation could meaningfully reduce support load and improve customer confidence, informing the direction of later iterations.
The concept work set a new benchmark for usability, clarity, and brand alignment across AGL’s digital ecosystem. The uplift demonstrated how a modernised UI, clearer data communication, and more intuitive navigation could meaningfully reduce support load and improve customer confidence, informing the direction of later iterations.
100
100
100
compliance with new design system tokens (%)
compliance with new design system tokens (%)
compliance with new design system tokens (%)
38
38
38
increase in task completion speed (%)
increase in task completion speed (%)
increase in task completion speed (%)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 1424 610" xmlns="http://www.w3.org/2000/svg"><path d="M 0 79.226 L 0 0 L 472.081 0 L 472.081 79.226 L 281.759 79.226 L 281.759 609.982 L 190.024 609.982 L 190.024 79.225 L 0 79.225 Z M 715.612 0 L 715.612 609.982 L 623.281 609.982 L 623.281 92.331 L 619.707 92.331 L 473.764 187.641 L 473.764 99.479 L 625.961 0 Z M 805.083 0 L 916.775 0 L 1110.972 474.166 L 1118.112 474.166 L 1312.311 0 L 1424 0 L 1424 609.982 L 1336.431 609.982 L 1336.431 168.579 L 1330.781 168.579 L 1150.882 609.089 L 1078.202 609.089 L 898.309 168.281 L 892.65 168.281 L 892.65 609.982 L 805.083 609.982 Z" fill="rgb(243, 243, 243)" height="609.981721021999px" id="ONwDcDcuT" width="1423.9999713323368px"/></svg>)
