Works

>

GRT

Grand River Transit

Grand River Transit

Project Type

Project Type

Mobile Application

Mobile Application

Role

Role

Product Designer

Product Designer

Timeline

Timeline

5 weeks

5 weeks

Tools

Tools

Works

>

GRT

Grand River

Transit

Project Type

Mobile Application

Role

Product Designer

Timeline

5 Weeks

Tools

At-a-glance 🧐

At-a-glance 🧐

At-a-glance 🧐

The GRT Mobile Application is a user-friendly transit app for people in the Waterloo region, Canada. The goal of this project is to solve the existing difficulties of local people with a mobile application.

Problem Statement ⚡️

Problem Statement ⚡️

Problem Statement ⚡️

The Waterloo region's transit system has always been a challenge, and residents are constantly looking for solutions to their problems. 

The GRT website frequently crashes, resulting in multiple transaction failures, and even when a transaction is successful, the funds do not appear on the card for 24 to 48 hours.

Another major concern is that, being a country prone to climate change, particularly during harsh winters, even the self-service kiosks in this region frequently malfunction.

People with a monthly pass or funds loaded on their pass have been forced to pay in cash simply because they forgot to bring their transit card with them, and it is difficult for people to always have cash, especially in the form of coins, which is one of the major concerns for visitors and tourists who wish to travel by local transit.

Phase 1

Phase 1

User Research

User Research

User Research

User research in UX design involves gathering insights directly from users to understand their behaviours, needs, and preferences, guiding the creation of intuitive and user-centric digital experiences. Through methods like interviews and Surveys, it empowers designers to make informed decisions that enhance usability and satisfaction.

Qualitative Research

Qualitative Research

Qualitative Research

I have interviewed few of my friends and family members who live in the region of Waterloo to understand how they purchase tickets/transit passes and also tried to understand the challenges faced by them on their daily basis. Here are few questions that i included in the interaction.

Interview Questions

1. How often do you load your transit pass in a month?

2. What problems do you face while loading funds and how do you solve them?

3. Do you find difficulty in carrying coins?

4. What are the problems you face while recharging funds from the website?

5. How often have you faced problems in self service kiosk?

6. What are your thoughts on adapting a mobile application for GRT?

Quantitative Research

Quantitative Research

Quantitative Research

I have interviewed few of my friends and family members who live in the region of Waterloo to understand how they purchase tickets/transit passes and also tried to understand the challenges faced by them on their daily basis. Here are few questions that i included in the interaction.

The survey questions and responses are listed

User Insights

User Insights

User Insights

User research in UX design involves gathering insights directly from users to understand their behaviours, needs, and preferences, guiding the creation of intuitive and user-centric digital experiences. Through methods like interviews and Surveys, it empowers designers to make informed decisions that enhance usability and satisfaction.

Phase 2

Phase 2

User Persona

User Persona

User Persona

I have constructed User personas for various groups of people based on the information gathered from the user research. The following characters reflect the target user groups for the mobile application.

Empathy Mapping

Empathy Mapping

Empathy Mapping

After conducting user research, I used empathy mapping to gain a better understanding of two separate groups of personas.

Proposed Solution 🚀

Proposed Solution 🚀

Here are a few workable ideas to help the people living in the Waterloo region with their current difficulties.

Instead of hustling to load funds, a digital solution (Mobile App) would be a wise and user-friendly option.

On occasions, people might forget to bring their transit card, which should be tapped to board the bus; in these instances, scanning tickets from a smartphone app might be a viable option.

People new to the Waterloo region or traveling for the first time can also use the GRT app to purchase an e-ticket instead of struggling to find coins and avoid getting a new transit card.

The GRT app reflects loaded funds within few minutes or hours and also keeps track of users available finances as well as current and previous transit tickets.

Phase 3

Phase 3

User Flow

User Flow

User Flow

The user flow map guides the user from the point of entry to exploring the application's features and responding appropriately.

Phase 4

Phase 4

Typography

Typography

Typography

A good UI typeface should have enough breathing room in-between letters, and even spacing to establish a steady rhythm.

Font

ROBOTO

ROBOTO

ROBOTO

Title

Medium

Medium

Medium

Body

Regular

Regular

Regular

Colors

Colors

Colors

Proper color use is important for creating a positive image for your customers, that's why color plays a leading role in the interface design.

Wireframes

Wireframes

Wireframes

High Fidelity Screens

High Fidelity Screens

Splash Screen

Splash Screen

Splash Screen

This splash screen appears when the app is first loaded.This screen includes a logo for the application and a start button.

Onboarding Screens

Onboarding Screens

Onboarding Screens

Onboarding screens include an overview of the app's features, such as scanning tickets through the app, funds reflecting in seconds, and monitoring transit ticket expiry.

Signup Screens

Signup Screens

Signup Screens

Those who already have an account may login with their email address and password, while those who want to make a new account must register.

Home Screens

Home Screens

Home Screens

A home-screen displays the transit card information and transaction history. Users can scan their QR code with their card while boarding the bus.Users can also keep track on the expiry time of their tickets

Funds Screens

Funds Screens

There are three sections to the fund's screen: funds, passes, and tickets. Guest users and registered users without a card can only access the Tickets area, however, registered users with a card can access all sections.


The fund's section will allow the user to load funds onto the card, as well as an autoload mechanism, which will automatically load funds from the bank account whenever the balance falls below a certain threshold.


Users can purchase monthly passes from the passes section, which comprises many types of monthly passes.

Help Screens

Help Screens

Help Screens

The Help screen offers a form where users can send messages and ask questions, and the GRT app has a virtual assistant where users may get answers to their questions. The report/stone card area of the help screen also allows users to seek a replacement of the card..

Profile Screens

A simple profile screen that allows users to review their account details and, if required, modify their information.

Profile Screens

A simple profile screen that allows users to review their account details and, if required, modify their information.

Other Screens

Other Screens

Other Screens

Phase 5

Usability Testing

I used the prototype to test the app with three users in three distinct circumstances, comprising login as a user, new user, and guest user, to determine if it met their needs.

Feedback

Loved the concept of guest user feature.

Loved the concept of scanning ticket via app.

Easy to load funds / passes.

Could include new card shipment tracking information.

Phase 5

Usability Testing

Usability Testing

I used the prototype to test the app with three users in three distinct circumstances, comprising login as a user, new user, and guest user, to determine if it met their needs.

Feedback

Feedback

Loved the concept of scanning ticket via app.

Loved the concept of guest user feature.

Easy to load funds / passes.

Could include new card shipment tracking information.