Case Study

Aurora Energy: electrical outage communications

Aurora Energy needed a public outages map for 87,000 customers in Otago — their most critical communications tool and the only touchpoint most customers ever had with the company. I led research and designed the map around a single operational reality: when the power goes out, the phone is the only device available. The result eliminated media enquiries entirely and took outage-related calls from 78% of all customer service contact down to occasional enquiries.

The Aurora Energy website homepage and outages map
Client
Aurora Energy
Project Type
Website Re-development
Role
UX Designer
My contribution
Research design and execution, IA, and all UX decisions for the map end-to-end
Timeframe
4 months
Team
Product Owner, Project Manager (1), Software Engineers (3)
  • User research
  • User interviews
  • Card sorting
  • Stakeholder Workshops
  • IA Design
  • Tree-testing
  • Wireframing
  • User flows
  • UI design
  • Prototyping
  • Usability Testing
Check out the map

The brief

Aurora Energy is a lines company — when a powerline goes down, they are who fixes it. They manage the electrical distribution infrastructure for over 87,000 people in Otago, New Zealand, and were under intense public and media scrutiny for infrastructure reliability. The public had lost trust, and it was costing them money.

A power outage is the only moment most customers ever deal with the company directly — and there was no public tool for them to self-serve when it happened. I led research and designed the outages map from scratch, as lead designer on a wider website redesign.

The problem

78% of customer service calls were outage-related — spiking sharply during widespread events, overwhelming the team at exactly the moment they needed to focus on repairs. Customers had nowhere to go for accurate information, so they called.

Analytics, customer service call log and site search data — outages account for a third of all website traffic, with search showing the same pattern
A third of all website traffic was people looking for outage information — and reporting they couldn't find it.

What I designed

A mobile-first map built around one operational reality: if the power is out, the laptop is unavailable. Outages on the homepage — one page load, no navigation required during a crisis. A drawer interaction that preserved map context while revealing outage detail. An accessible list view alongside the map for users who couldn’t use it.

Final outage map with drawer open — map context preserved while outage detail is revealed
The drawer in final form: map context preserved, outage detail revealed simultaneously.

Results

Occasionaloutage-related customer service calls after launch, down from 78% of all customer contact
Nonegeneral media enquiries regarding outage size or duration after launch
Trust2024 Aurora customer satisfaction survey showed “an increased rating in service and performance and also in trust”
Best exampleshown at the Otago Civil Defence Emergency Management PIM conference as “best example of sharing real-time data in an easy-to-use format”

These are indicators of success rather than definitive proof — the survey can’t be attributed to the website alone, and I’d have liked more absolute numbers on the call reduction.

“The only time I have interacted with Aurora was when I had a planned outage.”

Aurora Energy customer

Full Case Study

Research: two things that changed the design

Eight interviews spanned residents, business owners, contractors, farmers, people working from home, and an older adult who was also an advocate for that group. Alongside them: website analytics, internal search data, and 526 customer service calls from the previous 12 months. Moderated card sorting with the same participants and tree-testing (n=50) informed the information architecture. My colleague and I ran a persona workshop with internal stakeholders to build shared alignment on Aurora Energy’s diverse users before moving to design.

Six personas developed from the research — CJ the Contractor, Concerned Cathy, Jade Job-seeker, Landowner Lew, Rasha Regulator, and Sally with a small business
Six personas, one shared need: knowing what is actually happening.

Accuracy over speed

Customers don’t expect instant fixes — they expect honest information. Inaccurate updates, disappeared alerts, or missing context cause significant frustration.

Knowing that something has changed — even for the worse — is preferable to uncertainty.

Planned = plannable

Planned outages are acceptable because they’re manageable. Unplanned outages without information are not.

Framing the problem

How might we support decision making for customers before, during, and after electrical outages so public trust is restored?

Improved information around outages would reduce customer service calls and ultimately improve perception of Aurora. Success would be measured as a reduction in the percentage of customer calls regarding outages.

When the power goes out

Almost every participant in the research described mobile as their default during outages for one reason: if the power is out, the laptop is unavailable.

Full Aurora Energy sitemap — Outages, Report a fault or hazard, Approved Aurora Energy Contractor Portal and Disclosures marked as priority direct-access items at top level
Outages promoted to a top-level, direct-access entry — the IA decision behind the homepage placement.
First wireframes showing outages placed directly on the homepage — one page load, no navigation required during a crisis
First wireframes: outages on the homepage, not behind a click.

Competitors typically opened maps in a separate application — a full-screen experience, but one that required an extra navigation step at exactly the moment a user with no power can least afford it.

Comparison of competitor outage map interfaces — all open in a separate application, requiring an extra navigation step
Competitors: full-screen maps in separate applications — one more step when the power is already out.

Why the drawer won

Three approaches compared: modal loses map context, popup creates nested complexity, drawer preserves orientation while revealing detail
Three approaches compared — only one keeps the map on screen.

The outages map needed to function within Aurora’s website as a content block — not a standalone application. This created a specific interaction problem: how do you reveal outage detail without losing map context?

Modals disrupt spatial orientation

The user loses their place on the map — in a crisis context, this creates unnecessary re-orientation.

Popups create nested complexity

An embedded map already has limited interaction surface; a popup within that space compounds the problem and risks obscuring the surrounding map context.

Drawer preserves orientation while revealing detail

The map doesn’t disappear — it narrows. For a crisis decision, this matters: the user can verify they’re looking at the right area while reading the detail.

Accessibility as a design decision

Annotated list view wireframes — map/list toggle, Current/Upcoming/Recent tabs, suburb search, status filters for planned, unplanned, cancelled and postponed outages, and an expanded outage showing people affected, streets affected and reason for outage
List view inclusion influenced toggle structure, search placement, tabs, and legend positioning across the entire interface.

Embedded maps don’t provide an accessible experience for all users. I included a list view — not primarily because users preferred it (testing confirmed the map was the default) but because it was the right call for the users who would need it most and couldn’t use the map.

This decision had structural consequences beyond the accessibility case: including a list view required a map/list toggle, which then influenced where every other UI element lived — search, outage tabs, and legends all fell into place around that toggle.

Four layout explorations for the map and list toggle — top tabs, a second top-tabs arrangement, a one-button switch, and map with list below, each showing search, outage tabs and status filters in a different position
Four toggle placements explored — each one moved the search, tabs and filters with it.

What testing changed

Five mobile prototype screens — map view with clustered outage counts, drawer collapsed, drawer expanded showing outage detail, list view, and address search
Map, drawer, list and search on a phone — every design decision in one flow.

I brought six participants from the original research panel back for usability testing, over video call, against Figma prototypes covering three key scenarios.

Zoom reset button

Users were getting lost at high zoom levels with no easy way to return to their area. We added a zoom-out control.

”See more” cue

Users weren’t discovering that the drawer could be expanded. Adding text alongside the expand icon particularly helped older participants less familiar with the icon pattern alone.

Suburb labels

The list view was rendering as an undifferentiated list of street names. Adding suburb context to each entry gave users enough orientation to identify whether an outage was near them. This required co-ordination with outages API development.

Area polygons

The outage markers didn’t show the specific affected areas. We couldn’t add address level information due to customer privacy, so we added area polygons instead.

The changes I wasn’t able to stop

This was a highly collaborative process with the technical lead from Effect and Aurora Energy’s API developer, to ensure we served the right information and could create a reliable experience.

The orange brand colour was integrated into the active state, which isn’t accessible. That was a decision at C-suite level, and the project stakeholders didn’t want to challenge it — a bit of managing up that I didn’t win. I do wish I had fought back on that.

Final designs

Final outage map showing map view with outage markers and Aurora branding
Final outage map with drawer open — showing the key interaction decision in final form
Final list view — accessible alternative showing outages with suburb context

Reflection

Customer service calls are a lagging indicator. I should have measured a more direct leading indicator — the percentage of users successfully finding their outage information on first visit. I’d also expand the user testing pool outside of previous interviewees to ensure a non-biased test sample, and quantify usability testing success: task completion, time to complete, error rate.

What this project changed about how I approach information hierarchy: when someone’s power is out and they’re on a phone, they can’t evaluate three equally-weighted options. The drawer wasn’t just an interaction pattern — it was a decision to give the user one clear thing rather than a choice between things.

If I find myself giving users two equally prominent paths, I ask whether I’ve actually resolved the decision or just deferred it to them.