/ Approach
Discover
Audited the current-state experience: applicants downloaded PDFs, completed them offline, then emailed AEMO for manual review and follow-up.
Mapped the ecosystem of users and handoffs across organisations, AEMO Registration Team, and Support Hub to clarify responsibilities, bottlenecks, and where errors occurred.
Reviewed BA-prepared requirements, field lists, validations, and conditional logic to understand complexity drivers and repeated patterns across forms.
Define
Framed the core problem as scale plus complexity: digitise many forms with deep branching logic under tight time and budget constraints.
Defined a delivery strategy that reduced bespoke work: five hi-fi archetypes to cover the form families, plus one complex proof of concept to de-risk build feasibility and inform engineering estimates.
Aligned with stakeholders on what “good” looked like for v1: a portal submission workflow with a review loop, rather than a perfect redesign of every form variant at once
Design
Co-designed lo-fi wireframes with BAs to lock in information architecture, step structure, and rule interpretation before investing in hi-fi.
Designed a non sequential completion model requested by the business, using a vertical stepper that allows users to skip and return to steps rather than forcing a linear flow.
Created a conditional logic visual system to reduce cognitive load:
Conditional sections appear in a light grey container.
Nested conditions create deeper containers with darker tones to show hierarchy.
A subtle left border visually connects nested sections, borrowing a familiar “thread” mental model to signal dependency and relationship.
Built a Power Pages UI kit in collaboration with developers to standardise typography, spacing, components, and states, while staying within platform limitations.
Produced hi-fi reference designs for five archetypes:
Registration NEM
Registration Gas
Exemptions
Transfer
De-registration
Selected the most complex form, Registration for NEM Generator, and created:
Annotated hi-fi screens describing logic, validations, and edge cases
A clickable prototype illustrating branching paths
Used Figma Make AI to accelerate prototype assembly and stitching of conditional flows, so workshops focused on decisions and feasibility rather than manual linking.
Deliver
Delivered annotated designs and interaction notes to support build, including conditional logic behaviour and component usage guidance.
Supported developer scoping by using the complex proof of concept to clarify feasibility, estimate effort, and highlight where platform constraints would require design trade-offs.
Established consistency through the UI kit so new forms could be built with repeatable patterns rather than one-off styling.
Embedded accessibility considerations into core patterns, including:
Persistent labels, not placeholder-only
Clear required indicators beyond colour
Error messaging patterns designed for clarity and recovery
Focus and keyboard navigation expectations
/ Challenges & Solutions
Challenge:
27 forms in scope with a 3 to 6 month window
Solution:
Reframed delivery from “design every form” to “design five archetypes plus one complex proof of concept”. Established reusable patterns for layout, navigation, validation, and conditional sections.
Result:
This reduced bespoke design effort and made delivery planning realistic for both design and build.
Challenge:
Stakeholders struggled to review conditional logic in static requirements
Solution:
Partnered with BAs to map decision points, then created a clickable prototype of the most complex form to make branching behaviour tangible. Used Figma Make AI to speed up prototype linking and keep workshops focused on decisions.
Result:
This allowed for faster alignment and clearer sign-off, leading to stronger confidence in feasibility and additional budget approval.
Challenge:
Power Pages build constraints risked design and dev misalignment
Solution:
Co-designed a Power Pages-aligned UI kit with developers, agreeing early on buildable components, spacing rules, and states. Documented how designs map to platform components and where compromises were required.
Result:
This helped reduce handover ambiguity and increased consistency across pages, supporting scalable implementation.
/ Conclusion
This project modernised AEMO’s registration workflow by shifting from offline PDFs and email-based handling to a portal-based digital experience for applicants, supported by an admin review loop for AEMO teams. My core contribution was making a large, complex programme shippable under tight constraints. I drove an archetype-based approach to scale design across many forms, built a Power Pages-ready UI kit with developers, and de-risked feasibility by prototyping the most complex conditional journey end to end using annotated hi-fi and an AI-assisted clickable prototype.
Next steps are to validate accessibility, user test with internal and external users, and extend the archetype library as additional forms move through delivery.
Below is a recording of the clickable Figma Make AI prototype. Feel free to have a click around yourself here.
