Payper

Redefining Mobile Payments for Simplicity and Speed

SaaS
UI/UX
Mobile

Context

Payper is providing merchants with emerging payment options, fair rates, and quick settlements. With today's customer, clunky and frustrating checkouts are no longer acceptable, as purchases are increasingly influenced by the payment experience rather than just the product or service.

All other platforms are missing the small but crucial details that make Payper stand out as the industry standard. This project’s goal was to create an effortless, intuitive, and quick checkout process that sets a new benchmark for the industry.

Problem

Traditional checkout processes often involve unnecessary friction, leading to user frustration and abandoned transactions. Payper recognized the need to address these pain points by designing a solution that prioritizes simplicity, speed, and trust. The challenge was to create a payment experience that minimizes clicks while keeping users engaged and confident throughout the process.

Research & Insights

Streamlined Process: Create a payment checkout process in as few clicks as possible while maintaining user engagement.


Minimal Design: A clean and intuitive interface that aligns with modern design principles.



Single-Page Flow: Keep the entire checkout process on one page for simplicity.



Transaction Transparency: Display the checkout dollar amount and order summary clearly.



Custom Bank Selector: Incorporate the pre-designed Bank Selector, allowing users to choose their bank effortlessly.


Inspirational References: Draw design inspiration from platforms like Nike, H&M, Stripe, and Link.co.

Flexibility in Layout: Include all required fields but allow creativity in their arrangement and style.

Design Philosophy

The design philosophy revolved around effortless simplicity. Every interaction was crafted to minimize friction and guide users naturally through the payment process. Key principles included:

Clarity: Easy-to-understand visuals and concise copy.

Speed: Fast-loading interfaces with real-time feedback.


Trust: Transparent messaging and design cues to reinforce security.


Accessibility: Inclusive design that adheres to accessibility standards.

Kicking Off the Design

The design process began with mapping user journeys for the First-Time User Flow. Low-fidelity wireframes were developed to:

Visualize a single-page checkout flow with minimal clicks.
Highlight key features like the custom Bank Selector.
Ensure transaction transparency with clear order summaries and payment amounts.

Closing Notes

The redesigned payment flow for Payper successfully delivered on its promise of simplicity and speed. Usability testing showed a 30% reduction in checkout time and a 40% increase in successful first-time transactions, reflecting the streamlined and intuitive design.

Read Next