top of page
Seamless Shopping: Empowering Users with Informed Checkout and Flexible Payment Options
Problem Statement
The absence of a shopping cart limited users to one item purchases, resulting in a fragmented shopping experience. Users can now easily add multiple items and have full visibility of their selections. Our approach accounts for the diverse nature of our offerings, encompassing both merchandise and ticketing. We also offer flexible payment methods, allowing users to switch between options. These improvements empower users, ensuring a seamless and informed shopping journey with complete control over their purchases.
Breakdown Of The Problem
🤯 Fragmented Shopping Experience
Users were restricted to purchasing one item at a time, leading to a fragmented shopping experience that required multiple transactions.
🖐️ Lack of Visibility and Flexibility
Users had difficulty reviewing and managing their cart contents, with limited visibility and editing capabilities during the checkout process.
🆕 Addition of new products
Recognizing the need for specialized checkout flows for different product categories like merchandize and ticketing, our key focus was to maintain a consistent user experience throughout the purchase process.
Overview Of The Old Checkout Flow
Select NFT
Limited to purchasing one item at a time, with no option to edit quantities
Select NFT
Limited and inflexible cryptocurrency payment options
Select Payment Method
Unclear progress indicators, causing confusion for users
Select Payment Method
Complicated connection process, multiple steps and uninformed waiting period
Payment Method: Fiat
Disrupted user experience due to reliance on third-party payment methods
Payment Method: Fiat
Lack of purchase information, of the benefits they receive from purchasing the NFT
process
We conducted a comprehensive product triad review, involving our cross-functional team and secondary research, to ensure the best user experience for our users on OP3N's checkout.
Design Goal
🕹️ Enhance Control
Empower users over their purchases, allowing them to make adjustments to quantities and tailor their orders according to their preferences.
👀 Improve Visibility
Improve visibility to empower users with a clear understanding of their selections and pricing information, enabling them to make informed decisions.
☺️ Seamless journey
Seamless and user-friendly checkout journey to enhance overall satisfaction, ensuring users a smooth experience when completing their purchases.
Solution
Final Outcome: Highlights
Each highlight captures an aspect of the new OP3N experience. It calls out which design goal it adheres to, what problem its solving and what the solution is.
Merchandize - Desktop - Dark Mode
Ticketing - Desktop - Dark Mode - Select Date
Design Goal: Enhance Control
Flexible Cart Editing
Problem
Unable to edit items once users entered the checkout process, resulting in users abandoning items they intended to purchase
Solution
We increased users flexibility to edit their products directly without leaving the cart. We addressed the previous limitations and improved user control.
Merchandize - Mobile - Light Mode
Ticketing - Desktop - Dark Mode - Select Tier
Design Goal: Improve Visibility
Clear Progress Indicators
Problem
Previous versions of the checkout flow had ambiguously named steps, causing confusion and hindering users' understanding of their progress.
Solution
we designed visual representation of their progress to easily understand what was expected and navigate through the checkout process with confidence and clarity.
Merchandize - Mobile - Light Mode
Ticketing - Desktop - Dark Mode - Select Tier
Design Goal: Improve Visibility
Transparent Purchase Summary
Problem
The absence of purchase information made it challenging for users to verify their selections and confirm their purchase with confidence.
Solution
we designed a transparent purchase summary sticked on the right of the screen to provide users with constant visibility of their cart contents.
Design Goal: Enhance Control
Flexible Payment Options
Problem
Users were redirected to external platforms to finalize their transactions which disrupted the user experience and caused inconvenience.
Solution
we designed flexible payment options for users to easily switch between credit card payment and cryptocurrency payments. Users can also quickly make payments directly through their connected wallets
Design Goal: Seamless Journey
Personalized Confirmation Pages
Problem
After completing a purchase, users lacked a comprehensive view of their items and the associated benefits. Additionally, the confirmation pages were not tailored to each product type, leading to a disjointed experience.
Solution
Upon completing a purchase, users now have a comprehensive view of their purchased items and the benefits they will receive. For NFT purchases, the confirmation page invites users to enter the chat room associated with their purchased NFT, fostering community engagement and further exploration.
Solution
For ticket purchases, the confirmation page provides access to both the event ticket and the NFT included with the ticket. Users are also provided with event details and the flexibility to easily look up the event location on OP3N. These personalized confirmation pages ensure a cohesive and tailored experience for users, enhancing the overall journey on OP3N.
bottom of page