iOS & Android Concept App

GO Transit is a major transit system that connects the Greater Toronto Area. I redesigned their current app with modern visuals and an improved user experience for iOS and Android.


Screnshots of the current GO Transit App for iOS.

The GO Transit app isn't optmized for key actions users take. The app first presents the user with a set of buttons, making all actions equal in importance and frequency, whereas users often have a few key actions, such as looking up route information, they wish to take often and immedatiely.

The visual styling is also outdated with beveled buttons and skeuomorphic effects that are unneccessary and do not match modern iOS nor Android's aesthetics.

Scope & Focus

I narrowed the scope of my design to focus solely on frequent commuters that are trying to find specific route information and arrival/departure times. I asked many friends about their experience taking the service and studied their responses.

Designing for Two platforms

I analyzed various transit apps for both iOS and Android and learned the differences between each platform’s visual aesthetic and user experience paradigms. I had to take into account many differences for each design, such as the usage of the back button within Android versus the visual navigational hierarchy within iOS, while maintaining an aesthetic that would fit GO Transit’s company brand.

Process & Iterations

I designed many iterations with different visual styles and layout placements until I found ones that best resonated with my target persona and looked appropriate on each respective platform.

A short preview of the many iterations I went through to design the app.

Final Designs

When I chose to target users who would use the app regularly for route information, I knew my main challenge would be to design a flow that would be as minimal as possible, only surface information that was necessary, and that felt fast. I did this by limiting the number of screens, optimizing button and UI placement, and simplified the UI to only contain only elements that would support core scenarios. For example, I realized that emphasizing whether or not a bus or train was delayed or on time was crucial for a frequent commuter and so I gave that more visual importance than other elements.

Final iOS (left) and Android (right) screens for my GO Transit re-design.

Throughout the design process, I had to make difficult choices in terms of what elements were essential for my target user group. At the same time, I ensured the visual aesthetic of that app would match GO Transit's brand and look appealing. In the end, I feel I was able to create a design that accomplished its goal to best provide route information in an effective manner and that was both inviting and easy to use for frequent commuters.