top of page


Cityflow is a smart and efficient system designed for Auckland transport.
The application provides a digitized tagging on and off system in addition to account management. 

the challenge

The idea has been proposed to concept a prototype a digitized, smart pay system to provide convenience and efficiency of public transport.

An all in one system with the means of paying and managing transport costs and process


Journey Map

User Journey.jpg

onboarding user flow

User flow.jpg

Site map


Key feedback

User flow control

A point of exit for the setup flow could be of value


Visibility enhancements

An older demographic of users expressed that visibility could be enhanced of text content.


Some user feedback indicated an extra depth of visibility on committed changes, would be useful.

User feedback visibility

Some participants stated visual feedback was not obvious with the original layout.

Copy quantity

There was feedback around the amount of written content, some felt it could be reduced.

Preset options

Users mentioned preset options could be a nice addition for a faster experience as opposed to manual input for every field.

Visual Designs


Sign up.png
Card type.png
Top up first time.png
Setup complete.png


Sign in.png
Scan off state.png
Trip details.png
Trip details-1.png


Wallet - Add payment.png
Wallet - Add payment-1.png
Payment deleted-1.png
Payment deleted.png

Key learnings


Testing variation and regular iteration

Regularly test your design with real users to gather feedback and identify areas for improvement. Iterate based on user insights and refine your design to address usability issues.
Test across a variety of appropriate users for solid coverage.


Use appropriate visual hierarchy

Use visual cues like size, color, and placement to create a clear visual hierarchy. Highlight important elements and guide users' attention to key actions or information.


Undo and redo functionality

Incorporate undo and redo capabilities to give users the ability to reverse or repeat their actions. This feature provides a safety net, reducing anxiety and allowing users to explore without the fear of making irreversible mistakes.


Clear and transparent options

Clearly communicate available options and actions to users. Provide explicit controls, such as buttons, checkboxes, or sliders, that allow users to make choices and perform actions. Clearly label these controls to avoid ambiguity.


Prioritize simplicity

Keep the design simple and intuitive. Minimize cognitive load by reducing unnecessary elements and content, provide clear and concise instructions. Strive for an effortless user experience


Importance of user control

Users appreciate having control over their experience as it fosters a sense of ownership and reduces frustration. When users feel in control, they are more likely to trust the system, engage with it actively, and feel satisfied with their overall experience.

bottom of page