Ticket Wallet Interaction Design

Artos Systems · 2019 · 3 month project · UX / UI designer

Background

Artos is a blockchain startup that is the commercial arm of Aventus, which raised a large amount of funding through an ICO with the mission to make ticketing fair for the attendees who are often forced to pay extortionate inflated prices for sold out tickets.

Problem

The Ticket Wallet User Journey is one that has been heavily simplified in recent years, with Apple Wallet and many ticketing companies jumping into the space. The problem was to create an enjoyable experience that would help users get into their events, while accounting for unusual use cases that would require additional support.

Through research we found that users simply want a Wallet that helps them get into the event as easily as possible, with offline tickets for when internet isn't available. The solution was an intuitive prototype that uses Motion Design to improve Usability.

User Persona

Wireframes

Initial designs were skeuomorphic, with ticket shapes being used and stacked on top of each other to indicate the quantity of tickets.

Early Prototypes

While ticket SVG shapes are intuitive, they require a lot of padding in the UI and result in lots of nested elements, ultimately distracting the user from the core experience of getting at their tickets.

Interaction Design

After many iterations, we came to the conclusion that the best solution was one that was digitally native and made the best use of the available space. By anchoring the background image between screens, the user knows where they are at all times.
The above is a Principle prototype handed over to the developers, and below is the built version of the ticket wallet. In the development process a number of small tweaks were made to get the product off the ground quickly, breaking out certain elements into their own screens.

Outcome & Reflection

Unfortunately this app was never put into production as the company went through a pivot. However, It's been amazing to see my designs come to life in code. The process of solving problems as they arise has given me a new appreciation for designs that are not only beautiful but also easy to implement and I will take that forward in all my work in the future.

Index of Work