
User Flow Diagram - There are three routes a user can take to get to a timetable.

Wireframes - Page structure was designed and tested using Axure.

UI Design - High fidelity prototypes created using Adobe XD.

Search Filter - Toggle between modes of transport and search for a bus service.

Card Results - Each service now has an individual card displayed in a dynamic grid.

Route Page - The full route is displayed with a button to change direction.

Stop Page - Now feature the same timetable information as on street bus stops.

Live Departure - Stop pages show live departure times and related services to that stop.

Search Page - Expanded view of the search page at full width.

Route Page - Expanded view of the route page at full width.

Route Page - Expanded view of the stop page at full width