Public Transit Card Concept UX
Kae Sandt
Product Designer
Web Designer
Adobe Illustrator
Figma
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.
Logged in screen
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.
