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
Back to feedPost
Designing a Clear and Trustworthy Investment Redemption Experience
When users are moving money out of an investment portfolio, the last thing they should feel is uncertainty.
Before confirming a transaction, users need to clearly understand:
-How much money they are redeeming
-Where the money is going
-Which portfolio the transaction is connected to
-Which assets are involved
-What action they are about to take
For this fintech product, I designed a Confirm Redemption experience that brings all of this information together in one simple, focused screen.
The goal was to create a confirmation step that feels clear, trustworthy, and easy to understand without overwhelming the user with unnecessary information.
The Challenge: Financial transactions require confidence.
When a user is redeeming money from an investment portfolio, the confirmation screen needs to do more than simply display a large amount and a button. It needs to help the user verify the details of the transaction before proceeding.
The challenge was to present multiple pieces of financial information in a way that feels:
-Simple
-Scannable
-Transparent
-Reassuring
-Easy to confirm
The Solution: I designed the experience around a strong visual hierarchy.
The screen begins with the primary action users need to understand: the redemption amount.
₦75,000
This immediately gives the user clarity on the value of the transaction.
Below that, the supporting details are grouped into a single structured card. This allows users to quickly review the important information without having to navigate through multiple screens.
The confirmation summary includes:
-Destination: GTBank account ending in 5242
-Portfolio: Growth Portfolio
Amount: ₦75,000
Assets: Apple
Each row uses a simple icon to make the information easier to scan and create a visual distinction between the different types of data.
Design Decisions: The interface uses a soft lavender background to create a calm and modern fintech experience.
Instead of using a harsh white interface, the subtle tinted background helps the confirmation card and primary action stand out while keeping the overall experience light.
The rounded container creates a clear visual grouping for the transaction details.
The primary CTA, Confirm Payment, uses a deep indigo color to create strong contrast and communicate the importance of the action.
The close button is positioned in the top-right corner, giving users an easy way to exit the confirmation flow without accidentally confirming the transaction.
Why This Flow Matters
A good confirmation screen should reduce hesitation.
The user should not have to ask:
“Where is my money going?”
“Which portfolio am I redeeming from?”
“What asset is involved?”
“How much am I redeeming?”
All of these questions are answered before the user confirms the transaction.
The result is a simple, focused experience that gives users the information they need at the exact moment they need it.
My Focus
For this design, I focused on:
• Clear financial information hierarchy
• Reducing cognitive load
• Creating a trustworthy transaction experience
• Making important details easy to scan
• Using visual grouping to organize complex information
• Designing a strong and clear confirmation action
• Maintaining a clean, modern fintech visual language
This is one of the many small moments in a financial product where thoughtful UX can make a significant difference.
Because when money is involved, clarity is not just a visual design choice.
It is part of the user experience.
Love the bottom sheet!
thanks
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
Related posts
Here is a project description you can use alongside the video:
Designed and developed a sleek, modern landing page for a global financial platform focused on borderless digital banking. As the Lead UI/UX Designer, I was responsible for the entire visual strategy, creating a clean, high-contrast user interface that balances minimal typography with intuitive feature sections. The layout highlights key value propositions—such as zero hidden fees and multi-currency tracking—using a structured, high-conversion visual hierarchy. This showcase video demonstrates the seamless user flow and polished aesthetic designed to build immediate trust with global users.
As Lead Brand Designer at Case Study Brands, I led the brand identity for Point Quest Group, an education organization. Starting with positioning and brand strategy, I translated the organisation’s goals into a cohesive visual identity designed to resonate with both school leaders and families. The final identity system balances credibility with warmth while providing a scalable foundation for future growth.
Great Work
Architect of Chaos: Branding Cobalt Analytics for the Envato Challenge
AI has completely changed the creative landscape, but it hasn’t changed what makes a digital product functional. For the Envato Challenge, I set out to design the brand identity and UI concept for a B2B SaaS platform, Cobalt Analytics. The goal was to show the crucial difference between machine generation and human curation.
The Insight: The Azulejo Metaphor
Data analytics is often visually represented by clichéd glowing nodes and neon webs. I wanted a metaphor with history. I turned to Azulejo — traditional Portuguese ceramic tiles. Historically, the art of Azulejo was about taking thousands of fragmented, independent tiles and assembling them into one grand, coherent narrative. This is exactly what a predictive data platform does: it turns chaotic metrics into a clear system.
The Process: AI as the Miner, Human as the Filter
I started by feeding AI historical references of Azulejo tiles. The result? Absolutely stunning, yet completely unusable visual noise. AI generated beautiful chaos, but as a designer, I know that algorithms don't understand scalability, negative space, or modular grids.
The Extraction: I rejected 95% of the AI generations, extracting just one perfect geometric silhouette hidden in the noise.
The Clean-Up: I moved to Envato Elements to source mathematically perfect vector shapes and rebuilt the AI's concept into a clean, scalable brand mark.
The System (Figma): I established a strict modular Bento-grid, paired the complex geometry with a brutalist sans-serif typography, and built out the core UI dashboard widgets in Figma.
The Execution (Zero Photoshop): To bring the brand into the real world, I utilized Envato’s native mockup generator. I applied my designs directly to premium physical and digital mockups right inside Envato's browser tool—no Photoshop required. A completely streamlined, modern workflow.
The Result: Cobalt Analytics.
A brand identity that is mathematically precise, highly scalable, and ready for development. AI generated the noise, but human judgment built the system.
And for the brave souls, here is the link to the full Figma file. Fair warning: it’s a typical creative mess inside, you know how it is 😅
https://www.figma.com/design/5Du5Sjr7jCCZYNgH5Y9QtB/Envato-Challenge?node-id=17-2181&t=vap8tOu6fACNieNW-1
more detail
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?