Overview
Background
Simplifying Payment Collection with Shareable Payment Links
I worked on designing an intuitive and efficient payment solution that allows businesses and individuals to generate and share secure payment links. By eliminating the need for complex payment gateway integrations, this solution enables businesses to collect payments easily while reducing reliance on cash-on-delivery (COD). The goal was to build a frictionless payment experience that ensures trust, security, and accessibility for both merchants and customers.
Objective
Enhancing Digital Payment Adoption with a Frictionless Experience
The primary goal was to create a user-friendly interface for generating, sharing, and managing payment links. By focusing on security, branding, and ease of use, the aim was to make digital transactions more reliable, accessible, and widely adopted—especially by small and medium-sized businesses (SMEs).
Challenges Identified
As the product designer manager at DAO Proptech and leading the Blocks initiative in terms of Design and research, my responsibilities encompassed
1. Complex Payment Processing
SMEs often struggle with online payment integrations due to high costs, technical barriers, and operational complexities.
2. High Dependence on COD
COD transactions lead to higher return rates, cash handling risks, and delayed revenue cycles for businesses.
3. Lack of Trust in Digital Payments
Many users hesitate to make digital payments due to security concerns and unfamiliarity with online payment flows.
Solution and Approach
1. Seamless Payment Link Generation
Designed an intuitive interface enabling users to create and share secure payment links instantly—eliminating technical barriers.
2. Secure & Transparent Transactions
Ensured end-to-end encryption, security badges, and trust indicators to reassure customers about data privacy.
3. Customizable Branding for Trust-Building
To increase digital adoption and build the same trust as COD, businesses could customize payment links to reflect their brand identity, creating a more familiar and credible experience for end customers.
4. Progressive User Experience Design
Introduced progressive disclosure techniques, smart flows, and optimized UI components to make the payment journey seamless, engaging, and efficient.
Process
Wireframes & Low-Fidelity Prototypes
Created wireframes and low-fidelity concepts to test with potential users and businesses.
Moodboard & Visual Exploration
Developed a moodboard and explored various iterations for initial screens to align with the desired brand feel.
Stakeholder Review & Iterations
Gathered stakeholder feedback and refined the design to finalize the key flows before deep-diving into high-fidelity prototypes.
High-Fidelity UI & Interaction Design
Crafted pixel-perfect UI designs, ensuring consistency and accessibility across multiple resolutions and devices.
Responsive & Multi-Platform Adaptations
Designed a responsive experience to maintain seamless interactions across desktop, mobile, and tablet interfaces.
Designs
Wireframes and MVPs
Moodboarding
Interface Designs
Hi-Fi UI and Interactions
Account Management & Storing Payment
Microinteractions, System and Variants
Key Features and Enhancements
To build trust and create a seamless payment experience, I incorporated global payment UX patterns while validating them for local markets. These refinements ensured better alignment with user mental models.
Progressive Cost Breakdown
Prevents overwhelming users with excessive text by revealing price details step-by-step.
Security Badge Indicators
Displays security assurances to reinforce trust in data protection.
Smart Terms & Conditions Acceptance
Allows users to proceed with a clear CTA instead of manually checking a box, reducing unnecessary steps.
Field Validation & Error Handling
Introduces smart field checks and logical error messages to improve data input accuracy.
Informative Tooltips
Guides users on elements like card number and CVV placement for smoother checkout.
Salient Amount Display
Highlights the payable amount more prominently for better clarity.
Engaging Loading Animations
Introduces visual feedback during processing for an intuitive experience.
Customizable Business Branding
Enables merchants to modify branding attributes (e.g., logo, colors) to align with their identity.
Stored Payment Details
Allows users to save card/payment details for faster transactions in future cycles.
Multi-Resolution Support
Optimized for different devices to ensure a smooth experience across various screen sizes.
Account Management
Provides users with controls to log out, change passwords, and manage saved payment methods.
Results & Impact
With this project, I contributed to a secure, frictionless, and scalable payment solution that empowers businesses to navigate the digital economy with confidence.
✅ Faster & More Secure Transactions
Enabled businesses to collect payments efficiently, reducing COD reliance.
📊 Increased Digital Payment Adoption
Simplified UX encouraged SMEs to transition to online payments.
🔒 Stronger Trust & Conversion Rates
Security enhancements and branding options boosted customer confidence.
📈 Scalable & Future-Ready Solution
The system was designed to evolve with growing business needs.
Let’s do some awesome work
©2025
