Role UX/UI Designer
Timeline Jan 2023 - March 2023
Project Type RWD Website / UXUI Design
Team 1 x PM / 2 x FE / 2 x BE / 2 x UXUI Designer
Responsibility Develop and optimize the intuitive user flow, seamless experience and the design of ticket purchasing and management with website development team
| Impact
Sustainable, time-saving, and less cost

We can save up to 40% of expense each year by building our own system of ticket purchasing and management, integrated with Newebpay payment gateway, instead of using event-organizing platform.

#1
| Motivation
Wouldn't it be great if the organization can have a sustainable option to manage their annual conference website including a system to purchase and manage the tickets?

The organization needed to build the annual conference website for 400+ attendees once a year in the past. It’s not only time-consuming but it also requires a great amount of budget including using third-party ticket organizing platform.


| Goal
As an organization

we want to have a sustainable annual conference website so that we can save budget, time, and team’s effort.

#1
As a member of organization

I want to buy the ticket and fill the attendee information effortlessly.

#1

After receiving the consideration and requirements from the stakeholders and the members of the organization, we started building the main features and functions of the ticket purchasing system.

#1

The ideal flow chart and user flow of ticket purchasing and management
#1
#1

| Challenge

After our team looked into the specification of third-party payment gateway, we realized...

#1
More than two types of status to be considered

As there are two payment options: instant payment and payment transfer, they would involve in completed payment, pending payment, and unpaid payment to show the exact status of the order.

With functions depending on one to the other, it’s less efficient to develop

The flow of editing attendee information depends on whether the payment is successful or not.

Time constraint

We have 1.5 months left to build the system of ticket purchasing and management. How can we release the most crucial function in time?

| Solution
Complex orders should be easy to manage
#1
#1
By building the dashboard-like page to display the tickets that users have ordered and the independent functions

Users can not only see all ticket statuses easily, but they can also edit the attendee info without the necessity of completing payment first.

Besides, with the independent functions, the team can launch them individually and progressively, which we started by enabling users to pay for their tickets.


| Micro-interaction
Reduce users' effort

With the ticket overview on the left column, users who have several tickets can be easily directed to the specific ticket on the right side to fill out the information.

#1
#1
Small hint, but more considerate

By the number reminder of additional banquet tickets, users can intuitively assign them to attendees who requests to buy for them.


| Retrospective
Be aware of statuses, states and the restriction of third-party service

In this complex information system, there are multiple statuses of transactions and states of components to be considered, so that users can avoid getting lost on the website. Plus, it's crucial to well understand the restrictions of third-party service before integrating it into our design.

Prioritize the functions and think about minimum viable product

Under the constraint of time and the complexity of our system, we need to keep reminding ourselves what the key function we want to offer our users first. Breaking things down and simplifying the design could benefit the engineering team!