Settings Page for Mobile App

For this design brief, I created a settings page for a parenting app, which was one of my case studies. The goal of this project was to help parents connect with health professionals for support and guidance while also enabling them to engage with other parents on their parenting journey.

When designing the visual elements and iterations for this project, I initially did not include a settings page. However, through the design process, I realized the importance of refining and iterating on profile and settings pages, as they are crucial for usability and overall user experience.

Overview

The design follows a three-panel hierarchical approach to organizing settings, including Profile, General Settings, and Notification Settings screens. This structure helps reduce cognitive overload by breaking complex information into manageable sections.

Information Architecture

• Clear categorization with logical groupings (e.g., General Settings, Contact & Legal, Account)
• Consistent back-navigation for seamless movement between screens

Visual Design

• Consistent visual treatment across all settings components
• Clear interaction patterns using toggles for on/off settings
• Icon + text pairings enhance recognition and scannability

Conclusion

This design effectively addresses the primary concern of cognitive overload through thoughtful organization and visual clarity.