I came into this Metlink project half way through the project timeline. By this time, the research, wireframes (designed and tested), and styles had already been set. It was on me to raise the visual accessibility issues and fix some critical problems, whilst working within the set styles.
The previous Metlink website relied heavily on timetables. The majority of users of the Metlink site are on their mobile devices, it was important to create a functional journey plan from location a to b.
Another popular way user like to search for their journey is via a known service. This is particularly important for the users that take trains, school buses and ferries. On the individual services screen we can see the RTI, which shows where all the services are on the streets in a card or map format. On the services page users can also see the timetables.
It was key to make alerts easy to read and find. If there is an alert on a service or route, a pink button will display in the top card, users click on this to see their related alert. Users can also access all alerts by using the bottom navigation button.