Skip to content
Work

Project — IoT smart-home app

Mobile

A calmer smart-home app.

Enhancing the interface of an IoT smart-home app — improving usability and visual appeal based on user feedback. Compare the screens before and after.

Role
UX Designer, Synectiks Inc.
Product
IoT smart-home app
Platform
Mobile

Before & after.

The same screens, original and redesigned. The redesign improved usability and visual appeal based on user feedback.

Redesigned Confio home: security modes card, illustrated room cards with toggles, scene shortcuts and a floating tab bar.Original Confio home screen: floor devices, scene shortcuts, security modes and rooms on flat grey tiles.

Drag across the phone to compare the original and the redesign.

What changed on screen

  • 01

    One security card

    Home, Away and Sleep modes sit together in a single card at the top of Home.

  • 02

    Rooms you can recognise

    Rooms became illustrated cards, each with a device count and its own on/off toggle.

  • 03

    Calmer device lists

    Devices keep their status counters and tabs, now with a segmented control, icons and reachability under each name.

  • 04

    A floating tab bar

    Navigation moved into a floating bar with a clear active state.

  • 05

    A guided start

    New screens welcome you, create an account with a profile photo, and let you pick the gateway by its picture.

These describe differences visible in the screens above.

The redesigned flow

From the first screen to controlling a device. Scroll sideways.

  1. 01WelcomeRedesigned Confio welcome screen with the word MEDHA over a dimmed living room.A welcome screen for the Medha gateway.
  2. 02Create accountRedesigned create-account screen with avatar, name, email, phone and password fields.Account creation with a profile photo and grouped fields.
  3. 03Select gatewayRedesigned select-gateway screen showing the CT-Medha gateway device.Choosing the gateway device, shown as a product image.
  4. 04Home — afterRedesigned Confio home: security modes card, illustrated room cards with toggles, scene shortcuts and a floating tab bar.Security modes, rooms and shortcuts in the redesigned home.
  5. 05Devices — afterRedesigned Confio devices screen: status counters, segmented tabs and switch rows with icons and toggles.The redesigned devices screen.

Where it started

The original screens.

  1. Home — beforeOriginal Confio home screen: floor devices, scene shortcuts, security modes and rooms on flat grey tiles.
  2. Devices — beforeOriginal Confio devices screen: status counters, tabs and a list of switches.
  3. Scenes — beforeOriginal Confio scenes screen: repeated green scene cards.
  4. Settings — beforeOriginal Confio settings screen: list of settings rows.

Next project

Edcato All work