HEIMA

Smart home UI concept

Master & Margarita

Designing for a novel

HEIMA

Smart home UI concept

HEIMA was conceived as my honours degree project at UCLAN. I've set myself a brief to design a user-friendly home automation interface at the time when most of them looked and felt like a pile of burning rubbish.

HEIMA on the wall

At-a-glance dashboard

At-a-glance dashboard

I wanted to design a dashboard that was easy to understand and at the same time flexible and customisable for every user's needs, hence the modular structure.

Hey there, this is the default text for a new paragraph. Feel free to edit this paragraph by clicking on the yellow edit icon. After you are done just click on the yellow checkmark button on the top right. Have Fun!

HEIMA-dashboard@2x

Lock screen

HEIMA can lock out certain users from certain areas of the UI (think parental control) and can be unlocked with a help of a phone or even voice.

Hey there, this is the default text for a new paragraph. Feel free to edit this paragraph by clicking on the yellow edit icon. After you are done just click on the yellow checkmark button on the top right. Have Fun!

HEIMA-lockscreen@2x
Ever since I have published HEIMA on Behance, I've been getting a lot of interest from startups across the world asking to license or sell HEIMA or help them work on a similar in-house project. It's safe to assume there's a market for a sleek and user-friendly home automation UI.
Ever since I have published HEIMA on Behance, I've been getting a lot of interest from startups across the world asking to license or sell HEIMA or help them work on a similar in-house project. It's safe to assume there's a market for a sleek and user-friendly home automation UI.
Ever since I have published HEIMA on Behance, I've been getting a lot of interest from startups across the world asking to license or sell HEIMA or help them work on a similar in-house project. It's safe to assume there's a market for a sleek and user-friendly home automation UI.
Ever since I have published HEIMA on Behance, I've been getting a lot of interest from startups across the world asking to license or sell HEIMA or help them work on a similar in-house project. It's safe to assume there's a market for a sleek and user-friendly home automation UI.
Ever since I have published HEIMA on Behance, I've been getting a lot of interest from startups across the world asking to license or sell HEIMA or help them work on a similar in-house project. It's safe to assume there's a market for a sleek and user-friendly home automation UI.

Air conditioning

AC overlay is triggered from the dashboard and gives you a temperature (and other sensor) readings as well as an idea of how long it will take your house to heat up or cool down based on the data it has collected.

Hey there, this is the default text for a new paragraph. Feel free to edit this paragraph by clicking on the yellow edit icon. After you are done just click on the yellow checkmark button on the top right. Have Fun!

HEIMA-AC@2x

Voice control

Something which is a defacto interface in 2018 was a pretty futuristic feature to think about in the context of home automation back in 2013.

Hey there, this is the default text for a new paragraph. Feel free to edit this paragraph by clicking on the yellow edit icon. After you are done just click on the yellow checkmark button on the top right. Have Fun!

HEIMA-voice control@2x

Notification shade

Actionable list of status notifications that are sent from the connected devices are gathered in the notification shade.

Hey there, this is the default text for a new paragraph. Feel free to edit this paragraph by clicking on the yellow edit icon. After you are done just click on the yellow checkmark button on the top right. Have Fun!

HEIMA-notifications@2x

CCTV

CCTV hub with an ability to display multiple cameras, unlock doors, use the intercom and store the security footage.

Hey there, this is the default text for a new paragraph. Feel free to edit this paragraph by clicking on the yellow edit icon. After you are done just click on the yellow checkmark button on the top right. Have Fun!

HEIMA-CCTV@2x

Lighting hub

All your connected light sources with programming and bundling abilities in one place.

Hey there, this is the default text for a new paragraph. Feel free to edit this paragraph by clicking on the yellow edit icon. After you are done just click on the yellow checkmark button on the top right. Have Fun!

HEIMA-lights@2x

Connected appliances hub

All connected smart appliances have their own place in HEIMA with active reporting and status checks.

Hey there, this is the default text for a new paragraph. Feel free to edit this paragraph by clicking on the yellow edit icon. After you are done just click on the yellow checkmark button on the top right. Have Fun!

HEIMA-appliances_view@2x

Interactions

I've collated all the designs in one quick video. Take a look.

I've collated all the designs in one quick video. Take a look.

Since the scenes were pretty hefty, I decided they needed a preloader. But why create a spinner when you can make 7 unique illustrated animations, each dedicated to a different scene from the book and reflecting something iconic.

Posters

I've also designed a few simple posters that have been at my degree show to promote the project.

Since the scenes were pretty hefty, I decided they needed a preloader. But why create a spinner when you can make 7 unique illustrated animations, each dedicated to a different scene from the book and reflecting something iconic.

HEIMA-poster-1
HEIMA-poster-2

Team / Year

UCLAN, 2013

Role

UI/UX design