Transportpay · Product Design

The easiest way to pay public transport fares

The product concept that was born out of the real problem I faced during my stay in Linz, Austria.

Role: Problem statement · Creative Direction · Product Strategy · Product Design · UI Design · Motion Design · Prototyping

Year: 2015

transportpay-product-design-alexunderhess-main

Problem

Every time you want to use public transport you need to buy a ticket or smart card. Moreover, you need to find the ticket store or machine and waste your time.

How to stop wasting time buying tickets?

Solution

Pay directly in the transport.

We live in the world where most of us have a smartphone and/or a credit card. We can use them to buy tickets in a public transport. And even save money by paying for distance.

Get on the transport and scan the QR-code with your smartphone.

02_transportpay-mobile-app-alexunder-hess-product-design-min

How the system works

03_transportpay-mobile-app-alexunder-hess-product-design-how-works-step-1-min

04_transportpay-mobile-app-alexunder-hess-product-design-how-works-step-2-min

05_transportpay-mobile-app-alexunder-hess-product-design-how-works-step-3-min

Prototype is always better, right?

As simple as 1..2..3

Scan the code
Get the ticket
Save it

Enjoy the ride.

06_transportpay-prototype-by-alexunder-hess

Details

Scan the code

Public transport should have special screens with QR-codes with the following information:

transport type and it's number (e.g. b123 bus)
stop point code (e.g. s212 White street)
current time and date (e.g. +1148 d120317)

It allows to pay per distance or time in the transport.

The ride fee will be charged automatically as soon as the code is scanned.

07_transportpay-mobile-app-alexunder-hess-product-design-scan-the-code-min

Details

Ticket. Full

As soon as a user scans the QR-code, they receive the Ticket.

The ticket consists of 3 parts:

information about the transport
date and time user scanned the code, and cost of the ticket
bar-code which can be checked by the Executive Staff

Once "Save Ticket" is clicked, the ticket is available on the Tickets tab.

08_transportpay-mobile-app-alexunder-hess-product-design-full-ticket-once-paid-min

Details

Ticket. Expired

When the transport finishes its route, the bar-code part of the ticket disappears. This is made to protect the TransportPay system from using one ticket several times.

All the other parts of the ticket remain the same to be reflected in the history.