Case Study / 01

TransitScope SG

A Singapore MRT interactive visualization prototype that reframes the rail map as a journey-planning interface, combining station lookup, route recommendation, transfer guidance, fare estimation, and service information.

Overview

This project started from a simple friction point: MRT maps are familiar, but planning a route still often means scanning a dense network, comparing branches, remembering transfers, and translating a static diagram into a usable travel decision.

TransitScope SG responds by staging the map and the result panel as a coordinated system. Once a route is recommended, unrelated lines recede, the relevant path stays visible, and the right-side panel reorganizes the same journey into a clearer step-by-step explanation.

Project Type

Information visualization
Interaction design
Transport interface prototype

Key Features

Station search by name or code
Place-to-station matching
Transfer-aware route recommendation
Fare and service timing estimates

Feature Highlights

Four short walkthroughs that explain how the prototype structures transport information and interaction.

Feature 01

Station Lookup and Detail View

Users can search by station name or code, then quickly access first and last train timings together with a clearer station-level information view.

Feature 02

Route Recommendation Flow

The route tool accepts station, place, or postal-code-like input, then translates familiar location cues into MRT journeys and recommended paths.

Feature 03

Result Hierarchy and Step-by-Step Reading

Once a route is found, the interface emphasizes the most decision-critical information first, then reveals more detailed route logic progressively.

Feature 04

Line Filter and Network Focus

The map can fade unrelated lines and bring relevant routes or line groups forward, helping users read a dense network with less cognitive load.

Design Intention

Instead of treating the map as a passive reference image, the interface turns it into an active decision-making surface. The route result emphasizes only the information users need first: origin, destination, fare estimate, stops, and transfers.

Prototype Notes

This is a static frontend prototype. Fare, distance, and timing data are simulated or estimated to validate route comprehension, interaction flow, and visual hierarchy rather than official backend accuracy.