Bus Tracker


The objective of this project is to design a solution for JJ Kavanagh Irish bus company that allows users to keep track of every bus arrival in real time.
There is an issue with JJ Kavanagh daily service that produces a negative impact on the User Experience of their clients. The arrival time is very innaccurate, the waiting time for the bus is very long, this usually varies between 15-25 minutes, this is very time consuming and even the official website advises you to come to the stop earlier. Clients spend a long time travelling to go to work to Dublin and this is very frustrating for them to spend 25 minutes extra waiting for the bus. This is valuable time that could be considerably reduced.
Design a very simple user friendly app (solution) that allows the user to track the arrival time of the bus. This will reduce the waiting time at the bus stop and the stress caused by the fear of missing the bus. The ability to set an alarm when the bus is about to come will reduce the anxiety of the user and will  let the user relax until the alarm goes off and then they can go to the bus stop.

Tracking bus arrival time

Most used stops and times can be saved to access the tracker faster with just 1 click. By knowing the exact arrival time of the bus, the client would be able to stay longer at home instead of waiting for the bus.

Visual tracking with Google API

Keep track of both time and location by leveraging Google transport tracker API. Tracking the bus visually will give more context to the user about their next bus location and will support the reliability of the accuracy of the time shown. Therefore the user would feel more confident about arriving at the bus stop on time.


Clients can set an alert to get a notification when the chosen bus is about to come to the stop. This reduces the stress of missing the bus.

My UI/UX Design Process

Designing, Planing and Research

Once the problem is identified and the solution is clear the next steps consist of brainstorming, finding inspiration and analysing the competition. I created a mood board to have all the inspirational resources in one place. After this I started sketching ideas on paper to solve all the user cases, and finally, I designed low fidelity wireframes task flows that show all the interactions of the app based on user requirements.


High Fidelity Mockups

I used the wireframes and mood board as a reference to start designing the high fidelity mockups. Before designing the screens I identified brand values and I set the typography, colour scheme, iconography and imagery for the app.

Landing for Second Time Users

The second task flow takes place when the user has already saved one location and has previously signed up to the application. In this case, for second time users, the previous home screen is not required. When the user opens the app they would have the option to either select a saved location or implement a new search to find a different stop on the first screen.

Interactive Invision Prototype

I used Invision to create an interactive prototype of the app for every task flow. This allows for verification of the task flows and the usability of the app with real users.


Usability testing

I tested the tasks with some users and I implemented some modifications based on their feedback. In some cases the user was confused about the functionality of the stop name bar (Red Cow Luas),  thinking that this may be a search bar where they could input new locations. To clearly show the user where their location is, I redesigned the stop name bar, making  its function clearer for the user. I also added a new stop icon so the user can find  their stop at a glance on the map.