Public Transit Card Concept UX

About the project

​The ORCA card is the easiest way to pay for bus and train fares in the Puget Sound region. It works like cash or a pass, and it automatically tracks the value of different types of transactions.

Tools

Figma, Illustrator, Photoshop

My Role

​competitive + comparative analysis, user flow, wireframe design, prototype, Illustration, and user testing

Problems and Solutions

In this Sprint we addressed three problems that best aligned with the business goal and user research. We conducted 5 interviews, ran a survey of our users to understand their needs more deeply, then used what they said in order to make changes for an even better experience

Who is the user?

We came across two types of users during our research. One is the user who works for a tech company and has their company provide their cards. Two being someone who works downtown and finds traffic to be too hectic to drive.

How do they compare?

We found that Orca card is a similar service to debit/credit cards and users wanted benefits such as being able to store money on their account. We also looked at two public transit systems (competitors) in order for us to identify how we could improve upon our own product or make it more competitive with these competitors' offerings.

Lo-fi wireframes

Colors & Fonts

Components

Landing Page

For the landing page, I took inspiration from Credit One's landing page. The "register card" button makes it easy for the user and doesn't require any more scrolling or clicking around on pages during this process - just one simple click! Beforehand User had to go through a tedious process to get to the registration card page. The sign-in is displayed on the desktop but is tucked away to a button and pops up when activated.

Register Card

The register card flow was broken into 3 steps and indicated with bread crumbs, so the user is aware of where they are in the process and what they have to do.

Add Value to card

The Add value process was inspired by the transfer money process with USAA Bank.

Putting the most important information first:

Users wanted to manage multiple cards on one account.

Users wanted to see if their card was active.

Users wanted to be able to add value to their cards.

Users wanted to see recent activity to know if their card was stolen and being used.

Users wanted to freeze their cards if lost or stolen.