Designedย by
No items found.
Subject


Bookmark
Bookmark
Design with AI
Category
Tech Stack
Added on
April 29, 2024

Wise Add Money With Card Structure

Wise Keeps It Dead Simple

This payment confirmation screen from Wise is a masterclass in reducing friction. The whole page has one job: get the user to enter their CVC and hit that big green button. And it nails it. The layout is split cleanly between the action area on the left and a quiet details panel on the right. No distractions.

That Green Button Does the Heavy Lifting

The "Pay 10.05 EUR" button is impossible to miss. It's a soft, rounded lime green that pops hard against the white background. Everything else stays muted. Dark green text on white with generous spacing. The typography is clean and consistent, probably their custom sans-serif. The three-step progress bar at the top uses a filled dot to show where you are. Super minimal but effective.

What Makes It Stand Out

The details sidebar is smart. "Should arrive: in seconds" builds confidence right when you need it most. The fee breakdown is transparent without being cluttered. And showing the Mastercard logo next to the saved card adds just enough visual recognition. Trust through simplicity. This is checkout UX done right.
Similar screens

Upgrade to SaaSFrame Pro now to see similar examples.

Monthly

$18 /month
Billed $18 monthly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now

Quarterly

$16 /month
Billed $48 quarterly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now

Yearly

$15 /month
Billed $180 yearly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now