SmartHome+ - Home Automation App & UX UI Design

We need to rethink some of the interactions with the smart home and smart home devices in case study.

Jack R., CX Designer

Jack R.

CX Designer

SmartHome+ - Home Automation App & UX UI Design

About the project

When a home has at least one “smart device” installed, it can then be referred to as a “smart home”.

Once you start installing multiple smart devices, such as smart speakers, the devices can be programmed to interact with each other, and you can actually automate many aspects of your home.

  • Project

    SmartHome+


  • Category

    Smart Home Automation


  • Location

    LA, California, USA


  • Year

    2023


  • IoT Solutions | UX & UI Design

    IoT Solutions | UX & UI Design

About Light Controls app

Light Controls app

  • SmartHome+ - Home Automation App project is a mobile interface concept for managing smart home lighting systems directly from their device. Users can select and customize zones, color scenes, create schedules, apply predefined modes for different moods. The interface focuses on intuitive UX with zone-based navigation, card-style widgets, and remote access for added convenience and security.

  • Main goal

    The goal was to streamline multi-room lighting control into a simple, personalized user experience and to keep interaction layers minimal while still offering high customization.

  • IoT Solutions | UX & UI Design

    IoT Solutions | UX & UI Design

Light Controls Mobile app

Lighting control made simple

  • Light Controls UI focuses on user experience design that supports fast access to key lighting functions. From the home screen, users can adjust brightness, switch zones, and set ambiance presets.

Key Features

    • Card-Based UI Structure

      Convenient selection of customizable options in the form of cards. This form helps reduce user friction and supports a modular interaction pattern.

    • Zone-Based Navigation

      Convenient visual design of interaction zone selection, as well as navigation through your home. Visual floorplan selection helps users interact with each room as a separate zone. This UI makes it easier to locate and change settings with minimal taps.

    • Smart Widget Controls

      Settings in the form of widgets will help to change the necessary parameters conveniently. Designed for clarity and action-oriented navigation. Widget-style buttons provide direct access to features like brightness, temperature, and mode.

    • Smart Home Solutions Company | UX & UI Design

      Smart Home Solutions Company | UX & UI Design

    Light Controls User Insights

    Valuable Insights

    • Working with a smart home solutions provider, we focused on measurable SmartHome+ - Home Automation App ui / ux improvements for the Light Controls mobile app. Usability tests showed a 72% preference for visual zone selection, which informed our decision to prioritize zone-based navigation.

      Widget-style controls reduced average task completion time by 35% and increased mode-switch response speed by 41%. Surveys with end users highlighted personalization and visibility as key needs, which helped shape the final UI structure and interaction flow.

    • Smart Home Solution | UX & UI Design

      Smart Home Solution | UX & UI Design

    About iNote app

    iNote mobile app

    • The iNote project explores interaction design for leaving notes to the attendant enables easy communication for residents and attendants. Submit requests, report issues, and receive real-time updates all in one convenient location. The solution improves usability, retention, and user satisfaction across home automation workflows.

    • IoT Product Development Services | UX & UI Design

      IoT Product Development Services | UX & UI Design

    iNote Mobile app

    Visual Solution

    • The iNote Controls UX/UI uses a card-based layout, soft color palette, and drag-and-drop logic to simplify complex actions. Visual feedback and smooth microinteractions improve clarity and reduce cognitive load. The design encourages intuitive exploration and boosts user satisfaction.

    Key Features

      • Location-Specific Actions

        Selecting an area to create a note for the attendant with precise device placement. This leads to reduced churn rate by making the app context-aware.

      • Task Assignment with Notes

        Write a note and choose a performer for that note. This improves team collaboration and increases task completion rates in shared smart home environments.

      • Priority-Based Tasking

        Change the priority of tasks. Tasks can be assigned and prioritized using a drag-and-drop interface. Supports productivity flows and encourages active user participation.

      • IoT Smart Home Solution | UX & UI Design

        IoT Smart Home Solution | UX & UI Design

      iNote User Challenges

      User Pain points

      • Inconsistent smart home interfaces, lack of device grouping, limited scheduling tools, and poor contextual controls increase churn rate. Users struggle with prioritization, location-based actions, and visual feedback in current smart home mobile apps.

      • SmartHome+ - Home Automation App Design | UX & UI Design

        SmartHome+ - Home Automation App Design | UX & UI Design

      iNote Core Functionality

      Additional Functions

      • iNote Controls includes secondary functions like real-time notifications, multi-user support, and scene activation previews. These features enhance control precision and provide more value during daily usage. They support higher retention and reduce friction in smart home interactions.

      • Scene-Based Control

        Select the devices for setting up the lighting scene. Users can create customized scenes like "Party" or "Work Mode" to control multiple smart devices at once. This helps increase engagement and encourages frequent app usage.

      • Timer for Devices

        Screen with flexible lighting scene settings. Allows setting up timers for lights and lamps with simple rotating controls. Improves conversion rate by making scheduled automation intuitive.

      • Drag-and-Drop Device Setup

        Selection cards of pre-made presses for with different light scenes. Users visually place lamps and devices in rooms using drag interaction. Reduces onboarding time and boosts initial conversion rate.

      • IoT Solutions Company | UX & UI Design

        IoT Solutions Company | UX & UI Design

      • Designing iNote meant aligning device interaction with real-life routines – visually and functionally.

        Victoria P., Team Lead

        Victoria P.

        Team Lead

      • Custom IoT Solutions | UX & UI Design

        Custom IoT Solutions | UX & UI Design

      About Bosh Smart Gathering app

      Bosh Smart Gathering app

      • Bosh Smart Gathering is a smart lawnmower UX/UI project focused on optimizing lawn maintenance through a mobile interface. The app connects with Bosh lawn mowers, offering control over mowing zones, blade height, and runtime. The project targets user autonomy, real-time status visibility, and increased user satisfaction.

      • Smart Home Solutions | UX & UI Design

        Smart Home Solutions | UX & UI Design

      Bosh Smart Gathering Mobile app

      App Control Highlights

      • The Bosh Smart Gathering mobile app improves user interaction with smart gardening devices. It focuses on high engagement, low churn rate, and intuitive control, reducing user friction and increasing conversion.

      Key Features

        • Real-Time Status Monitoring

          Monitor the status of your mower and have it serviced on time. Tracks device battery life, current task, and mowing progress. Helps reduce user uncertainty and improves retention through transparency.

        • Interactive Lawn Zone Selection

          Convenient visual design of interaction zone selection, as well as navigation through your home. Tap-based grid interaction for lawn area mapping. Supports efficient route optimization, improves user satisfaction, and drives engagement.

        • Custom Blade Height Control

          Convenient and clear grass height control. Users can set cutting height in mm with slider UI. Offers better personalization, leading to higher conversion rates and reduced support requests (CSR).

        • Smart Home Solutions Company | UX & UI Design

          Smart Home Solutions Company | UX & UI Design

        Bosh Smart Gathering Problem & Solution

        Product gaps and fixes

        • We designed an intuitive lawn control system with battery status, mowing zones, and cutting height settings to increase user satisfaction and reduce churn rate.

        • Problem

          Most smart garden devices lack intuitive mobile UX, causing low usage and high churn. Users often find manual setup complicated and unclear.

        • Solution

          Bosh Smart Gathering UX/UI simplifies the setup and usage process, using visual guidance, direct controls, and smart automation. The app reduces setup time and improves retention and conversion.

        • Smart Home Solution | UX & UI Design

          Smart Home Solution | UX & UI Design

        Result

        Final Outcome

        • Our team delivered three solutions for SmartHome+ - Home Automation App example, focused on usability, performance, and user retention. Each app simplified device control with visual clarity and interaction consistency across mobile platforms. The result was improved user satisfaction, reduced churn rate, and higher conversion across smart home users.

        • We focused on simplifying every interaction – making smart home control feel effortless, not overwhelming.

          Jack R., CX Designer

          Jack R.

          CX Designer

        Shall we chat?

        [email protected]

        Let’s

        Image

        talk

        This site uses cookies. By continuing to browse the site, you are agreeing to our use of cookies.