Settings Page for Travel and Destination App
I chose to design a settings page for a travel and destinations mobile app. My primary objective was to imagine the settings pages, making them intuitive, user-friendly, and efficient for users to navigate.
To kick off the project, I conducted comprehensive research, delving into the settings pages of popular travel apps like Booking, Airbnb, and Expedia. This benchmark investigation provided valuable insights into industry best practices. Additionally, I explored payment settings in other apps, focusing particularly on understanding how different platforms handle payment information and security.
I set out to develop a straightforward and user-friendly layout for the settings page. Categorizing information into distinct topics, I ensured users could effortlessly comprehend the provided information. Prioritizing and organizing information according to its importance and hierarchy, I utilized clear iconography to visually represent each step, enhancing user comprehension.
To further refine the design, I created some sections of the settings page to investigate and preview the architecture and display of the information. This approach allowed me to visualize how the other settings page would look and function in practice.
Finally, I tested the settings page on dark mode, implementing dark mode compatibility and evaluating its appearance and usability. By switching to dark mode, I assessed the readability, contrast, and visual appeal of the design elements against a dark background.
I organized my Figma File into:
- Research /Benchmark
- Design (includes the light and dark mode versions)
- Prototype (with interactions)
- Presentation (with small explanations of my work)
Hope you like it! 😊
From brief
Topics
Share
Reviews
11 reviews
This settings page design is truly exceptional in every aspect. Its scannability and intuitiveness are superb, making it easy for users to find and adjust settings effortlessly. The page is not only informative but also visually appealing, striking a perfect balance between function and aesthetics. The explanation of the design is clear and concise, ensuring that users understand the purpose and functionality of each element. Overall, the work is presented with remarkable effectiveness, showcasing a high level of skill and attention to detail.
If there was any improvement, it's with the bottom navigation bar. While the icons you used may be more universally used, perhaps other users may not recognize their functions. For better accessibility and recognition, you should add labels under your navigation items so users can quickly identify them.
Great work, Helena!
Excellent work on what is needed for this submission.
- Liked the detailed work on your research in identifying different ways different apps handle their settings view
- Loved the dark mode which has the right balance of contrast and text colors as needed for the dark mode.
- Flawless presentation of your entire work and your prototype.
Your design aligns with other examples of settings screens in other apps this will enable users to easily onboard and follow where the different controls are there. This will have less cognitive load on the users.
You can tell that a lot of thought went into researching and putting this Settings page together. The way you've organized the info is awesome – everything just falls into place, making it super easy to navigate. I didn't even have to think twice about where to find stuff. This is what good design is all about, making things easy and intuitive. Keep up the great work!
Hi Helena,
I wanted to commend you on the excellent design of your Settings page; it's both visually appealing and user-friendly. It's evident that you've put effort into competitive analysis.
I do have one constructive suggestion regarding the 'Page Title' and the 'Back Arrow Icon'.
- While they have white space between them, their layout might lead to potential confusion as a single visual cluster.
- Consider changing the color of the back arrow to match the lighter color of the other icons. This adjustment would ensure it remains distinct from the title while maintaining consistency with the rest of the page's icons.
Helena, your settings page is super clear and well-structured—maybe just add labels under the bottom nav icons for quicker recognition, but overall this is excellent work!
Your meticulous attention to detail in crafting this Settings page is evident. The layout you've chosen is exceptional – information flows seamlessly, ensuring effortless navigation. I didn't need to pause for a moment to locate anything; it's all intuitively placed. This epitomizes the essence of excellent design: simplicity and ease of use. Your commitment to excellence shines through. Keep up the fantastic work!
Outstanding work and presentation ! well done Helena
Helena, wow! not only do I appreciate how clean and organized your settings page is. I appreciate how well-researched your project is.
You might also like

Fundraising Website

NEWFASHON™ - Landing page

Mobile onboarding flow

MamaFlow

FOURm - Landing Page for High-Conversion Fitness Startup
