Priceline
Payment Component
Lead Designer
Jul 2018–Present

Priceline has ~30 different checkout experiences/applications. There are also other touchpoints in the customer's journey, such as post-booking, where payments may occur. The goal was to get buy-in and create a strategy for building a front-end payment component.


{01} Shared Understanding

First, to establish a shared understanding and to get buy-in from my peers, I conducted a payment component definition workshop. The workshop attendees were primarily product managers from different teams, who all work on one or more of those ~30 checkouts.

Method

Conducted a “futurespective” where participants imagined that the payment component has been successfully implemented in the product paths. By doing this, we were able to reflect on our expectations of the component and the steps we would need to take to get there. Futurespectives are used as part of agile within technology but the concept was adapted for this workshop.

Part 1: What is the success criteria of the payment component?

Answer the following questions by imagining a payment component exists and is implemented within checkout of every product path.

Intention
Who is using it? What does it consist of? What does it do?
Successful If
What are the indicators that prove the criteria is being met? How has it been helpful/valuable?
Failure If
What are the indicators that prove the criteria is not being met?

Part 2: What is the payment component?

Next, create a definition of the payment component based on previous thoughts. The definition should consist of an elevator pitch type of sentence and a list of broad “acceptance criteria”.

Each group will have [5] minutes to walk through some of their initial thoughts and their definition.

Part 3: What are the outside forces that may be required to work with the payment component?

Who are the external/internal stakeholders? Who are the external/internal partners?

How might their objectives match ours? How might their objectives clash with ours? What value could they derive from this work? How might they help sponsor this work?

Does the payment component need to interact with any other systems, platforms, components, etc.?

Our Definition

A single unified payments experience that collects, validates, and processes payments for all transactions on any platform for a variety of payment types.


Universal
All products can implement the payment component, as a single booking or a packaged booking.
All inventory type requirements are supported.
Provides a consistent payment validation system for FE and Barclays engine.
Flexible
Enables customers to pay for our products in a variety of ways, supporting existing payment types and new types that may be introduced in the future.
Supports ability to have dynamic fields per payment type or user.
Smart
Ties into other platforms and services to use past behavior and explicit preferences to present the payment option most likely to lead to a seamless checkout experience.
Connects with user profile to store/retrieve payment info.
Secure
Users are confident that their payment info is safe and secure when buying a product on Priceline.

{02} Architecture

Next, I took a step back in order to consider the architecture and pieces that make up the payment component, and how the payment component fits into a larger checkout application. I presented this to a group of FE developers in order to get their feedback.

{03} Credit Card Component

The piece or smaller component, inside the payment component that I focused on first was the credit card component, as this is the most popular form of payment on Priceline today. The credit card component consists of credit card and billing form fields. I started with writing basic form field requirements.

I used this documentation also, to illustrate how many of our ~30 checkout experiences lacked basic, expected form field functionality.

{04} Buy-in and Next Steps

Having the support of the product management teams, FE tech teams, and BE payment platform team, I set up time with Priceline’s CPO. I reviewed our payment definition component, the strategy for using this as a stepping stone to get towards a more unified experience and a smarter way of working, and the next steps for continuing this work. The idea was well met and has become a new initiative for the company.