How I Simplified POS Payments for Rex Neobank Merchants in Just 3 Taps

How I Simplified POS Payments for Rex Neobank Merchants in Just 3 Taps

Project Overview

Rex Neobank provides a modern banking experience for SMEs, including a POS solution that allows merchants to accept card, NFC, and QR payments seamlessly. I was tasked with designing an interface that merchants could learn in minutes and use confidently in fast-paced retail environments.

My Role

Product: Rex Neobank POS Interface
Role: Lead Product Designer
Timeline: 4 weeks
Team: 1 Product Manager, 2 Engineers
Tools: Figma, FigJam

Context & Problem or Challenge

Merchants often found existing POS machines slow, cluttered, and hard to use, resulting in lost sales during peak hours.

Pain Points Identified:

  • Overcomplicated menus for simple transactions.

  • Small buttons leading to frequent errors.

  • Payment confirmation wasn’t clear, causing double charges.

  • Reports were difficult to access and understand.

Our Goals

Simplify transaction flow — reduce steps for payments.

  • Design for quick glance readability with high-contrast UI.

  • Ensure universal usability for merchants with varying tech literacy.

  • Integrate multiple payment methods (Card & NFC).

  • Improve transaction reporting for end-of-day settlements.

Research & Insights

User Research:

Interviews with small business owners and cashiers.

Findings:

  • Speed and clarity were more important than aesthetics.

  • Merchants wanted “Enter Amount → Tap → Done” simplicity.

  • Offline capability was essential due to unreliable connectivity.

Competitive Analysis:

  • I found that most existing POS systems bury reports and payment confirmations behind multiple menus.

My Design Process for this

  • Information Architecture: Focused on a simple, 3-step flow for payments.

  • Wireframes: Explored multiple layouts with large, thumb-friendly buttons were most successful.

  • Iterations: Added a “Quick Sale” feature with preset amounts for high-frequency payments.

  • Feedback Loops: Conducted usability tests with 5 merchants; 80% completed transactions without training.

Information Architecture: Focused on a simple, 3-step flow for payments.

Wireframes: Explored multiple keypad layouts; large, thumb-friendly buttons were most successful.

Final Design: Key Screens


Home Screen: Large numeric keypad, preset amounts, “Sale” button front and center.

Payment Method Selection: Card, NFC — visually distinct, with quick-tap design.

Transaction Confirmation: Clear green checkmark + sound/vibration feedback.

Reports Screen: Daily summary, transactions, and settlements easily accessible.

Design Principles:

  • High-contrast theme for readability under various lighting conditions.

  • Optimized for touch interactions, reducing mis-taps.

  • Seamless experience — transaction flow reduced from 5 steps to 3.

Impact

  • Transaction times reduced by ~45% in internal testing.

  • Error rates dropped, thanks to clearer button hierarchy and confirmation screens.

  • Positive merchant feedback: “I can finally train my staff in under 5 minutes.”

Reflection

Designing for POS machines emphasized speed, simplicity, and context awareness. If revisiting the project, I’d explore offline-first reporting and multi-language support for wider adoption.

Next Step

Would you like me to create a one-page visual case study layout where:

  • UI screens are integrated into the story (with callouts),

  • The “3-tap flow” is visualized,

  • And the outcome metrics are shown?

Create a free website with Framer, the website builder loved by startups, designers and agencies.