CASE STUDY

TfL Connect

A modern transport companion designed to make commuting easier through real-time service information, route mapping and a clean mobile-first experience.

Flutter Dart REST API Figma Cross Platform
TfL Connect Hero
OVERVIEW

Designed around commuters.

TfL Connect was built to simplify access to live transport information. The project focuses on clarity, accessibility and performance, allowing users to quickly understand service disruptions and navigate London's transport network with confidence.

THE CHALLENGE

Making complex transport information easy to understand.

Live Data

Handling asynchronous API updates while maintaining a responsive interface.

Visual Hierarchy

Ensuring disruption information stands out immediately without overwhelming users.

Performance

Keeping transitions smooth across modern iOS and Android devices.

Consistency

Creating a scalable design system that could support future features.

FEATURES

Core functionality.

Live Status

Real-time service updates and disruption alerts.

Interactive Maps

Route planning with clear navigation.

Dark Mode

Comfortable viewing day and night.

Responsive UI

Optimised for multiple screen sizes.

GALLERY

Project Screens.

APP SHOWCASE

Experience TfL Connect.

LIVE DEMO

See TfL Connect in action.

A closer look at the app experience, interactions and user interface.

TECH STACK

Built using modern tools.

Flutter Dart Figma REST APIs Material Design
PROJECT DETAILS

Summary.

Duration

7–30 days

Industry

Transportation & Software Development

Platform

iOS & Android

Status

Portfolio Project

Need a modern web or mobile application?

Let's create something that is fast, intuitive and built around your users.

Start a Project