City Train

A phone app that helps users to buy train tickets in a fast and convenient way.

Student project made entirely by myself in November – December 2019

Brainstorming and researching

I started with the internet research on how people tend to buy tickets. After reading several articles and overlooking similar apps, I clearly understood that the process of buying a ticket should not take more than a couple of minutes. Thus, I have created the most simple flowchart.

Very first flowchart to see the main steps of buying a ticket

After that I started to ask myself different questions to understand what kind of issues the might the user have while using the app.

I have created a mind map of things to include in the app.

The result of the research on what things does the app has to have

After answering the questions I asked myself and having more clear idea of the user flow, I updated a flowchart. I am gonna show this flowchart again with the final solution to showcase how this simple user flow turned into the real desing.

Updated flowchart to see the path user has to make in order to buy a ticket

From sketch to prototype

The prototype process I have started with the low-fidelity wireframes.

I come up with some solutions on paper before moving on to Figma

After having a general understanding of how the City Train app should look like I started to create prototypes. Below there is a process of how I got from badly designed prototypes to nicely designed app with a clear UX.