top of page

Settings

For this UX challenge, I designed a settings page for a Smart Home Control Hub where it'll allow users to manage various home automation features such as lighting, water settings, security, and more—all from their phone. Despite settings pages often being seen as "simple," I found this challenge fascinating because of the sheer variety of options that could be included. I enjoyed structuring the app’s purpose first and then determining which settings were most essential for users. A smart home hub felt like the perfect choice since it aligns with modern technology trends and integrates seamlessly into everyday life. While users may not always notice when everything functions smoothly, any missing or poorly designed settings could cause significant inconvenience. With that in mind, I focused on creating an intuitive and visually clear settings interface that ensures effortless control over one’s home.

settings 5.png

"We see our customers as invited guests to a party, and we are the hosts. It's our job every day to make every important aspect of the customer experience a little bit better."

Jeff Bezos, CEO of Amazon

Designing Clarity for Connected Living

When approaching this UX challenge, the goal was clear: create a settings interface that empowers users to effortlessly manage their smart home from one place. Through user-centered thinking and visual refinement, I identified three core areas for improvement: information hierarchy and navigation, iconography and visual clarity, and prioritization of essential controls for daily use.

Form Meets Function

For a smart home hub, intuitive design isn’t just helpful—it’s essential. I crafted the settings page with that philosophy in mind, drawing inspiration from real-world control panels and modern smart tech aesthetics—clean lines, calming tones, and clear iconography—to ensure users feel both empowered and at ease while managing their homes.

Built for Scalability and Simplicity

In designing the smart home settings page, I embraced a modular layout approach—organizing content into flexible, repeatable sections that adapt to various device sizes and user needs. This block-based structure ensures a consistent experience while allowing for seamless expansion as new features are added. It also empowers future designers or developers to maintain quality and coherence without starting from scratch.

Frame 18.png

Thoughtful Touchpoints for Everyday Convenience

To elevate the user experience, I strategically integrated contextual prompts and related feature suggestions throughout the settings page, encouraging users to explore beyond the basics. These subtle nudges make the interface feel more personalized and intuitive, helping users discover helpful tools they may not have considered initially.

Empowering Control Through Smart Structure

Managing a smart home should feel seamless, not overwhelming—so I prioritized not only the user-facing design but also the ease of ongoing maintenance behind the scenes. The settings interface was structured to be scalable, clean, and easy to update without heavy developer lift. By designing with modularity and logic in mind, the system supports future expansions while keeping the experience consistent. This approach allows for autonomy and operational ease, mirroring how real smart home apps need to grow with the user.

This structure enables:

  • Effortless addition or removal of settings modules as new devices are integrated

  • Quick access to priority settings through customizable shortcuts

  • Simplified navigation with grouped controls and visual hierarchy

  • Visual clarity and icon consistency to reduce cognitive load

  • Support for adaptive theming or user personalization in future iterations

Designed for Mobile-First Living

Naturally, the smart home settings interface was designed with a mobile-first approach, ensuring users have full control of their home—anytime, anywhere. Prioritizing responsive design and intuitive touch interactions reflects how essential mobile access has become in today’s connected lifestyle.

Frame 3-7.png
bottom of page