Overview

Dwelo is a home automation system specifically designed for apartment and condo complexes. It’s allows tenants to automatically control the lights, locks, and air system with ease. It also allows the property managers to effectively track and manage their units.

Goal
I was tasked with designing an easy and intuitive iOS experience for the tenants to control the 3 types of connected devices within their home. The app needed to provide controls for each device, allow for automation setup of each device, and have basic account management.

Role
I was the lead UX/UI designer, collaborating with the CEO, Engineering Lead, and Head of Product to produce a high-quality, pixel-perfect iOS application, whilst defining a basic design system from their initial branding.


Process

User Research
I interviewed six apartment owners to get a better understanding their daily usage of their appliances (focusing only on lights, locks, and thermostat). I wanted insight into the usage of lights, because an apartment typically only has one locking door( front door) and one thermostat. Based on my findings, I deducted:

  • An apartment tenant typically has one light per room, using the living room, entryway, and door lights the most.
  • These participants wanted something that would know their preferences and automatically perform the indicated tasks.
  • Some of them used connected devices in the past, bought thought if the complex provided a basic system, it would be much more attractive to them as a selling point.
Step 1.png
 
Step 2.png

Device Mapping
Before I could start designing the app, I had to get a better understanding of the physical devices -- how they worked, what their strengths and limitations were, and how a user interacted with them.

This drove my design decisions for the interfaces which would control these devices, both manually and automatically.

 

Wireframing & User Stories
I created a series of user stories to determine flows and the required elements, using the information from my participants:

  • I want to be able to quickly turn on/off my lights. I also want to just as easily lock/unlock my front door.
  • I want to easily adjust the settings of my thermostat, without having to deal with any complicated controls.
  • I want to do all the above manually, in addition to setting of automatic rules so I don't have to take out my phone as often.

I then designed all the low and mid fidelity wireframes to create a working prototype to validate my user stories and UX.

Step 3.png
Step 3B.png

Designs

Artboard 2.png
 
Initial Desktop Concept The client had a desktop version designed as a concept to springboard the mobile designs off of. I used it to build the mobile design system.

Initial Desktop Concept
The client had a desktop version designed as a concept to springboard the mobile designs off of. I used it to build the mobile design system.

Mobile Design System In addition to designing the mobile app, I also helped create a formalized design system, which they used across their brand and applications.

Mobile Design System
In addition to designing the mobile app, I also helped create a formalized design system, which they used across their brand and applications.

 
Artboard.png
 
artboard_6.png

Apple Watch Concept
In addition to the mobile app, I designed some basic screens for the Apple Watch. The tenant is able to quickly change the settings or simply view the status of their home. They can also receive updates about other people living in their home as they come and go, or change the system mode.