<?xml version="1.0" encoding="utf-8"?>

The goal was to design a settings page that is user-friendly and easy to navigate without overwhelming the user.

I've started with researching a different applications and designs and found those issues:

  • information architecture
  • inconsistency
  • hierarchy

To solve those issues I've decided to leave only the most important elements, grouping them and combining into 2 different sections.

Financial Mobile App - Settings page 1

I've used Google material design icons which was a good match for a typeface, that in my opinion giving it the character of the financial application.

Financial Mobile App - Settings page 2

I've chosen atomic approach where I've tried to reduce the need to many different components and colours

Financial Mobile App - Settings page 3

Available in dark and light mode

Financial Mobile App - Settings page 4

I hope you'll like it!

Share your insights — leave a project review and help others grow their skills

Reviews

1 review


I appreciate the simplicity of your design, and the accompanying walkthrough is also helpful. Here are a few suggestions for potential improvement:

  • The sign-out button appears a bit detached from the rest of the list, particularly in the cover message.
  • Be cautious with the icon used for the currency list item; the Euro icon might confuse users when a different option is selected.
  • Ensure the selected currency and language have a legible font size; it’s hard to tell from the provided screenshots.
  • The sign-out button in dark mode might be hard to see for some users.
  • The purpose of the app for which this settings page is designed is unclear. Would be great to read an explanation of the app’s function,

Additionally, don't hesitate to link the Figma file; it makes the review process much easier.

Keep up the good work!

(edited)
Good point(s)! Thank you very much for your feedback!

3 Claps
Average 3.0 by 1 person
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>