Transport Metropolitans de Barcelona

Transport Metropolitans de Barcelona

TMB

TMB

User-friendly mobile application designed to provide real-time tracking and comprehensive information about the current locations and schedules of buses in the city.

  • Improving interaction and usability in Barcelona's public transport system. Here we focussed primarily on the problems of bus transport.

  • UX/UI Design

    Interaction Design

    Visual Design

  • 3 Weeks

  • Anton Reponnen

    Laura Grinblat

    Tamara Habesch

    Antje Nottebom

    Carolina Demontis

  • Figma, Motion

Interaction

Interaction

Interaction • Interaction •

#D92A1C

#D92A1C

#6BBF00

#6BBF00

#1D2C4D

#1D2C4D

#0069FF

#0069FF

#FF9900

#FF9900

A mobile application showing the live location of busses, their times, the occupancy, accessibility and even how the air conditioning is in the bus.

Screen Walk through

Screen Walk through

Screen Walk through • Screen Walk through •

After selecting the bus, commuters will be able to access comprehensive information about the bus, including its arrival time, the availability of slots, occupancy, and whether the air conditioning is functional. Additionally, they can also view information about the next buses.

Users can swipe between the different bus line informations in order to access quickly the details about the other busses.

Once users open the TMB Bus Tracking app, they can view nearby bus stations, serving each bus stop from their current location. To obtain a broader perspective of all bus stops across the city, users can simply pinch the screen to access a comprehensive view of the bus stations in the city of Barcelona.

Home Screen zoom in & Out

Home Screen - Bus Details

Bus Stop -
Bus Lines Details

Offline & Live View

Switch between busses