Transport NSW — SCATS Traffic System
Translating policy-heavy transport operations into scalable, usable workflows
Overview
SCATS is a legacy desktop-based traffic control system used to monitor and manage live intersection performance. The goal of this project was to modernise the interface into a web-based application, improving usability, accessibility, and operational clarity while respecting strict architectural constraints.
I led the redesign of site investigation workflows, focusing on map-based context, note management, and operational visibility.
Context
SCATS (Sydney Coordinated Adaptive Traffic System) supports traffic management operations and service workflows.
The platform involved:
Data-heavy operational dashboards
Policy-driven processes
Multi-role user access (operators, analysts, administrators)
Strict governance and regulatory constraints
Users needed to interpret complex operational data and execute time-sensitive decisions within defined compliance frameworks.
However, the existing workflows were:
Fragmented across modules
Dense with policy and operational detail
Inconsistent in interaction patterns
Difficult for new users to onboard into
My Role
Senior Product Designer (Accenture delivery team):
Led workflow mapping and service blueprint creation
Conducted stakeholder workshops and co-design sessions
Translated policy and operational requirements into structured interaction patterns
Built reusable Figma design systems for consistency
Partnered closely with product managers, BAs, and engineers
Outcome
Impact included:
Reduced clarification cycles between designers, BAs, and engineers
Improved workshop alignment across cross-functional teams
Faster design production through reusable components
Increased consistency across operational modules
Strengthening the design system reduced design time from 8 hours to 1 hour and shortened elaboration from two sprints to half a sprint — improving delivery speed and predictability.
This project laid the foundation for more structured, scalable UX practices in later enterprise roles.
New web based application
Current application
Current Application (Legacy Desktop SCATS)
The existing SCATS Access system is a desktop-based application with dense data panels, legacy visual patterns, and limited spatial context integration.
Information is distributed across multiple tabs and widgets, requiring high system familiarity to interpret operational status. While powerful, the interface relies heavily on institutional knowledge and presents a steep learning curve for new users.
Navigation and data visibility are fragmented, increasing cognitive load during time-sensitive investigations.
New Web-Based SCATS Application
The redesigned web-based SCATS Access application modernises the experience by integrating operational data directly alongside an interactive map.
Key improvements include:
Contextual information panels that preserve map visibility
Clear hierarchy of site status, alarms, and performance data
Simplified navigation with progressive disclosure
Improved readability and spatial awareness
The new design reduces cognitive load, supports faster investigation workflows, and makes critical site information easier to interpret in real time.
The Problem
The core issue was not missing functionality — it was structural complexity.
Users struggled with:
Navigating between operational views
Interpreting dense policy language in workflow steps
Understanding task ownership and sequence
Managing data-heavy interfaces with limited hierarchy
Operational teams often relied on internal knowledge or manual clarification rather than trusting the interface.
This created friction and slowed service processes.
Discovery & Approach
Research & Stakeholder Alignment
Due to limited direct access to end users, I worked closely with internal stakeholders across Product, Engineering, and Operations to align on business goals, constraints, and existing assumptions.
This phase focused on:
Understanding regulatory and operational constraints
Identifying known friction points from support and internal teams
Mapping existing workflows and data dependencies
Aligning on technical feasibility early
By bringing Product, Design, and Engineering together at the outset, we reduced downstream rework and ensured the solution balanced user needs with architectural realities.
User Persona Caption (SCATS)
User Persona — Traffic Operations Officer
To ground the redesign in real operational context, I developed primary personas representing traffic operations and service teams.
The primary persona — a Traffic Operations Officer — was responsible for monitoring live data, responding to incidents, and coordinating across departments under time pressure.
Key characteristics:
High-stakes, time-sensitive decisions
Dependent on accurate, structured data
Working within strict policy and compliance frameworks
Low tolerance for ambiguous workflows
This persona helped anchor design decisions around clarity, speed, and error prevention in regulated environments.
Journey mapping - Operational Workflow Analysis
I mapped the end-to-end service workflow from incident identification to resolution, identifying friction points across:
Data interpretation
Task ownership
Policy validation steps
Cross-team handoffs
The journey map revealed:
Redundant navigation between modules
Policy instructions embedded inside action screens
Lack of clear progression indicators
Unclear accountability during escalation
These insights informed the restructuring of task flows and the separation of policy guidance from actionable UI components.
Problem Definition Workshop
With limited customer access, I facilitated a cross-functional workshop with 9 representatives from Product, Design, and Engineering to surface assumptions and define the real problem space.
Goal:
Move from feature requests to validated problem statements.
Activities included:
Knowledge sharing session to align on current system behavior
Assumption mapping to uncover hidden constraints
Categorising site notes, messages, and system messages
Defining in-scope vs out-of-scope boundaries
Key outcomes:
Clarified ownership and lifecycle differences between message types
Identified redundancy between site notes and system messages
Defined MVP scope (create, edit, delete)
Parked complex areas (permissions, migration, search) for future phases
This workshop prevented over-engineering and helped the team align on a realistic first release.
Ideation & Rapid Exploration
Following alignment, I translated workshop insights into rapid sketch explorations.
The goal was to:
Explore multiple layout options
Test interaction models for message creation and editing
Balance system-wide visibility with contextual relevance
Validate feasibility with Engineering early
Over several iterations, concepts evolved from broad structural changes to lighter, incremental improvements that respected existing architecture.
Concept Exploration
Design A — Dedicated Pop-up Panel
This concept introduced a focused pop-up panel for creating and viewing notes without leaving the map context.
Strengths
Provides more visual space for content, improving readability.
Allows larger icons and typography — better suited for eligibility and status visibility.
Enables users to review multiple items without navigating back and forth.
Reduces cognitive switching between map and content views.
Trade-offs
Requires additional UI layer and engineering effort.
Introduces another interaction state to manage.
Potential complexity in maintaining consistency with existing panel patterns.
This option prioritised usability and clarity but required additional development investment.
Integrated Info Panel (All-in-One)
This concept reused the existing information panel to manage notes and messages within a single structured layout.
Strengths
Keeps all interactions within the existing system pattern.
Minimises development effort by leveraging current components.
Maintains interface consistency.
Trade-offs
Limited space reduces readability.
Smaller icons and typography impact scanability.
Requires more back-and-forth navigation to review content.
Less suitable for content-heavy workflows.
This option was technically efficient but introduced usability compromises under high-volume scenarios.
Slack-Style Inline Composer
Inspired by chat-based interaction patterns, this concept allowed users to type and post notes directly within the map interface.
Strengths
Encourages fast note entry.
Familiar interaction model for users.
Lightweight and flexible for quick updates.
Trade-offs
Disconnected from structured note management.
More complex to implement within the existing architecture.
Risk of increasing information noise without hierarchy controls.
May not align with enterprise governance requirements.
This concept optimised speed but raised concerns around structure, scalability, and technical feasibility.
Decision Rationale
After evaluating usability impact, development effort, and system constraints, we prioritised a solution that balanced readability improvements with architectural feasibility.
Rather than pursuing a full structural redesign, we adopted a lighter implementation that improved clarity while remaining within delivery timelines.
This demonstrates trade-off management — not just design preference.
UI workflow
Scope of Design & Delivery
The release focused on enabling full lifecycle management of site notes within the map interface.
Core Capabilities
View existing notes
Create new notes
Edit and save updates
Delete notes
System States Considered
Overview visibility while editing
Maximum character limits
Empty states
Loading indicators
Error states (update failure, load failure)
This ensured the experience was robust — not just visually complete.
User Workflow — Editing and Saving Notes
Step 1 — Identify Site
Upon login, users see site markers on the map.
If a site ID (e.g. 63043) is highlighted in red, it signals an alert condition requiring investigation.
Users select the site to view more details.
Step 3 — View Notes
Users navigate to the Notes tab within the panel.
Here they can:
Review existing notes
See timestamps
Identify authors
Scan historical updates
Step 2 — Access Site Overview
The information panel slides in from the left, providing an overview of site status, operational data, and alerts.
This allows users to maintain map context while reviewing details.
Step 4 — Open a Note
Selecting a note expands it within the panel.
Users can:
Read the full content
Edit or delete the note
Maintain visibility of the map while reviewing content
Step 5 — Edit Mode
Clicking Edit transitions the note into an editable state.
The user can:
Modify text
Apply basic formatting
Review changes before saving
Inline controls prevent accidental navigation loss.
Step 6 — Save or Cancel
Users can:
Click Save to persist changes
Click Cancel to discard edits
Validation ensures:
Character limits are respected
Errors are surfaced clearly
Data loss is prevented
Step 7 — Post-Save State
After saving:
The updated timestamp is displayed
The editor’s name is recorded
The panel returns to read-only mode
The note list refreshes automatically
This reinforces system feedback and audit transparency.
Edge Cases & System States
To ensure the experience was production-ready, I designed for key edge cases beyond the happy path.
Covered States
Confirmation before deletion to prevent accidental data loss
Inline error handling when notes fail to save or load
Loading indicators during network delays
Clear empty states when no notes exist
Capacity warning when maximum notes are reached
Designing these states ensured the feature was resilient, predictable, and aligned with operational governance standards.
Error State — Save Failure
If a system or network error occurs while saving, the user is shown a clear inline error message without losing their input.
This prevents accidental data loss and allows the user to retry the action confidently, reinforcing reliability in operational workflows.
Empty State — No Notes Available
When a site has no notes, a clear empty state message is shown with a visible Add note call to action.
This guides users toward the next step and prevents confusion caused by blank or ambiguous interfaces.
Maximum Note Limit — Capacity Reached
When the maximum limit of 10 notes is reached, the system displays a clear warning and disables further additions.
This makes constraints visible upfront, avoids silent failures, and supports governance requirements around information volume control.
Reflection
This project shaped my approach to enterprise UX.
Key learnings:
In regulated environments, clarity must coexist with compliance.
Service design and workflow mapping are critical before UI decisions.
Standardised patterns reduce long-term delivery friction.
Large-scale systems require alignment across policy, operations, and engineering.
SCATS marked my transition from interface design to systems thinking — a foundation that later informed my work on complex SaaS platforms like Capsifi and LandIQ.