Settings Design | Finance
Settings Reset (Mobile)
Industry: FinTech / Mobile Banking
Platform: iOS (dark mode focus)
Product Context:This fictional app is a banking platform for managing accounts, payments, and other financial transactions. Because the app handles sensitive financial data, the settings experience is designed to be secure, transparent, and easy to navigate. The app emphasizes control of privacy, notifications, and account management.
Primary User Frictions -> Design Fixes
Security controls (password, sessions, etc.) are typically buried deep in account menus.
Fix: Created a clear Password & Security subpage with options for 2FA, biometrics, and session management.
Rationale: Gives quick access to safety features without overwhelming the user, while also increases user trust.
---------
Managing bank cards can feel cluttered, with no visual clarity or hierarchy.
Fix: Designed a Payment Methods page with card visuals, a primary card indicator, and an “Add another card” option.
Rationale: Matches real-world mental models (physical cards) while simplifying actions like add/remove for quick user actions.
---------
Linked bank accounts can confuse users when no accounts are connected.
Fix: Added an empty state with a link icon, brief description, and a CTA button (“Link a bank account”).
Rationale: Clarifies state, sets expectations, and encourages first-time linking for users.
---------
Users want data transparency and control of third-party integrations.
Fix: Added Data Sharing Preferences row (analytics, third-party apps).
Rationale: Increases trust by making privacy choices visible and easy to manage.
---------
Notifications are often scattered across multiple screens and lack customization of notification channels.
Fix: Made one Notifications subpage, with alert type cards (transactions, limits, statements) and per-channel checkboxes for personalization.
Rationale: Improves quick readability, reduces navigation depth, and supports granular customization.
---------
Help and Feedback options are hidden or overly complex.
Fix: Grouped both categories into a Help & Support section which would lead to quick links, FAQs, and direct feedback option.
Rationale: Reduces friction and churn when users need assistance and makes the app feel more supportive.
Tools used
From brief
Topics
Share
Reviews
8 reviews
Happy you brought the security controls to the surface. I never understand why they’re usually buried under several steps, as if they’re the least important. My bank already uses PIN + cryptographic key for transactions, but I’d still feel more secure with an additional 2FA layer. It might hurt the UX a little, but better safe than sorry, right?
I was hoping you’d also show a Data Transparency page. In my opinion, this is something rarely communicated clearly in banking apps. I’d be curious how you’d visualize it.
Solid safeguard, Damon! And I like that subtle touch of gold to represent Nicholas member status.
Good job! I like it.
Great work on this, Damon!
I really like the UI you've built. The visual hierarchy is well organized and everything feels clean and easy to scan.
One thing I'm curious about, why did you choose a different visual treatment for the checkboxes compared to the toggle? The toggle uses your primary color when active, but the checkboxes have a more subtle style. On the notification screen where there are lots of checkboxes, it might be harder for users to quickly see which ones are selected. Did you consider matching the checkbox active state to the toggle pattern?
Small nitpick on the card page - it looks like the card type and nickname might not be vertically aligned. Was that intentional or just something to double-check?
Overall this is solid work, I like it!
This mobile banking settings design is clear, user-friendly, and focused on trust and control.
Security features are easy to access with a dedicated Password & Security page including 2FA, biometrics, and session management.
Payment Methods and linked accounts use familiar visual cues and empty states, making actions like adding cards or linking accounts intuitive.
Data Sharing Preferences and Notifications are centralized for transparency and customization.
Help & Support is simplified, giving users quick access to FAQs and feedback.
Overall, the design balances clarity, security, and usability, creating a smooth settings experience for sensitive financial tasks.
Bravo, Damon! This is a very well-done project. I really like how usable it feels. The hierarchy is clear, and the UI is consistent and easy to follow. Great work on that!
One small point I’d suggest refining. The checkboxes feel quite different from the rest of the UI. Adjusting their style to better match the overall look would help maintain consistency and polish.
Damon, your settings design feels clear and trustworthy, just refine the checkbox consistency a bit, and overall you’ve done a great job!
Great work
This is incredibly polished! Great job with the embedded video walkthrough, this demonstrates the user flow and information architecture really well. Everything is very scannable and straightforward, with clear information hierarchy.
The UI is very clean and everything animates very smoothly. Not only is this an incredibly high quality prototype, this is what I'd expect to see for a professional level demo video. I would love to see more of the process and see what you used to create this demo video. Amazing work!
You might also like
Swift: A mobile design system
Accessible Sign-Up Flow for a Residential Management Platform
SS Fire Pits
Headphone Selling E Commerce Landing page
Cinemora - Ultimate Movie Companion (UIX Documentation)
Color System for Productivity App
Content Strategy Courses
UX Writing
Common Design Patterns
Building Content Design Systems
