रु-Pay
DIGITAL WALLET APPLICATION

Ru-Pay is a next-generation mobile financial ecosystem built to simplify peer-to-peer money transfers, merchant QR payments, and utility bill clearing with speed, security, and human-centered design.

RoleProduct Designer, UI/UX Designer
Duration2 Months
ToolsFigma, FigJam, Miro
Ru-Pay Mobile App Mockup Preview
01. Overview

Project Context

In today's rapidly evolving digital economy, access to fast, transparent, and frictionless payment tools is vital. Ru-Pay was conceptualized to bridge the gap between traditional banking infrastructure and everyday mobile users across urban and semi-urban communities. The platform consolidates mobile recharges, instant QR payments, government taxes, utility bills, and personal wallet management into a single intuitive mobile application.

02. Problem

Problem Statement

Existing payment solutions in the market suffered from cluttered user interfaces, multi-step transaction drop-offs, hidden fee structures, and poor visual feedback during checkout. Users frequently struggled with slow QR scanner loading times, confusing error messages during failed transactions, and an absence of automated utility bill reminders.

03. Audience

Target Audience

📱

Tech-Savvy Youth & Students

Requires instant P2P transfers, split-bill features, and fast QR payments at cafes and campus retail stores.

💼

Working Professionals

Needs automated recurring utility bill payments, salary wallet deposits, and exportable monthly expense statements.

🏪

Local Merchants & Retailers

Demands instant audio/visual payment confirmation, zero merchant friction, and clear daily reconciliation dashboards.

04. Research

User Personas

SP

Sujata Parajuli

Corporate Marketing Executive (Age: 27)

Kathmandu, Nepal

Frustrations & Pain Points

  • Complex multi-step processes to pay monthly internet and electricity bills.
  • Lacks visibility into where monthly spending goes across different payment channels.
  • Anxious about app crashes during high-volume merchant payments.

Goals & Needs

  • One-tap Scan & Pay with instant visual payment confirmation receipts.
  • Automated utility bill reminders with saved customer IDs.
  • Categorized expense summaries for personal budgeting.
RK

Rohan Karki

University Student & Freelancer (Age: 22)

Lalitpur, Nepal

Frustrations & Pain Points

  • High friction when splitting meal expenses with friends.
  • Sluggish camera initialization when scanning merchant QR codes.
  • Unclear transaction status when money is deducted during network lag.

Goals & Needs

  • Lightning-fast QR camera launch directly from the home screen.
  • Instant push notifications with haptic feedback upon payment completion.
  • Biometric MPIN authorization for rapid security verification.
05. Methodology

Design Process

01

Empathize

User interviews, competitive analysis of top wallet apps, & qualitative surveys.

02

Define

Problem mapping, user personas creation, & core user flow definition.

03

Ideate

Information architecture, feature prioritization, & napkin sketching.

04

Prototype

Low-fidelity wireframing, high-fidelity UI design, & interactive Figma prototyping.

05

Test

Usability testing sessions, micro-interaction refinements, & accessibility validation.

06. Structure

Information Architecture

Ru-Pay App
Onboarding & Auth
Welcome ScreenPhone Login / OTPSet 4-Digit MPIN
Home Dashboard
Balance Card (Mask/Unmask)Quick Actions (Send, Load, QR)Services & Utilities GridRecent Transactions List
Scan & Pay
Camera Viewfinder & TorchGallery QR UploadAmount & Note InputMPIN VerificationDigital Receipt Screen
Utility Payments
Mobile RechargeElectricity & WaterInternet & TV BillsSaved Favorites
07. Brand Identity

Design System

Color Palette

Primary Purple#7E22CE
Deep Violet#581C87
Purple Tint#F3E8FF
Dark Slate#0F172A
Soft Background#F8FAFC

Typography

Heading 1Inter Bold / 32px
Heading 2Inter SemiBold / 22px
Body RegularInter Regular / 15px
Button & CaptionInter Medium / 13px
08. Solution Showcase

High-Fidelity Mobile App UI

Ru-Pay High Fidelity Mobile App Screens
09. Impact

Results & Key Takeaways

⚡ 35%

Faster Payments

Reduced step count from 5 to 3 screens during QR payments, dramatically boosting checkout conversion.

📊 40%

Utility Adoption

Categorized utility bill layout increased bill payment retention month-over-month.

⭐ 4.8/5

Usability Score

Tested with 15 users across 3 iterations, receiving exceptional feedback for interface clarity and visual hierarchy.