AirAsia RedTix - Payment
OVERVIEW
AirAsia RedTix is a Malaysian event ticking platform catering to events pan asia and australia. They were building a digital platform to make the online ticket buying experience practical and smooth. Some of the events they have hosted are Ultra Singapore, Rugby World cup - Japan, Neon Countdown and many more For this particular project, I was incharge of user research, ideation, user flows, wire-framing and prototyping. I communicated with the stakeholders and product manager and was involved in drafting up the requirements for the project.
ROLE
User Experience and Interface designer Drafting requirements user research ideation, wire-framing prototyping Cross department communications
TIME
3 months
AIM
To be able to select a preferred mode of payment and review orders in the same page. To have order confirmation page and receive the confirmation and tickets via email.
Why does the payment page stress one out?
Problem Statement

1.The initial version of the website used third party payment gateways. This was a bootstrap solution for the payment procedure.

2.The users weren’t able to view the details of their order before payment / users had no way of checking what have they placed an order for.

3. Customer had to fill in excess personal information and additional steps which was tedious.

4. The order confirmation was in the form of a text giving very few details.

Research

1. We came to the conclusion that users like to have multiple payment options available.
Most e-commerce sites today host multiple payment options. We wanted to provide that convenience to our customers.

2. Most sites have a segregated page for the user to review and edit their order.

3. You see your order summary before you reach the payment page.
Instead of being directed straight to the payment page without being able to access you cart feels like you are being left in the dark. You don't want to keep going back to check if your order is correct or worse, go back and order all over again.

Solution

Event Detail Page (Page the leads to Payments Page)

- User to be able to decide the quantity of tickets on the event details page itself and have order summary there itself.

As we began designing solutions for the payment page we realised that changes needed to be made in the Event Detail Page as well for a smooth cohaesive user journey.

User Journey

Reduced the number of steps to get to the payment page.

Design

Wireframes

Prototypes

1. Prioritising the information the user needs to provide to make payment

2. Creating a universal and adaptable design.

We created a design where the user is not unfamiliar with the journey instead the journey is intuitive. Since it is adaptable to multiple devices, it is more accessible.

3. User to be able to review and edit the orders at payment page also.

To create a solution where user can view all the details of their purchase without having to shuffle between different pages to make changes.

Challenges

As we were drawing up the brief for this page, we realised that to make the whole flow seamless, first changes need to be made on the page with event information. The 2 projects were being worked on simultaneously because of their interdependence. Stakeholder’s individual attention to either would lead to changes in both.

OUTCOME

Received positive response for the time saving user experience

Receive fewer complaints regarding payments and receiving tickets.

KEY TAKEAWAY

Communication is the key:

When multiple people are working on cross dependant pages and assets overlap, user journey and design updates should be communicated.

Create and maintain a design library:

To have a universal system of organising components so that they can be shared and are comprehensive to the whole design team.


TEAM
Dhaz: Product Manager Nuriy Arisa - Senior UI/UX Designer
TOOLS
Figma Jira Asana
Note
Unfortunately the site is down since the entertainment industry was one of the worst hit during the pandemic.