Project: Add Card Flow (Subscription Payment) A 3-step card addition flow designed for a subscrip...Project: Add Card Flow (Subscription Payment) A 3-step card addition flow designed for a subscrip...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Project: Add Card Flow (Subscription Payment)
A 3-step card addition flow designed for a subscription-based product, focused on clarity and trust at each stage of the payment process.
Flow breakdown:
Add a new card: Clean input fields for card number, holder's name, expiry date, and CVV, with clear placeholder guidance.
Card details confirmation: Masked card number and full transaction summary before submission, reducing user uncertainty before committing.
Success state: A clear, positive confirmation screen with next-step action (Pay now), closing the loop without leaving the user unsure of what happened.
Design goals: Minimize cognitive load, build payment trust through transparency, and maintain a consistent visual language across all three states.
#UXDesign #FintechUI #MobileAppDesign
Post image
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started