Published on Dribbble / ui | Fedza Miralem

❗️The click events are just placeholders to switch to a departure that is effected by a disruptions.❗️

The station icons represent the departing stations and arriving stations. Swiping over the stations will expand and show all passing stations and what time the train will arrive at each station along with travel time.

A departure that is effected by a disruption will expand the top card with an expandable disruption banner with detailed disruption texts and also indicate on the stations swipe which stations are effected by the disruption.

High resolution images and video in attachments.

Prototyped with Principle

Thanks 👨‍💻,

Fedza

Made @ Softhouse