Smart Mock 2.png
UniTap.png
home 1.png

Smarthouse App

UI/UX Mobile/Tablet

01          BACKGROUND

As electrical devices become more prominent in our everyday lives, so is the means to control them more easily.

 

The use of "Smarthouse" apps became more convenient, letting the user connect every device into one place and control his house remotely.

02           GETTING STARTED

THE OBJECTIVE - Making a friendly and easy-to-use "Smarthouse" app for mobile and tablet devices, keeping the user's strong sense of control over his or her home.

 

THE CHALLENGE - There's a lot of information a "Smarthouse" app needs to present to its user in the most coherent and accessible way.

Frame 4.png
Frame 7.png

Target Audience

P2.png
P1.png
D.png
A.png
C.png
B.png

CONCLUSION
 

 The app will communicate with the user through a variety of icons and simple colors.


Information will be organized by user-defined rooms, with emphasis on giving quick access to important actions.

03           WIREFRAMES

Homepage

Homepage (3).png

Room Page

Living Room (1).png

Device Page (Scenario A)

Device Page B (1).png

Device Page (Scenario B)

Device Page A (1).png

Each section in the interface was meant to feel like its own "world".


For example - The Homepage will give you quick actions to all rooms, from there "Living Room" will give you quick actions to all devices in the room, and "Front Light" will let you customize the actions.

06  THE TABLET VERSION

05  THE MOBILE VERSION

03  WIREFRAMES

04  COLORS & TYPOGRAPHY

02  GETTING STARTED

01  BACKGROUND

04           COLORS & TYPOGRAPHY

Frame 1.png

n

                     05

THE MOBILE VERSION

Smart MockP3-b.png
Smart MockP1.png
Smart MockP2.png


The devices are categorized by user-defined rooms, which can be collapsed for convenient scrolling.

By tapping on the desired icons, the user can immediately turn a device on and off (notified by the change of colors), and also see which device was assigned by what "Scenario".

 

"Show Full Details" leads to the "Room Page".

On this screen, the user is presented with the most used and immediate options for each device.


The blue arrows lead to the "Device Page".

Smart MockP3.png

This page has access to extended options and customization for the device, also letting the user assign "Scenarios" through automatic actions activated by sound, movement, timer and more.

HOMEPAGE

ROOM PAGE

DEVICE PAGE

                     06

THE TABLET VERSION

Naturally, converting the app for a tablet proved to be much more spacious.

Statistics are now shown on the front page, instead of one of the inside pages.

iStock_841735776 1.png
Smart Mock 2.png

Full Scenarios are now presented in the same page after assigning them for immediate feedback!

iStock_841735776 1.png

THANK YOU! 

This is the end of the presentation.

Check out my other projects too!

kindpng_754902.png
next.png
Ellipse 4.png
star rate.png

PREVIOUS

PROJECT

NEXT

PROJECT

next.png