Rethinking Mobile Banking UI: Modern Dark-Mode Experience 💳✨ Designing a seamless mobile banking...

Rethinking Mobile Banking UI: Modern Dark-Mode Experience 💳✨ Designing a seamless mobile banking...Rethinking Mobile Banking UI: Modern Dark-Mode Experience 💳✨ Designing a seamless mobile banking...

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

Waleed K

• Jul 21

Rethinking Mobile Banking UI: Modern Dark-Mode Experience 💳✨

Designing a seamless mobile banking interface requires balancing security, clarity, and visual elegance. For this Bank Al Saudia mobile dashboard, the goal was to create a dark, intuitive UI that brings core financial actions front and center.

Design Highlights: ✦ Frictionless Navigation: Filterable chips (Accounts, Cards, Crypto, Vaults) allow users to pivot across assets effortlessly.

✦ Action-First Architecture: Key actions like Add Money and Send are integrated directly within the main balance card for single-tap convenience.

✦ Rich Visual Hierarchy: High-contrast lime green accents guide the eye to crucial details like status indicators and recent balance updates.

How do you feel about dark-mode aesthetics for everyday banking apps? Let’s connect in the comments! 👇

#UIUX #MobileAppDesign #FintechDesign #BankingApp #UXDesign #ProductDesign #Figma

UI Design UX Design Figma Figma Make

Raphael Sousa

• Oct 19

The Client: Alumo is a student impact fund that pools collective influence from influencers and partner schools to deliver a $250,000 annual grant program for student-led projects across Canada.

The Issue: The fund needed a website that could communicate trust and purpose to two very different audiences — students applying for grants and partner schools or influencers considering joining — while also showcasing past winners and guiding applicants through the process clearly.

The Solution: A multi-page website was designed with a warm, approachable visual identity using earthy tones, generous imagery, and clear information hierarchy. Each section — About, Past Winners, and How to Apply — was structured to reduce friction and build confidence, making it easy for students to understand eligibility and take action before the deadline.

Prototyping UI Design UX Design Figma Framer

Sagar Nawaz

• Oct 21

Love how you're tackling trust + purpose for a $250K fund - that's a tough balance with two audiences. Communicating credibility for a student-led initiative across Canada is huge. Would love to see how you solved it!