Lead Product Designer
payment-background-thumb@2x.png

Audible Payment System

payment_motion.gif

Audible Payment System

 
 

Overview

Audible as a subsidiary company of Amazon, user shares the same payment wallet between their Amazon and Audible account. A seamless and unified payment experience is crucial for Audible users to feel secured to store payment in Audible.

ROle

Lead Designer responsible for ideation, prototyping, creating design guidelines, visual and accessibility QA

Platform

Desktop and mobile web

 
 

PROBLEM

payment_old_flow@2x.jpg

The Audible Payment performed differently in subscription page, 1-click purchase, cart and account details, which stopped users from finishing their shopping experience.

 

DESIGN PROCESS

payment-sketch@2x.jpg

The Product, Engineer team and I sat down to understand the back-end of the existing payment instrument and created the user flows together.

 

USER FLOW

 
 
 
payment_full_flow.jpg
 
 

WIREFRAME & PROTOTYPES

 
Launch A content IA.png
 

FINAL DESIGN

 
pdp_flow.png

Product details page

 
 
payment_motion.gif

Account settings

 
 
cart-payment.gif

Cart

 
 

DEVELOPMENT & A11Y QA

payment-qa@2x.jpg
payment-a11y@2x.jpg
 

RESULTS

 

Since the launch of the new payments experience, we have reduced the customer calls significantly. The new payment widget has also expanded to launch in other marketplaces such UK, Japan and India.

 
 

KEY TAKEAWAYS

 

A consistent design system is crucial during the whole design process since the payment system has so many touch points throughout the customer journey.