Turning complex problems into clear design solutions.

Currently

Product designer
in Singapore

Previously

Designed for nbn, Atlassian, Colonial First State, bp, NSW Government CS, and more.

Agnes was a great communicator who showed strong attention to detail, delivered creative solutions, and was a wonderful collaborator. It was a pleasure working together! Hopefully, we cross paths again at Atlassian.
Ben Bertoldi › Senior Manager, Atlassian
She impressed a program team immediately with her understanding of components, variables, auto-layout, and systematic UI construction: skills well beyond what is typically expected at her level. Across every project, she combined strong research skills with detailed documentation, clear design rationale, and consistent delivery quality.
Tim Donnelly › Creative Experiences Lead, Avanade
Agnes is always striving to deliver the best for our clients with care, precision, and empathy. Her interface designs are consistently beautiful and thoughtful, reflecting a deep understanding of user needs and visual harmony. Beyond her design talent, she's a true team player, supporting her local team with dedication, organising team connects, and fostering a sense of unity and collaboration.
Shazia Kazi › Head of Product Design, Avanade
Agnes worked closely with complex Figma design languages for multi-channel marketing campaigns for a global business. Working with a large volume and fast velocity, Agnes hit the ground running and maintained this with a high level of quality outputs. She is a great collaborator and culturally fit in well with the team from day one.
Paul Moran › Design Experience Manager, Accenture
← All work
Shipped · in daily useField service

Field Toolkit

nbn's field technicians were finishing every job on a stalled, scroll-heavy app plus five other systems. I redesigned it into one app they now use across Australia.

Client
nbn
Role
Product designer
Timeline
2023 – 2026
Team
Product owners, solution architect, engineers, field technicians
Problem
90% of technicians worked on phones and tablets, but one work order took 15+ taps of scrolling, and the app had stalled badly enough to face a funding cut.
My role
Product designer: interviews, journey mapping, UI audit, sketching, prototyping and testing, through to developer hand-off.
What I designed
One app instead of many: categories and favourites instead of scrolling, the other tools brought inside, colour-coded alerts and dark mode.
Outcome
My first prototype secured continued funding. 20% of technicians adopted it in its first month, and it's still in daily use nationwide.

The problem

An app that had stalled, and a product facing a funding cut

Field Toolkit is the app nbn's service field technicians use to run their work orders. When I joined, it wasn't clear the product had a future. Changes took weeks or months, the work kept happening in other tools, and the stagnation had contributed to a funding cut.

Every job bounced between the toolkit and a handful of other systems, on a phone, in the field.

Before

One job, five systems

  1. Work orderOpened in one system, long pages to scroll
    SMAX GoFTK
  2. TestingDiagnostics and port swaps in separate apps
    UNASidecar
  3. Site accessSearched for across systems, or chased by phone
    iPACT
  4. PhotosUploaded somewhere else, images only
    Media Capture
  5. ↻ Can't finish on site? Call support
15+ tapsto complete a single work order
70%relied on extra tools because the app didn't integrate

After · Field Toolkit

Everything for the job, in one app

  1. HomeCategories and favourites instead of one long scroll
  2. Work orderKey details, site specifics and contacts in a tabbed task view
  3. TestingDiagnostics run inside the work order
  4. CalendarSynced with Microsoft Teams, with future and past jobs
  5. AlertsColour-coded by hazard level
1 appfor the work order, tests, site details and photos
WCAG 2.2accessibility standard, across the app

"Why not build one app for it all? We don't care if the background is pale or sky blue. We just need to access and upload information quickly!"

A field technician, during interviews

The problem, sized: in FY23, Tier 1 support handled over 54,000 field interactions for manual testing and offsite activity, a fifth of all Tier 1 volume.

Research

Technicians didn't want a prettier app. They wanted one app.

I interviewed field technicians about their day, mapped their journey from planning to sign-off, audited the existing interface screen by screen, and looked at how field-service tools like Microsoft Dynamics 365 and SafetyCulture handle the same jobs.

90%struggled with excessive scrolling on phones and tablets
15+taps to complete a single work order
70%relied on additional tools because of poor integration
80%said fixes and features took weeks to months
01Built for a desk, used in the field

Nearly all use was on small screens, but the app was long pages of scrolling with no clear journey.

02The real workflow lived elsewhere

Testing, site access and photos meant leaving the app, and often calling support to finish.

03Hard to read, easy to miss

Inconsistent type, failed contrast and hazard alerts that all looked the same. Technicians asked for dark mode for long shifts.

Key decisions

Three calls that shaped the app

01

Categories and favourites, instead of one long scroll

With 90% of use on phones and tablets, the long single page was the biggest source of friction. I grouped tools into categories, let technicians pin the apps they use most, and turned the work order into a tabbed view with the key details first.

The old home screen as one long scrolling page
BeforeOne long page
HomeCategories over scrolling
Select favourites screen
FavouritesMost-used tools, one tap away

On tabletsThe extra width became a split view: categories on the left, results on the right, as in the tablet prototype at the top of this page, so technicians never lose their place.

02

Bring the tools in, instead of sending technicians out

70% of technicians relied on other tools to finish a job. Rather than add another app, I brought those journeys inside the work order: test summaries, media capture, site specifics, event history and related documents, and synced the calendar with Microsoft Teams so jobs sat alongside everything else in their day.

A job, end to endCalendar to work order to history
Calendar of the day's work orders
CalendarSynced with Teams
Event history for a location
Event historyPast jobs at the address

Trade-offDesigning the embedded testing was the easy part. Aligning with engineers on the technical approach took time and careful problem-solving.

03

Accessible by default: colour-coded alerts and dark mode

The audit found failed contrast, tiny text and hazard alerts technicians had to read closely to judge their urgency. I rebuilt the app on nbn's design system to WCAG standards, colour-coded alerts by hazard level, and added the dark mode technicians asked for.

The old critical alert screens, hard to tell apart
BeforeEvery alert looked alike
AlertsUrgency at a glance

"Nice one, you've killed it with dark mode."

Stewart Allan, Product Lead, nbn

Standard on every featureDesktop and dark mode designs became fixed steps in my process for every feature, not extras added at the end.

Outcome

A prototype that kept the product alive

My first prototype cycle secured continued funding, with a renewed vision for the toolkit to handle all of a technician's admin in one place. After launch, 20% of technicians adopted it within the first month, and usage kept growing as more workflows moved in.

A technician running a fibre diagnostic test in Field Toolkit on site
In the field, November 2025: a fibre diagnostic test running in Field Toolkit.

"Though Agnes joined the team in late May, I've heard lots of great feedback from the nbn client (architect, product lead / owner, my engineering team) on how they were impressed… Agnes is great at absorbing the ideas from different directions, understanding how to address the core problem statement, and proposed the compelling mobile-first, brand new UX."

Ming Fan, Senior Manager, Accenture

"Just wanted to reach out and say a big congratulations for the Field Toolkit V2 launch this week. My product leads have been extremely outgoing about your positive impact, influence and expertise, which has put this capability in a great position for the pilot."

Matthew Sellick, Executive Manager, Portfolio Governance and Delivery, nbn

Results

  • First prototype secured continued funding
  • 20% of technicians adopted it in the first month
  • Still in daily use across Australia

Reflection

What I took away

  • Ambiguity is a reason to prototype, not wait. With the product's future unclear, an early prototype did more to win alignment and funding than any deck.
  • Hard problems need engineers in the room early. Embedding testing only worked because we solved the technical approach together.
  • Question the acceptance criteria. Prioritising what technicians actually needed, not just what was written down, is why it became widely adopted.
← All work
LaunchedHR tech

Recruitment Central

Atlassian was hiring thousands of people, and every offer took six weeks. I designed the tool that moved offers, approvals and candidate status out of email and spreadsheets.

Client
Atlassian
Role
Sole product designer
Timeline
2021 – 2022
Team
PM, BA, delivery manager, change partner
Problem
Offers took 40–45 days and about a quarter of candidates dropped out, while recruiters and finance chased approvals across email, Excel and Slack.
My role
The only designer on a five-person consulting team. I designed the whole product in a short engagement, alongside three other products.
What I designed
An offer calculator with market salary bands, approvals routed to the right finance approver, and live candidate status for everyone.
Outcome
Launched, and still in use months after I rolled off. Rated 4.5 / 5 by nine testers across all three roles.

The problem

Six weeks per offer, and a quarter of candidates gone

In January 2022, Atlassian announced plans to hire 5,000 more staff in Australia over the next few years, ahead of its new Sydney headquarters (Startup Daily). It was competing with every other tech company for the same people, and its offer process was losing them.

Every offer bounced between recruiters, finance (FP&A) and hiring managers across six tools, and nobody could see where it was.

Before

Six tools, three teams, no shared view

  1. RecruiterWorks out the offer in a spreadsheet
    ExcelWorkdayTableau
  2. RecruiterEmails FP&A for approval, then chases
    EmailSlack
  3. FP&ARecalculates the offer by hand against country and state pay bands
    Excel
  4. Hiring managerCan't see where the candidate is, so asks the recruiter
    EmailiCIMS
  5. ↻ Repeat until someone approves
10–12emails per candidate, plus Slack
6–8 hrsa week per recruiter, FP&A recalculating
40–45 daysaverage time to offer
~25%of candidates withdrew before an offer

After · Recruitment Central

One flow, with everyone seeing the same status

  1. RecruiterSets the candidate's country, state and zone
  2. RecruiterCalculates the offer and sees it against the salary bands straight away
  3. Within rangeSubmits the offer straight away
    Outside rangeGoes as an exception to the FP&A approver for that region
  4. FP&AApproves, or sends back with a comment
  5. EveryoneRecruiter, hiring manager and FP&A see live status in one place
1 placefor offers, approvals and candidate status
< 30 daysprojected time to offer (business case, not measured)

"There are too many silos. I need to follow up with FP&A and often I won't hear back and won't even know if they are away. It becomes a bottleneck."

Aria, Talent Acquisition

Research

Hiring managers didn't care about salary. That changed who I designed for.

I interviewed five people (two recruiters, two from FP&A and a hiring manager), then ran a user-story workshop with the same group.

01Nobody could see where a candidate was

Recruiters, hiring managers and FP&A worked in isolation, so updates were missed and approvals stalled.

02Six tools, none of them connected

Email, Excel, Slack, Workday, Tableau and iCIMS made every offer slow and error-prone, and lost candidates to competitors.

03No view of the market

Without reliable salary data, it was hard to make an offer competitive enough to win.

One finding surprised me. The hiring manager didn't care much about salary or location. They wanted to know which candidates they could hire, and how fast. The detail of the offer was someone else's job.

So I designed for the two roles who did the work: recruiters, who build the offer, and FP&A, who approve it, and gave hiring managers what they actually needed: status at a glance.

Select a card to see the full set.

Starting point

I inherited wireframes nobody could follow, so I started again

A previous designer had started the wireframes. They had no shared design system or Atlassian branding, text sizes varied from screen to screen and were often too small to read comfortably, the hierarchy was unclear, and most tasks opened another pop-up.

Rather than patch them, I rebuilt the product on Atlassian's design system: consistent type and spacing, accessible text sizes, and tasks that happen on the page instead of in pop-ups. I worked day to day with the product owner and delivery manager on user needs, while our business analyst owned the calculator logic and compensation rules.

Key decisions

Three calls that shaped the product

01

Two columns, so the numbers never leave the screen

The first calculator was a single long column. The product owner's feedback was blunt: it wasn't intuitive. Recruiters had to scroll past the inputs to see what they'd produced, then scroll back to adjust.

I went back to how recruiters actually work (tweaking a number and checking the result) and split the screen: inputs on the left, the calculation and salary bands on the right, updating together. The product owner signed it off.

Trade-offWith a short engagement, I explored fewer layouts than I'd have liked. Two columns tested well, but it was one strong option rather than the best of several.

02

Keeping the salary bands, even though the data was hard to get

FP&A told me what made an offer competitive: knowing where it sat against the market. Sourcing that salary data was technically tricky, and there was pushback on building it at all.

I championed FP&A's need and kept pushing until it was in. The bands are what make an offer competitive, not just fast, which was the whole point.

Compensation bands table and range chart showing the offer within the range
The offer plotted against the band, so recruiters see at a glance whether it's competitive and within range.

Trade-offMore integration work for the developers to source and maintain the market data.

03

Location first, then route the exceptions

Pay varies by location, even between US states. So recruiters set the candidate's country, state and county first, and the calculator resolves it to a pay zone before any numbers go in. Anything outside range is flagged as an exception and goes to the FP&A approver for that region, who approves it or sends it back with a comment.

"We need different Country and Zones. All requires different compensations. This also apply when employees move their place of residency."

Jason, FP&A
Left: location resolves to a pay zone. Right: FP&A reviews the exceptions and sends the offer back with a comment.

What didn't shipCover for absent approvers: if one FP&A approver is away, the offer should move to another. We parked it for a later release.

Outcome

It launched, and it stuck

I tested with nine users across recruiting, hiring managers and FP&A, and they rated it 4.5 out of 5. I handed over annotated specs covering success and error states, and reviewed the build weekly against the prototype.

Then, consulting being consulting, I rolled onto another client before launch. Months later, the consultant who took over the account told me the team was still using it.

Results

  • It launched and stayed in use after I left
  • 4.5 / 5 from nine testers across all three roles
  • Approvals, offers and status moved into one place

Reflection

What I'd do differently

  • Fight harder for research time. Five interviews and nine testers came from people with very little time. I'd push earlier for more participants in both interviews and testing.
  • Explore more before committing. With more time I'd have tested several layouts against each other, not one alternative.
  • Set up measurement before I roll off. I'd agree with the client how success would be tracked, so the impact is recorded even after I've moved on.
← All work
In build · launch 2027Network operations

CPED Management Tool

nbn is moving homes and businesses off copper. If no fibre order is in by the changeover date, the copper service is suspended, then permanently disconnected. I designed the operations tool that schedules those changes and keeps the exceptions from getting lost.

Client
nbn
Role
Product designer
Timeline
2026
Team
Product owner, lead architect, business analysts, delivery manager
Problem
Up to 500,000 changeover dates a year, each one heading for a permanent disconnection, and no operations tool to manage them.
My role
Product designer: wireframes, the functional specification, a three-role permission model and 77 acceptance criteria for build.
What I designed
One job lifecycle with two ways in, bulk upload and single-location edits, plus failed-row reporting and cancellation before anything runs.
Outcome
Handed to build, with the design written in as an acceptance criterion. Launch is targeted for April 2027, so there are no results yet.

The problem

A mandatory change that can't be undone, applied to real households

Every premises still on copper gets a Changeover Period End Date (CPED). Retailers get nine months' notice and customers six. If the copper service is still active and no fibre order has been placed by that date, nbn suspends it. Thirty days later it's disconnected for good, and the only way back is ordering fibre.

Some of those premises are vulnerable customers, critical services, or people in the middle of a natural disaster. Extensions and deferrals of up to three months exist for exactly them. But there was no tool to apply the dates, or to grant the exceptions safely.

Before

No operations tool

  1. DatesEvery location carries a placeholder date of 15/07/2050
  2. ChangesMade directly in back-end systems and manual processes
  3. ExceptionsRetailer requests for more time arrive ad hoc
  4. VisibilityNo job view, no success or failure summary, no audit trail tied to a user
500Kchangeover dates a year at peak (sizing)
50Klocations in a single run, at most

After · CPED Management Tool

Every change is a job

  1. BulkUpload a CSV from the template, validated before anything is scheduled
  2. SingleFind one location and change its date or status
  3. TrackJob schedules with status, counts and a failed-only view
  4. CancelAny time before the job runs
  5. ReportA reason for every failed row, downloadable
1job lifecycle for bulk and single changes
3roles: Viewer, Operator, Admin

The problem, sized: nbn's sizing scenarios plan for 130,000 changeover dates in the first year, rising to 500,000 at peak, with batches of 7,000–10,000 locations added each month.

Discovery

Working from the rules, because the rules decide who gets cut off

The tool didn't exist yet, so there were no users to watch. I worked through the business rules and ran question-and-answer sessions with the business solution lead and other stakeholders, writing down every answer and carrying the open questions in the open.

01It arrives in batches, not a big bang

7,000–10,000 locations join the process each month, so bulk upload had to be the main path, not an add-on.

02Every location already has a date

A placeholder of 15/07/2050. Applying a CPED means replacing it, so "Apply initial CPED" became its own action, separate from modifications.

03Status decides what's allowed

Extensions need an active or planned date, deferrals an active, planned or extended one, restores a suspended one. Requests that don't fit are rejected with a reason the operator can act on.

Key decisions

Three calls that shaped the tool

01

Every change is a job you can see, and cancel before it runs

A disconnection can't be undone, so every safeguard sits before it happens. Changes are scheduled ahead as jobs. The locations in a job are locked when it's scheduled, it can be cancelled any time before it runs, and every location is checked again at run time, including for fibre orders already in progress.

Search for a job, open it, cancel it. A confirmation names the job, because cancelling is the last safe moment.

Why not undo?Undo works for documents, not for a customer's phone line. Putting the checkpoint before the action was the only honest option.

02

A bad row never blocks the good ones

With up to 250 records per file, a few errors are normal. The upload is validated first and shows exactly which rows failed and why, while the rows that passed go ahead. Operators fix only the failures and upload again, instead of starting over.

Upload, validate, see the five failed rows, re-upload, submit. Every job also reports totals for processed, successful, failed and rolled-back rows.

Written into the spec"Partial failures must not impact successful records" became an acceptance criterion, so it couldn't be traded away in build.

03

Two ways in, one lifecycle, and exceptions that can't be frozen

Operations needed to move 50,000 locations in one run, and also fix one address for one customer. I designed two paths, bulk upload and a single-location edit, that both create a job in the same schedule, so there's one place to track, report on and cancel everything.

Find a location, choose the action, submit. The new job lands in the same schedule as bulk uploads.

The call I'd defendEvery exception needs a request reason, such as critical services or vulnerable customers. I made those reasons data that legal and operations can edit, not a hard-coded list. In a process that disconnects people, no one should need a release to add a reason to protect someone.

Outcome

Handed to build, with the design as part of the contract

The wireframes, the functional specification for 12 screens and 77 acceptance criteria went to the build team. One of those criteria makes matching the design a requirement: "Accuracy to be maintained as much as possible for the UI."

Results

  • Wireframes, functional specification and 77 acceptance criteria handed to build
  • Matching the design is a formal acceptance criterion
  • Sized for up to 500,000 changeover dates a year

Reflection

What I took away

  • Design for the action you can't take back. When undo isn't possible, the checkpoints before the action are the design.
  • Make the exceptions data, not code. The people closest to vulnerable customers should be able to change the rules without waiting for a release.
  • Next, test with the operators. This was designed from business rules and stakeholder sessions. Before launch, I'd put the flows in front of the operations team who'll use them every day.
← All work
In buildWorkforce safety

Field Safe

nbn's only way to say "I'm home safe" lived in an app that about 200 field staff didn’t have. I designed Field Safe so everyone who goes into the field can check in, and so every missed check-in reaches a person who can act.

Client
nbn
Role
Product designer
Timeline
2026
Team
Product owner, business analyst, solution architect, three developers
Problem
"Log Off Safely" only existed in the technicians' work-order app. About 200 trainees, area managers and specialists had no way to check in, and after 7pm missing technicians were chased by phone.
My role
Product designer: discovery with field and Control Tower teams, prototyping, remote user testing, the Figma screens, data model, permissions and alert logic.
What I designed
A two-button mobile app (Start Safe, Home Safe), check-in alerts that escalate to a named person, and a desktop app for admins and investigators.
Outcome
Tested with two to three people from each team, through two design reviews and two business walkthroughs, then handed to build as three epics. Not launched yet.

The problem

A safety check-in that half the field couldn't use

nbn needed to know that everyone who works in the field gets home safely, and the answer was patchy. Technicians could "Log Off Safely" in SMAX Go, their work-order app, but many didn't, and the event wasn't created at all for after-hours or weekend work. Everyone else who drove to sites had nothing: trainees, compliance specialists, field and regional area managers, field GMs. Giving them all SMAX licences cost too much.

SMAX Go calendar with two Please advise Log Off Safely events among work orders
SMAX Go calendar with a Log Off Safely event highlighted
SMAX Go calendar showing a Log Off Safely event from September
Before: in SMAX Go, "Please advise Log Off Safely" was one more item in a crowded work-order calendar, and only technicians had it.

Before

Check-ins depended on one app

  1. StartA notification 15 minutes before and 15 minutes after start time
  2. End"Log Off Safely" in SMAX Go, often skipped, and missing after hours and on weekends
  3. After 7pmThe after-hours team phones technicians one by one
  4. Everyone elseNo way to check in at all
  5. AlertsLand in a system used for history, where no one acts on them
~200field staff with no way to say they're home
1app with a check-in, and not everyone has it

After · Field Safe

Two buttons, and someone always responsible

  1. StartTap Start Safe
  2. On the dayExtend the time, add a vehicle or a comment
  3. 15 min before"Are you done?"
  4. 15 min after"Are you okay?"
  5. No replyTwo-way SMS, escalating from the person to their area manager, then regional manager
2main actions: Start Safe and Home Safe
5role groups, each seeing only what it needs

The problem, sized: about 200 field visitors with no check-in, including around 60 trainees, 50 field area managers and 7 regional area managers.

Discovery

The gap wasn't only the app. It was who acts on an alert.

When I joined in January 2026, the business requirements and process maps already existed, built from workshops the year before. I worked through them, then ran sessions with area managers, the Control Tower monitoring team and the product owner to test them against how people really worked. I kept one running list of open questions and decisions, so nothing agreed in a meeting got lost. I also studied Microsoft's own Dynamics 365 Field Service app, since Field Safe would run on the same Power Platform, to see how it handles a field worker's day.

22stakeholders across field operations, safety and the Control Tower
29draft requirements across check-ins, escalation, reporting and compliance
3SMS escalation levels: the person, their area manager, their regional manager
0people in the Control Tower using the monitoring tool's front end
01Alerts with no owner go nowhere

Notifications landed in a system the Control Tower only used for history. The back end worked, but no one used the front end. Every alert needed a named person to act on it.

02Not everyone goes out the same way

Trainees check in about once a week. Area managers visit sites without work orders. Regional staff stay away for days.

03A licence for everyone wasn't an option

SMAX licences cost too much to extend, so people outside SMAX needed something lighter: a Power App with a button to say they're home.

Prototyping and testing

People didn't want another app. They wanted one button.

My first prototype, built quickly in Figma Make, went broad: a "My Day" view with check-in and check-out per site, snooze and edit-time options when someone ran late, and a team dashboard showing who was on site, overdue or home safe.

Early concept: My Schedule and Team Schedule tabs with a week view
ConceptSchedules for me and my team
Early concept: an Extend Time dialog with Edit Time and Snooze
Running lateEdit time or snooze
Where I started: more views, more choices.

It didn't work. I tested my prototypes remotely with two to three people from each team. Each opened the prototype link and worked through real scenarios themselves while I watched and asked questions, and the feedback pulled the design in the opposite direction.

Remote test: a participant adds a visit in the prototype while Agnes watchesRemote test: a participant reaches Finish and Home SafeDesign review of the overdue alert with the product owner, smiling on a video call
Remote testing: participants drove the prototype themselves (left, centre). Right: reviewing the overdue alert with the product owner.
01"Another ad hoc task"

Many pushed back on one more thing to do at the end of a long day. If checking in felt like admin, it wouldn't happen.

02Back and forth between sites

The most important question: if I visit several sites in a day, do I check in and out at every one?

03Two moments that matter

The job came down to leaving and getting home. My brief to myself became: a button to log on and a button to log off.

Key decisions

Three calls that shaped the app

01

One button on, one button off

I stripped the app back to its core: Start Safe when you head out, Home Safe when you're back, one main action per screen. For people who are out most days, today's visit is created as soon as they open the app. People who go occasionally add a visit ahead of time, with a vehicle if they need one.

Out most daysToday's visit is ready. Tap Start Visit
Out occasionallyAdd a visit, then start it

Built to changeWhich group a role belongs to lives in a configuration table, so adding a new role is a setting, not a rebuild.

02

Every alert reaches a person, and starts with a question

In every session I asked the same thing: who is this alert assigned to? The escalation the team landed on names a person at every step. If someone doesn't check in, a two-way SMS goes to them, then to them and their field area manager, then adds the regional area manager, and replies are captured. The area manager, not the monitoring team, contacts emergency services if needed. The first alerts ask a question instead of raising a flag, and avoid judging anyone safe or unsafe, because Field Safe isn't the formal incident-reporting system.

15 minutes late"Are you okay?", then Home Safe

"Are you okay? Your work schedule has ended 15 minutes ago. Please visit Field Safe Tool and tap 'Home Safe' when you have arrived at home safely."

The alert 15 minutes after a scheduled finish

Never twiceEach alert is marked as sent before it goes out, so a retry can't send it twice. If a push fails, the SMS escalation still follows. Every SMS also had to fit in 156 characters, or it bills as several messages. I flagged that people might reply to a safety text while driving, and that the SMS wording needed legal review.

03

One check-in, one check-out, and location for the rest

Checking in and out at every site would have killed the app. I took the question from testing to a workshop with the tech team, product owners and solution architect. The answer: check in once when you head out, which turns on location, and check out once when you're home. If someone doesn't check out, the monitoring engine can use their location to find out where they are. No more check-ins at every site.

A helper, not the safety netPooled and new vehicles aren't always linked to a person, so location supports the check-in and the escalation, but never replaces them.

Outcome

Tested, reviewed and handed to build

After testing, the design went through two internal design reviews and two business walkthroughs, then into three delivery epics: the data tables, the mobile and admin screens, and the feed to the monitoring engine and reporting. The solution touches 9 of the 33 systems assessed, from SMAX and the monitoring engine to SMS and vehicle location, so the screens had to fit an integration-heavy design. Behind the screens I specified four data tables, a permission matrix of 11 functions across 5 role groups, and the unhappy paths: reopening the app loads today's visit instead of creating another, a failed save keeps what the person typed, and a role with no mapping shows an error rather than guessing.

The desktop admin app: open any visit's history, then change an alert's timing. Every change is audited.

Results

  • Tested with two to three people from each team
  • Testing led to a simpler two-button app, with location replacing check-ins at every site
  • Screens, flows, data model and permissions handed to build as three epics

Reflection

What I took away

  • Ask who acts on it. An alert without an owner is just a log entry. That one question changed the escalation design.
  • If it feels like admin, it won't get done. The resistance in testing was the most useful feedback I got, and it pushed the design down to two taps.
  • Write the decisions down. Requirements kept moving, so I kept a single list of open questions and agreed decisions. It became the source of truth for build.
← All work
Built in ServiceNow · 2026Internal platform

myIT Central

nbn's IT portal hadn't been redesigned in six years. I led its move to ServiceNow Employee Center: I interviewed users, mapped every comment, tested two designs with seven teams, and designed a search-first portal on nbn's brand.

Client
nbn
Role
Design lead
Timeline
Feb – Jun 2026
Team
Product owner, delivery manager, senior architect, ServiceNow developers
Problem
The portal every nbn employee and delivery partner uses for IT help had six years of UX debt: buried actions, duplicated content, dead links and tickets you couldn't tell apart.
My role
Design lead, end to end: interviews, synthesis, content audit, information architecture, A/B testing, visual design, and the requirements and test cases for build.
What I designed
A search-first homepage, navigation built from usage data, one hub for everything waiting on you, and banners and icons in nbn's style that pass accessibility checks.
Outcome
Tested with 16 people across 7 teams, 17 pieces of feedback routed into the build, and the portal built in ServiceNow in May 2026.

The problem

A ticket-entry tool that had stopped growing up

myIT Central is where nbn staff and delivery partners go to get IT help: log an incident, request software or access, find a how-to article, approve a request. It was last architected six years ago, and the team that once gave it UX guidance no longer did. Content piled up, and the layout stopped matching how people actually used it.

nbn was moving it to ServiceNow Employee Center to unlock AI and automated workflows. The brief: turn myIT from a legacy ticket-entry tool into a proactive, unified service hub, without making everyone relearn how to get help.

The old myIT Central homepage
Before: the myIT Central homepage, largely unchanged for six years.

Before · myIT Central

Widgets everywhere

  1. HomepageA large "current status" block pushes quick links below the fold
  2. NavigationDuplicated content and unclear labels such as "SEO contacts"
  3. TicketsEvery ticket looks the same: just a number
  4. ContentDead quick links and retired articles still linked
6years since the portal was last architected
2user groups: nbn employees and delivery partners

After · Employee Center

Built around what people do

  1. Search"How can we help?" front and centre
  2. NavigationThe most-used forms and articles, from the usage report
  3. My Active ItemsApprovals, bookings, requests and surveys in one place
  4. My RequestsEvery ticket shows what it is, not just a number
  5. Brandnbn icons and banners, checked for contrast
26requirements, each with an as-is and to-be
WCAG 2.1accessibility as the baseline

Research

People don't browse the portal. They search it.

I started with one-on-one interviews: people from teams across nbn sharing their screens and showing me how they really get IT help. I recorded and transcribed each session, then mapped every comment onto a whiteboard until the themes were clear.

4in-depth interviews, screen-shared and recorded
76minutes of interview transcripts
19themes from affinity mapping
5most-used articles and forms, from the usage report
Snippets from all four interviews, muted and sped up: people showing me how they get IT help today. Names are hidden.
Twelve minutes of synthesis in 25 seconds: interview notes grouped into themes.

"I mostly rely on the search bar. It's the quickest way to find what I need, whether it's a request form or information, instead of navigating through categories."

An nbn employee, during interviews
Eight of the nineteen affinity clusters: approvals, my assets, current status, tabs, quick links, forms, search bar and live chat
Eight of the 19 themes. Tap to see them all.
01The useful parts sit below the fold

A large status block pushed quick links so far down that many people never scrolled to them.

02Tickets all look the same

With only a number to go on, people opened several tickets in new tabs to find the right one.

03Duplication erodes trust

The same content in several places, and labels like "SEO contacts", left people unsure where to go.

Most-used articles

  1. Set up MS Authenticator
  2. Register a new device for RSA
  3. Manage group mailbox members
  4. Add a shared mailbox to Outlook
  5. Reset your nbn password

Most-used request forms

  1. Temporary privilege escalation
  2. Software request
  3. Jira and Confluence access
  4. Email and Outlook request
  5. Citrix VDI access

Testing

Simple to scan, or rich in context? The vote was almost tied.

I designed two directions. Design A was simple and close to the current portal. Design B added previews, a personal greeting, favourites and approvals you could action from the homepage. I tested them in two rounds: one-on-one A/B sessions first, then 30-minute group sessions with a randomised sample of seven teams, where people thought out loud as I walked them through.

Design A: a simple homepage with counters for active items
Design A Simple, close to today
Design B: a homepage with previews and inline approvals in My Active Items
Design B Previews and inline approvals
7teams: Networks, Operations, Finance, People & Culture, SEO, Legal, Customer
16people in group sessions, from a randomised sample of 31
9 vs 8votes for Design A vs Design B
17feedback items logged and routed to developers or the business
Group feedback sessions with People & Culture, Operations and Legal, muted and sped up.

"The version with previews feels better because it gives more context upfront, so I don't have to click into things."

A participant, on Design B
01Keep the layout simple, keep the context

A's clean layout narrowly won, but people missed B's previews and inline approve buttons. The answer was A's structure with B's context where it counts.

02Green read as "all good"

The outage banner was missed because of where it sat and its colour. It needed new placement and a colour that signals attention.

03Show the ticket number

Several teams asked for INC and RITM numbers and colour-coded statuses, so they could track and reference work.

Key decisions

Three calls that shaped the portal

01

Search first, then the tasks people actually do

Because people search rather than browse, the homepage leads with "How can we help?" and live suggestions as you type. Below it sit four plain entry points (Request Something, Log Incident, Knowledge Base, Book myIT Bar), and navigation that surfaces the most-used forms and articles from the usage report. Popular Topics recalculates every morning from what people use.

The new myIT homepage with How can we help? search showing suggested request forms
Search front and centre, with suggested forms as you type.

Data first, then judgementThe taxonomy started from the usage report and was then reviewed with the myIT team, so it reflected both behaviour and what the team knew was coming.

02

One place for everything waiting on you

Approvals, myIT Bar bookings, control attestations, requests and surveys used to live in separate widgets. I brought them together in a single My Active Items hub near the top of the page, and simplified quick links into Recent, Favourites and All tabs. And because tickets all looked the same, every item in My Requests now shows what it is, not just a number.

"I really like having my activity items visible straight away because I can quickly click in and understand what's happening."

A participant, during testing
Quick links with Recents, Favourites and All tabs next to My Active Items counters for requests, approvals, surveys and tasks
Quick links and My Active Items, side by side near the top of the page.

Shown only to the right peopleControl attestations appear only for staff with the governance roles that need them, so the hub stays relevant for everyone else.

03

Make it nbn, fight the defaults that break habits, accept the rest

Out of the box, Employee Center looked generic and named things its own way. For every view, I compared myIT, the platform default and the target, field by field. Where a default would break a habit, we changed it: "My Tasks" became "My Approvals" again, right down to the breadcrumbs. Where it didn't matter, I accepted it, so the build stayed close to the platform and easy to upgrade.

ServiceNow Employee Center out of the box, with a generic space banner
Out of the box Generic Employee Center
The built myIT portal with the nbn banner, icons and My Active Items
Built for nbn Brand, icons and familiar names

When the platform said noTwo problems needed ServiceNow itself: images blocked by access rules on support pages, and back-end records leaking into portal search. Both went to ServiceNow as vendor cases rather than being designed around.

Visual design

An nbn look, checked for accessibility

I set up line icons for every topic and quick link, using nbn's design system and designing new ones where it had gaps, and designed banners for the homepage, knowledge base and service catalogue, all to nbn's brand guidelines. Then I checked them in the built portal with the browser's accessibility inspector, not just in Figma.

Twenty-four blue and green line icons on white, including support, network, devices, access and security
24 of the 29 topic and quick link icons: some from nbn’s design system, some I designed to fill the gaps.
29topic and quick link icons, from nbn’s design system plus new ones I designed
3banners: homepage, knowledge base, service catalogue
17.4:1contrast on card titles, against a 4.5:1 minimum
Browser accessibility inspector showing a card title with a contrast ratio of 17.4
Checking contrast in the built portal: 17.4:1 on card titles.

Outcome

Researched, tested and built

By late May 2026 the new portal was built in ServiceNow. Behind it: 10 user stories with pixel-level specs, 26 requirements and 19 fixes tracked with an as-is and to-be for each, 13 test cases covering employees and partner staff, and a content audit that removed retired articles and dead links before they could carry over.

The built myIT portal in ServiceNow, with quick link icons and My Active Items
The built portal in ServiceNow, May 2026.
4 + 16people heard: interviews, then group sessions
17feedback items routed into the build
26 + 19requirements and fixes tracked
2platform defects escalated to ServiceNow

Feedback in June surfaced two follow-ups for the next iteration: people who had bookmarked an old form should land on the same form, and an incident summary that simply read "General Incident" left people unsure what they'd raised.

Results

  • Researched with 4 interviews and tested with 16 people across 7 teams
  • Designed, specified and built in ServiceNow by May 2026
  • Brand assets checked for contrast in the built portal

Reflection

What I took away

  • Design for how people arrive. Most people visit an IT portal once in a while, with one task. Search and clear labels matter more than a clever homepage.
  • Test directions, not details. A 9 to 8 vote told me more than a single design could: people wanted simplicity and context, and the final design gives them both.
  • A migration is a content project too. Moving six years of content without an audit would have moved the mess with it.
← All work
Concept for CFSFinancial services · AI

CFS AI Chatbot

Superannuation members were waiting on hold for simple answers. I designed the concept for an AI coach that answers what it safely can, knows exactly where general information ends and personal advice begins, and hands every member to the right person when it should.

Client
Colonial First State (CFS)
Role
Lead product designer, UX/UI and service design
Timeline
2026 · about 3 months
Team
Digital transformation lead, customer engagement, business analyst, engineering, product
Problem
The call centre faced high volumes and long waits, much of it for simple questions members couldn't answer themselves online.
My role
Lead product designer: governance-heavy workshops, the future-state journey, feasibility sizing with engineering, and 8 chat scenarios mocked up end to end.
What I designed
"First Coach", an AI coach that triages: it answers general questions, routes members by suitability to four advice paths, and hands off to a person gracefully.
Outcome
A concept CFS could build from: a Day 1 MVP and Day 2 roadmap sized with engineering, and a defined line between what the AI can and can't say.

The problem

Long waits for simple answers, in a heavily regulated industry

Colonial First State, an Australian super and investment fund, wanted to modernise member support. Its call centre faced high volumes and long wait times, so it asked what an AI chatbot could do: give instant, scalable answers, without ever crossing into regulated personal financial advice.

How might we reduce call centre friction with an AI chatbot, while keeping the experience strictly within legal compliance boundaries?

The problem statement

Before

Jump between sites, then call

  1. SearchMembers hunt across portals and help pages
  2. Give upSimple questions go unanswered online
  3. CallA long wait on the phone for general information

After · First Coach

One entry point that triages

  1. AskGeneral questions answered instantly, with clear disclaimers
  2. RouteMatched by suitability to one of four advice paths
  3. Hand offWarm transfer to live chat, or a direct call, when it should
6conversation types in one chat
4advice paths behind one entry point

Discovery

Most of the conversation was about governance

I ran workshops with the digital transformation lead, customer engagement, a business analyst and product to audit the current member journey. Much of that time went on governance: what an AI is allowed to say in super, how to disclose that it can't give personal advice, and who takes over when it shouldn't answer.

01Fragmented endpoints

Members jumped between portals and help sites before giving up and calling, even for simple questions.

02A critical moment

The first rollout targeted pre-retirees and members without a financial adviser, who need clear, general guidance at a big life transition.

03A legal line

The chatbot could give general information, never personal advice. That boundary had to show up in the conversation itself.

The future journey

One chat, four ways to get the right help

I mapped the future-state journey end to end, from how a member arrives to how every conversation ends. It runs in four stages.

01Two ways in

Active: a CFS campaign email, the website or the call centre links straight to the AI coach. Passive: a member opens the CFS app and asks. Before the first question, the coach explains what it can and can't do, with data and privacy disclaimers.

02Six conversation types

Intrafund, education, consideration (like closing an account), personal information, actions (like getting a statement), and moving to live chat. Members can mix any of them in one conversation.

03Routing by suitability

Simple questions go to intrafund advice or the Otivo digital platform. Medium ones go to a one-off Viridian adviser or comprehensive advice. Complex ones, like self-managed super, aged care or trusts, go to Find an Adviser.

04A graceful hand-off

If a member wants a person, the coach makes a warm transfer to live chat. If chat is busy, it offers a direct call. If the contact centre is closed, it shares opening hours and keeps helping.

Future-state journey map for the AI coach
The future-state journey map. Tap to zoom into each stage.

Workshop

A wall of sticky notes became the roadmap

With engineering and product, I ran a T-shirt sizing workshop. Every capability the coach needed went on a sticky note, and the room sized it by effort: XS under two weeks, S about a month, M about two months, L more than two.

The board answered the question CFS cared about most: what can we do first? Day 1 used what CFS already had, like linking out to existing booking tools. Day 2 brought those journeys into the chat once the integrations existed. Anything still unclear, such as funds and performance, was parked rather than guessed.

See the original sizing board →

Key decisions

Three calls that shaped the concept

01

Say what it can't do, then show where to go

The coach never pretends to be an adviser. When a question needs personal advice, it says so plainly, then offers the right path straight away, so a limit becomes a next step instead of a dead end.

"I'm not licensed to give personal financial advice. However, based on your profile, I can connect you to our digital advice platform, Otivo, which is designed to help with exactly that."

First Coach, in the "Should I consolidate my super?" scenario
Suitability routing: simple, medium and complex needs mapped to Otivo, intrafund, Viridian and Find an Adviser
The suitability logic behind every hand-off.
02

Start with what exists, then bring it into the chat

The sizing gave every journey two versions. Find an Adviser shows the jump best: on Day 1 the coach hands over to the existing tool in an embedded view, which is quick to ship. On Day 2, the member searches by distance and books without leaving the chat, which is the biggest note on the board.

Day 1: the coach links to the existing Find an Adviser tool
Day 1Hand over to the existing tool
Day 2: the coach asks for a postcode and distance, lists advisers and books one in the chat
Day 2Search and book inside the chat

A limit I called outOn Day 1, once a member moves into an embedded tool, the conversation's context doesn't follow and nothing is logged. Naming that early made the case for the Day 2 integrations.

03

Put the coach where members already look

I explored where the coach should live in the member dashboard, from a centred module to a header icon and a bento-box layout, and how the chat opens: in place, on a new screen, or with suggested prompts members can swipe through. The aim was to make it easy for pre-retirees to find, without cluttering their balance and performance view.

Wireframes of three placement options for the AI coach in the member dashboard
Placement and interaction options, from dashboard to chat.

Designed for pre-retireesHigh-contrast UI, clear typography and jargon-free language, so the technology felt approachable, not overwhelming.

Scenarios

Eight scenarios, mocked up end to end

To make the concept tangible for CFS, I mocked up the scenarios members would actually bring, each in its Day 1 and Day 2 form where they differ: finding an adviser, checking funds and performance, comparing super, understanding a risk profile, intrafund advice, booking with Otivo or Viridian, and speaking to a person.

Three of the scenarios, scrolling through the conversation.

Outcome

A concept CFS could build from

  • A sized roadmap: every capability rated XS to L, split into a Day 1 MVP and Day 2 enhancements.
  • A future-state journey: two ways in, six conversation types, suitability routing to four advice paths, and a hand-off for every situation.
  • A defined scope: the questions the AI could safely answer, with answers anchored to verified product documentation to reduce the risk of wrong information.
  • Eight scenarios: 12 mocked-up chat screens that showed CFS exactly where the chatbot would take members.

Results

  • Designed the concept and future-state journey for CFS
  • Sized a Day 1 MVP and Day 2 roadmap with engineering
  • Mocked up 12 chat screens across 8 member scenarios

Reflection

What I took away

  • Design for compliance, not around it. Knowing exactly where general information ends made the chatbot more useful, not less.
  • Prioritise with feasibility. Sizing with engineering early kept the roadmap both high-impact and buildable.
  • A chatbot is only as good as its hand-off. The most important screens were the ones where the AI steps aside for a person.
← Home
SingaporeProduct designer

Resume

Product design for enterprise, operational and internal tools, from research through to developer hand-off.

Experience

  1. 2026

    CPED Management Tool · nbn

    Functional design and acceptance criteria for a national-scale copper disconnection tool.

  2. 2026

    Field Safe · nbn

    Experience design for a lone-worker safety app covering 200 field staff.

  3. 2026

    Design Lead, myIT Central · nbn

    Led design of the internal IT portal migration and content audit. Shipped May 2026.

  4. 2023 – 2026

    UX Designer, Field Toolkit · nbn

    Redesign of nbn's field workforce app, from research to shipped features. First prototype secured continued funding; 20% adoption in the first month.

  5. 2021 – 2022

    UX/UI Designer, Recruitment Central · Atlassian

    End-to-end design of an offer and approval tool for global hiring.

Education

  1. 2021

    UX/UI Design Transform · Academy Xi

    Including a client project on a Westpac brief.

Still to add. Your employer(s): testimonials point to Avanade and Accenture. Work for bp and NSW Government Customer Service from your logo strip. Any degree. A PDF resume link if you'd like a download button.

← Home

Work

Selected projects. Each one is end-to-end design, from research through to developer hand-off.

  1. 01Field ToolkitnbnOne app that brings together the tools nbn’s field technicians need for every job.
  2. 02Recruitment CentralAtlassianFixing a 40-day offer process that was losing a quarter of candidates.
  3. 03Field SafenbnA way for about 200 field staff to say they got home safely, and an alarm if they don't.
  4. 04CPED Management ToolnbnSafeguards for irreversible disconnections, up to half a million a year.
  5. 05myIT CentralnbnMigrated nbn's internal IT portal and audited six years of untouched content.
  6. 06CFS AI ChatbotColonial First StateA concept AI coach for super members that routes people to the right advice.
← Home

Hi, I’m Agnes 👋

I design for people.

I’m curious, and I enjoy making things that make someone’s day a little easier.

Agnes smiling over her shoulder from a canoe on a turquoise mountain lake

I lived in Sydney, Australia, and recently moved to Singapore. I’ll always miss the Sydney weather, the coastal walks and that unbeatable beach culture, but I feel lucky to call Singapore home now: the amazing food, the clean streets, all the trees, and how smoothly everything just works.

I started out in fashion design, sampling and prototyping long before anything went into production. Product design turned out to be the same process with a different material, and I love how directly it helps people. Really, I just call myself a designer: give me anything and I’ll want to design it.

Most of my work so far has been B2B, but I’m just as excited to design for customers and brands. Outside work, you’ll find me with a book, in a museum, painting, or vibe coding small projects for fun.

← Home

Beyond tech

The other side of me. I build brands on the side, and before product design I worked in fashion.

← Beyond tech

I build brands, then help them use them well.

Logo, type, colour and the places a brand actually lives.

Alongside product design, I run Arkhive Studio, a small branding practice. I help businesses shape how they look and feel, then carry it through everything they put out: from logos and packaging to menus, signage, websites and social.

Ada’s Affair

Café · Darlinghurst, Sydney ↗

A new café brand, from concept to the cups on the counter.

Logo · Menu · Business card · Signage · Cups

Ada’s Affair monogram on blueBranded takeaway cupsCoffee with the monogram coasterAda’s Affair signage over a busy café

Bootsdarling Cafe

Corner café · Darlinghurst, Sydney ↗

A rebrand built around a hand-drawn boot and a calm green palette.

Logo · Cups · Loyalty card · Menu

Bootsdarling logo on greenBusiness and loyalty cardsGreen cup with the line-drawn bootBootsdarling menu

Fat Boy

Dumpling pop-up · Sydney

A playful identity for a wonton and dumpling pop-up stall.

Logo · Branding · Packaging

Fat Boy round sticker logoTakeaway box with Fat Boy wrapFat Boy wordmark over dumplingsDumpling mark on a café window

Medja

Caterer · Jakarta

Packaging and menus for a catering brand’s jarred and boxed range.

Jar packaging · Box packaging · Menu icons · Menu template

Pistachio basil pesto jarMedja jar seriesMedja box packagingMedja menu icons
← Beyond tech

Before tech, I designed clothes.

A graduate collection, a year of fashion week and two years in the industry.

  1. Graduate collection

    My UTS graduate collection was featured in 10 Magazine Australia’s coverage of the UTS Fashion Graduates Showcase 2016.

  2. Fashion week internship · 1 year

    Design assistant intern at Christopher Esber, cutting samples and helping with design and production, across many Mercedes-Benz Fashion Week Australia shows. Spring 2015 collection ↗

  3. In the industry · 2 years

    Designer and design assistant at House of Cannon. I designed and set up prints for production.

Graduate collection

UTS Fashion Graduates Showcase 2016

Model in a pale pink bandeau with pearl strands, a red hand-woven wrap and a linen skirt
Model seated on a chair in a pale pink top with a red woven skirt
Magenta strapless dress with cut-outs and pearl strands
Full-length magenta draped gown
From illustration to technical flats
10 Magazine Australia article: Colour, Volume and Movement, the UTS Fashion Graduates Showcase 2016, showing a look from the collection on the runway
10 Magazine Australia, 28 October 2016

Playdate Studios · Food Fight, Resort 20

Prints I designed and set up at House of Cannon.

Field of Dreams T-shirt dress and hatOrange Fizz T-shirt dressStir Fry shift dress with bok choy and red cabbage printsI Heart You top with Purple Pansy maxi skirt

Christopher Esber · Spring 2015

Design assistant intern: cutting samples, design and production.

Cream textured top and flared skirt with navy striped fringed sashWhite wrap top and skirt with stripe print and green tieCream dress with knotted navy striped scarfNavy leather layered bandeau with black trousers