Case study · Data Visualisation

Captivating the nation with a live electorate map

For the 2016 federal election, I designed and coded the ABC’s real-time electorate map, turning a desktop-only experience into one the whole country could follow from any device. Mobile usage tripled on election night.

Client
Australian Broadcasting Corporation
Role
Designer & Developer
Focus
Product Design · Web App Development
Impact
3× mobile users
ABC Federal Election 2016 live electorate map on laptop and smartphone
01

Challenge

Before the redesign, the ABC’s election results map made one of the biggest nights in Australian news harder to follow than it should have been.

  • Poor representation of electorate data: the existing map lacked clarity, making results difficult to interpret at a glance.
  • Clunky experience: unintuitive navigation demanded excessive steps to find relevant information.
  • Not responsive: designed primarily for large screens, the map was effectively inaccessible on mobile and tablet.
The previous ABC election map, designed for large screens only
The previous election map: desktop-only and hard to read at a glance.
02

Approach

Even on a newsroom deadline, I made the case for validating designs before building them, grounding the map in real-world insights rather than assumptions.

  • Sketching workshop: engaged key stakeholders to validate assumptions and uncover pain points, aligning everyone on the map’s design.
  • Guerrilla usability testing: put electorate map designs in front of ABC staff and non-staff alike for fast, honest feedback.
Early draft designs of the electorate map
Early drafts, tested with real people before a line of production code.
03

Outcomes

On election night 2016, the new map let the whole country watch democracy happen in real time, on any screen.

Mobile audience

Mobile audience for ABC’s election map tripled on election night.

  • Enhanced engagement: increased time spent on the election coverage page.
  • Improved accessibility: made election data digestible for a far wider audience.
  • Seamless mobile experience: results available anytime, anywhere, tripling mobile users.
  • Scalable solution: a reusable framework for future elections and political events.
The live map in action: real-time results, electorate by electorate.
National view of the 2016 election map on desktop

Next case study

Modernising practice management for business owners