Alexander D Kipphut
UI | UX | Branding
AK Logo

Port, an embeddable way to sell admission to anything, anywhere.

When DIY ticketing solutions like Ticketleap and Eventbrite first launched, they enabled many events to move their sales online for the first time. The concept was pretty straight-forward. Fill out a form that included date, time, location and other necessary information, define what ticket types you wanted to sell, and like magic- your event was added to a directory full of thousands of events. Events would then direct all ticket sales to their pages within that marketplace.

But as time passed, these one-size-fits-all solutions began to show both their age and limitations. They no longer matched the changing internet landscape, and failed to follow emerging trends in e-commerce:

Using over 10 years of industry experience and data, we set out to design a flexible, white-labeled buyer experience that could be shared at the point of discovery through multiple channels, without redundant work.


Event creators come from all walks of life with a variety of very specific needs and wants based on the unique circumstances of their event. Knowing that our proposed solution was best for those events with pre-existing sites and marketing channels, our initial target audience was larger tech & design events that would appreciate the benefit of a fully on-brand experience without redirects.

In addition,  we targeted classes with recurring events because they had similar existing networks, and would additionally benefit from Port's flexibility.

Design Considerations

With well over 50% of online ticket purchases occurring on phones, Port was conceived from the start as a mobile-first solution. Load times, quick inputs, intuitive touch targets, and new technology like ApplePay were important considerations.

Given the diversity of events and sellers, Port needed to accommodate a wide variety of mixed use cases both visually and conceptually - to allow for what felt like a natural buyer experience no-matter the individual circumstances. All the while, the experience needed to feel modern, evoke the fun nature of events, and fit well within existing branded experiences.


Products, Buttons & Carts

simply Copy & Paste a few lines of code
Products (in many cases these are tickets) are at the very core of Port's conceptual model. When a product is purchased, the buyer receives a pass that can be redeemed in-person for things like admission, services, or goods.

Products by default are simple, there are only three required fields to fill out; name, base price, and inventory, allowing for quick product creation using only the information that fit's the seller's needs.

After product creation, products being sold together can be grouped under the same button - the vehicle for Port's buyer experience. Port's button widget script can be quickly embedded, and was designed to work not only with custom built sites, but with a variety of platforms like Wordpress, Squarespace and Webflow.

Multiple buttons may be placed on the same site giving sellers the ability to organize their sales and information to best fit their narrative. When products are added, and the overlay is closed, the cart will follow the buyer until they are ready to checkout.
Buy Now
Try it out

Discounts, Validity & Multiscan

Product complexity starts to grow
While simple at their core, products have a variety of additional fields that allow them to be used in a truly industry-unique way. Product details, a per-order limit, multiple redemptions and validity windows based both off of static dates and number of days after purchase unlock the power of Port.

Representing this information in a clear and concise way to the buyer both during checkout and on the passes themselves was accomplished through constant iteration as new features were released.

In addition, all discounts within Port originate from a powerful trigger and action based rule builder that allows for creative solutions to complex pricing problems. This rule builder introduced a new layer of complexity that needed to be represented in the buyer experience by allowing for product level discounts, cart level discounts, up-charges and other actions based on triggers such as date, cart contents, subtotal or 'checkout codes'.
More Options
Products with discounts, rules and multiple redemptions

Checkout, Registration & Buyer Questions

let's make it as quick and easy as possible
Because of Port's focus on mobile, the checkout form was specifically designed for fast input on touch devices and to accommodate emerging payment options like ApplePay.

Early feedback from our users also pointed to the need for buyer questions at time of purchase. Like discounts, these questions are generated using the rule builder allowing the seller to ask specific questions based on the products a buyer has in their cart, a subtotal or the date. Questions are then de-duped and shown to the buyer in an interactive module designed to prevent the form itself from becoming too long or repetitive.

Order confirmation
+ transferring passes

managing your order, tracking your passes
After checkout, buyers are directed to an order confirmation page that contains all of the passes they purchased, pertinent information, and payment details. Additionally, by default each pass is assigned to the buyer allowing them to check-in by name or by code (a 6-8 digit string).

The order confirmation page not only allows the buyer to transfer ownership of a pass, but serves as a record of what passes are valid, how many uses remain, and when they were redeemed making this page useful beyond it's function as a receipt.

We encourage mobile buyers to add that page to their home screen where it will appear like an app and serve as a convenient way to access the order.
A sample Order Confirmation page

White-labeled order confirmation, transfer and refund emails

The final piece in the buyer's experience is the order confirmation email that they receive containing both the passes and a permanent link to manage the order via the order confirmation page. 

Customizable branding and colors truly completed the white label experience while customizable sender's name and email gave the seller the opportunity to handle all customer service related replies directly.