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
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.
A look at the identity we designed for Vetti, a dog health monitoring brand.
There’s a lot of data behind a product like this but the person using it just wants to know their dog is okay.
That’s the balance in the design with a connected dot system that feels precise and warm colors and photography that keep it close to what people care about.
Also, an excellent excuse to spend far too long choosing dog photos.
Really nice balance between data-driven technology and the emotional side of pet care. The connected dot system is a great way to make something technical feel approachable, and the warm photography really brings the brand closer to the pet owners.💯
Engaging website for a New York–based architecture and construction studio, balancing bold typography, immersive imagery and a minimal editorial layout.
The dark framing on the edges is such a clever visual trick! It actually fools the eye and makes the whole presentation look like a 3D physical object. Brilliant depth!