My Framer Site

DIVYA

Work

About

Quolsys Smart Home

A Digital Ecosystem

iOS

Quolsys harnesses IoT technology to elevate home living through smart appliances, managed via a sophisticated mobile app. This app, crafted through close UX and development team collaboration, features a simple yet elegant interface. It allows users to personalise their home environment, blending automation with individual lifestyle preferences. The focus is on seamless user experience, balancing technical functionality with aesthetic appeal in the smart home ecosystem."

Overview

The Challenge

In the age of unprecedented connectivity, the definition of a 'smart home' extends beyond basic devices like smart TVs and speakers. As homes become hubs of various IoT devices enhancing comfort, safety, and enjoyment, there arises a need for more intuitive control and integration.

Quolsys embraces this challenge, driven by a passion for technology and innovation. Our mission is to craft a modern Smart Home App that not only connects devices but also seamlessly integrates them into daily living. This initiative is about creating a user-centric, intelligent ecosystem where every interaction with technology is natural and effortless.

Goal & Objective

The idea is to create a cutting-edge Smart Home App for Quolsys, designed to seamlessly integrate various IoT devices into a cohesive home ecosystem. The focus is on developing an intuitive user interface that simplifies control and enhances the daily living experience. This initiative aims to redefine the interaction between users and their smart homes, prioritising ease of use, customisation, and innovative functionality.

Design Process - How I structured the project

Defining problem and finding solution with user research
Brainstorm possible approaches towards the solution
Conduct User interviews (qualitative research)
Define the proposition value of the company and what makes it different from the competition.‍
Collect insights
Identify pain points & challenges and create user persona
User Journeys, information architecture, low, and high-fidelity wireframes, mockups, and interactive prototypes including UI colour theme, typography, illustrations & iconography.
Conduct in-house user testing and analyse user feedback.
Create guidelines and add all final designs in dev mode in order to handover to the development team.

My Role

Empathy & Research

The first step was to analyse the competitors and get familiar with the existing Smart Home app products, their pros and cons, and user reviews.

I combined my findings to iterate on user persona, Mohan. This persona was used to guide my design decisions and priorities.

Mohan Kumar

Age/Identifying Gender

29/Male

👨🏽‍🦱

Location

Hyderabad, India

📍

Occupation

Product Manager, IT

📊

Family Status

Single/No Kids

🏠

IoT technology enthusiast

“I feel like the smart home applications are so cluttered right now. It’s kind of hard to break through and actually find an appliance to operate. I’m looking for an infra that can effectively control all my devices and appliances.

Bio

Mohan is a dynamic and tech-savvy individual hailing from Hyderabad. With a strong background in software engineering, Mohan thrives on staying ahead of the curve when it comes to the latest technological advancements. As an avid enthusiast of all things tech, Alex's passion for integrating smart home appliances seamlessly into his life is only rivalled by his love for IoT.

Goals

Control all the appliances at home using an app even when not at home

Review the usage and consumption

Clear representation of the spaces and appliances at home

Easy to use app

Motivations

(For Researching IoT appliances)

Read Reviews/Recommendations

See What’s Popular

Get the Best Price

Check Technology

Check Brand Reputation/Recognition

Pains

Complex applications to use, not user friendly

No clear representation of the separate rooms

Not all appliances compatible with the app

Cannot access away from home

Devices

Majority of her research is done on the phone in the store

iPhone

80%

Never uses tablet for shopping for skincare.

Tablet

Rarely does in-depth research on her laptop

Macbook

20%

(% of Use When Researching)

Then I built the User Journey Map to learn a bit more about the users’ pain points.

Guiding

Principles

Needs

Doing

Thinking

Feeling

Pain

Points

Download

The Device & Contents

Onboarding

Connecting & Pairing

Exploration & Findings

Thermostat

Smart Blinds

Mind Map

We decided to focus on only important smart home devices because these were the main products owned and desired by the users, as per the research data collected in user interviews.

Creating the mind map allowed me to link and show relationships between the products and the actions our users would want to take.

Turn On /Off

Safety

Take photo, video, audio

History

Security

Thermostat

Turn On /Off

Energy Usage

Based on weather

Based on time or location

Automatic timer

Manual

Change Temp

Turn On /Off

Change Colour

Set Timer

Power Usage

Volume

Usage Statistics

Batter/Life Status

Based on Location

Based on time

Appliances

Smart Devices

Lights

Definition and Ideation

Once I had an understanding of the different actions a user may like to take, I completed a site map to understand the information architecture of the app and then started sketching. This step helped me to quickly draw some ideas and see the direction that I would like to go. I presented it to the client as mid-fidelity wireframes later.

Start

Registration

Personal info

Notifications

Usage Statics

Home

Forgot Password

Activity

Settings

Manage Rooms

Room

Manage Devices

Devices

Rooms

Security

Wireframes

Visual Identity- Colour Theme & Typography

I created a mood board to embody the feelings I wanted to convey with the app, along with words that describe the design feel.

#D1A617

#18171C

#363640

#464753

#8C8C94

#FBFAF8

Typefaces