Ziyi's
DESIGN
PORTFOLIO
Please switch to a desktop device to explore Ziyi's portfolio.
Scoot
Decision
Dashboard
UI/UX Design
Front-End Development
DESIGNED FOR
Scoot Airlines
ROLE
Team of 6
As UI/UX Designer
YEAR
2024
PROJECT
OVERVIEW
The Scoot Operations Command Web Application is a modular aviation dashboard designed for Scoot’s Operations Control Centre. It provides visualized performance metrics and a live flight tracker to support flight delay decision-making and streamline operational workflows.
BUILD WITH
Figma
Next.js
FastAPI
Key Stakeholder
Operations Controller at Scoot Operations Command Center
Pain Points
Scattered information:
-
Information is scattered across systems and manual artifacts
-
High reliance on memory, notes, and manual calculations
PROBLEM STATEMENT
How might we maximise customer satisfaction and on time performance, ensuring optimal flight decisions. Optimising upon the current decision matrix improves on information accessibility and manual processes.
Mathematical Simulation
This project optimizes Scoot’s flight delay decision process by identifying key parameters and applying mathematical models to improve efficiency. It incorporates system design principles through discrete event simulation and a newly developed nested event graph algorithm.
Systems Dynamics Diagram
UI/UX
Design
Based on stakeholder feedback, multiple iterations from low-fidelity to high-fidelity prototypes were developed to shape a user-centered UI/UX that emphasizes clarity, efficiency, and intuitive interaction.
-
Reduced visual complexity to achieve a clean, focused interface
-
Visual design aligned with Scoot’s branding
Simplified user interface
Design
Iterations
UI design iteration
Dashboard design iterations
A/B
TESTING
A/B testing for the radar chart
DEPLOYMENT
The web application is built with a Next.js frontend and a FastAPI backend, delivering full functionality as a high-fidelity prototype with real-time data updates.
Final Prototype
The dashboard is designed to be simple and clean while presenting all essential information, enabling operations officers to make informed decisions quickly and effortlessly.
The radar chart provides a quick overview of critical information across different scenarios, enabling easy comparison of outcomes.
The Decision Card allows users to share a clear summary of decision breakdowns with relevant stakeholders
Client
Validation
“There is commercial value in this. There is completely nothing in the market [like this] that helps me to decide [to delay this or that flight].”
“What you’ve proposed is something we’ve never thought of.”
