Alexander D.
Kipphut

Port Checkout Flow

BACKGROUND & LANDSCAPE

Limited solutions

We knew existing solutions were built to accommodate events meeting predefined constructs that didn't allow for flexibility within the ticketing feature itself. Events like conferences (single event), attractions (with year round ticketing) and theaters (with subscriptions) were left to use the same inflexible platform, hacking together hard to maintain solutions.

Not a trivial feature

Discount codes and attendee question were the two most highly utilized features within the Ticketleap platform, and based on customer interviews and qualitative analysis, Port needed to meet those needs to be financially viable. They were key to collecting essential event information

Familiar check-in

When it came to event check-in, many event creators just don't utilize the secure QR code method of check in that has become the industry standard. This was especially true for smaller for smaller, recurring, and more informal gatherings. Paper methods required additional overhead in tracking redemptions and reconnecting with attendees.

port Checkout with
Apple Pay

Port offered a lightweight and white-labeled ticketing e-commerce solution with an embedded checkout experience.

The checkout, confirmation, and attendee experience was built to provide a mobile-first, flexible ticketing solution to accommodate a wide range of event creators, from very simple to exceedingly complex
.

Checkout Form

THE EMBEDDED EXPERIENCE

Check this out

Small details like calling the proper mobile keyboards (phone, numeric, email, standard) and focusing fields automatically save time and ease friction while lessening the cognitive load for the user.
‍
Formatting is mapped to familiar patterns, and the total number of form fields limited by default. The date and credit card fields were specifically designed for rapid entry using auto advance logic to put the subsequent fields in focus after those had been completed (for example, the date field would accept and advance after either 1/20 or 01/20 as well as 11/20.

Proper field tags enable autofill for saved values, and emerging payment options like ApplePay were careful crafted into the experience with care to honor all requisites Human Interface Guidelines.

T-shirt Size? Meal Preference? Favorite Animal?

Attendee questions are essential to the smooth check-in and day-of experience for events (think t-shirt sizes, meal choices, audience questions and the like). To avoid creating an overwhelming visually long checkout form that would result from stacking the questions vertically; they are contained within a single module.
‍
Leveraging animations help make this less sensitive step in the flow a more rewarding experience, and helps prevent form fatigue. Following questionnaire design methodology, the total number of questions are clearly disclosed, questions are marked as either required or optional, and instructions are provided for each question. The user is encouraged with a delightful experience that reflects and rewards their incremental progress within the flow.

port Checkout Form
& Buyer Questions

BUYER QUESTION
COMPONENTS

Order Confirmation

THe post-checkout experience

Assign & Manage Tickets

The order confirmation page provides payment verification, event code access pins (a substitute for QR codes) and the option to assign or send tickets to another attendee. During check in, search could reference either attendee name (friendly!) or six digit pin (easy to parse) falling back on either buyer name or buyer email.

While a totally optional step, 93% of tickets purchased were successfully assigned, a considerably higher rate than expected.
The alternative would have been to place this step as part of the checkout flow - causing a disruptive experience.

Confirmation Overview

User Flow

01. PAYMENT CONFIRMED

02. UPDATE ATTENDEE

03. ASSIGN ALL

Buyer Emails

A FLEXIBLE COMPONENT SYSTEM

Buyers would lastly received a mobile friendly order confirmation email, but as a white labeled service Port allows sellers to have full control over the sender name, email address, reply address and branding. The email design and copy were carefully crafted to assuage any concerns about not receiving QR or barcodes.

A PARTIAL VIEW OF THE
COMPONENT LIBRARY

⇠ ABOUT NEXT ⇢