Background

The Physical Pulse of Digital Banking

DotPay is the merchant-facing arm of the Dot ecosystem, designed to provide a robust, physical touchpoint for financial services in a cash-heavy economy. While Dot’s mobile and web platforms cater to digital-first businesses, the DotPay POS Terminal was engineered for the "street-level" economy—the kiosks, retailers, and mobile money agents who serve as the primary gateway to banking for millions.

In a market where traditional banking infrastructure is often inaccessible, DotPay’s POS terminals serve a dual purpose: they are both Payment Acceptance tools for merchants and Financial Inclusion hubs for the unbanked.

The Strategic Mission

The goal was to move beyond the "dumb" card readers offered by traditional banks. We aimed to build a Merchant Operating System—a device that allows a business owner to not only swipe cards but also manage inventory, handle cash-in/cash-out services, and track business growth through real-time data synchronization with the Dot Business Banking suite.

Project At a Glance

  • Target Audience: SME owners, open-market traders, and agency banking operators.

  • The Ecosystem: A hardware-software hybrid that connects physical transactions to a digital ledger.

  • Market Context: High-volume, low-connectivity environments where speed and reliability are the only metrics that matter.

The Challenge: The "Last Mile" of Banking

While digital banking is booming, the physical POS terminal remains the heartbeat of the African economy. DotPay’s mission was to provide a terminal that wasn't just a card reader, but a business command center.

The Core Friction:

  • Environmental Constraints: Designing for low-light kiosks, heavy outdoor glare, and users with varying levels of digital literacy.

  • Technical Volatility: Managing transactions on 2G/3G networks where "timeouts" are the norm, not the exception.

  • Hardware Limitations: Working within the constraints of low-memory Android-based terminals and thermal printer limitations.

UX Thinking: The "Messy" Reality of Latency

In POS design, the biggest enemy is uncertainty. When a merchant swipes a card and the screen goes blank, they don't know if the money was debited. This leads to double-charging or lost revenue.

The "Smart-Retry" Logic (Pivot Point)

  • The Failure: Initially, we used a standard "Processing..." spinner. If the network failed, it showed an "Error" screen. Merchants hated this because they didn't know if they should try again.

  • The Design Pivot: I designed a Status-Persistence Engine. If a transaction was interrupted by a network drop, the terminal would "cache" the state. Upon reconnection, the first thing the merchant saw was the result of the previous attempt—not a home screen.

  • The Logic: This eliminated the "Did it go through?" anxiety, reducing double-billing complaints by 30%.

Designing for Physical Ergonomics

A POS terminal is a physical object. I spent time observing merchants and realized they often held the device with one hand while counting cash with the other.

  • Action: I moved all "Primary Actions" (Confirm, Pay, Print) to the lower third of the screen to ensure they were reachable with a thumb while holding the device.

UI & Interaction: High-Contrast Precision


  • The "Anti-Glare" Design System: I developed a high-contrast UI specifically for outdoor use. We avoided subtle grays and thin fonts. We used heavy typography (Inter Bold) and high-saturation status colors (Success Green #00C853) that remain visible even under direct sunlight.

  • Optimizing the "Print Flow": Thermal paper is a cost for merchants. I redesigned the receipt layout to be information-dense but paper-efficient, reducing paper waste by 15% per transaction without losing regulatory compliance data.

  • Haptic Feedback: Since the environment is often loud, visual cues aren't enough. I integrated specific Vibration Patterns for "Success" vs. "Error," allowing the merchant to feel the result of a transaction without even looking at the screen.

Have a project idea in mind? Let’s chat about how we can bring it to life— virtually, from anywhere in the world!

Have a project idea in mind? Let’s chat about how we can bring it to life— virtually, from anywhere in the world!

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