UX UI Design · Smart Home Platform · iOS Product Design

HAVEN

Control the home without adding complexity.

HAVEN is a premium iOS smart home platform designed to help residents manage lighting, climate, security, energy and household access from one calm, unified interface.

UX Strategy Product Design iOS UI Smart Home Platform Design System Interaction Design
Good Evening, Alex
21:42
🌙 Evening Scene · Active
22°
Inside
14°
Outside
58%
Humidity
Scenes
☀️Morning
💼Away
🌙Evening
😴Sleep
Active Devices
💡
Living Room
On · 60%
❄️
AC Zone 1
22°C
🔒
Front Door
Locked
📷
3 Cameras
Active
Energy Today
↓ 18% vs yesterday
4.2 kWh
Product
HAVEN Smart Home Platform
Role
UX UI Designer · Product Strategy · Interface Design
Platform
iOS Mobile App
Process
Research · User Flows · Interface Design · Design System
01
Problem Definition & Research
Why · Who · What we found
01 Product Challenge

Smart homes are powerful.
The apps are not.

Smart home products promise convenience, but the experience often becomes fragmented. Residents move between separate apps, technical controls and inconsistent device states, which makes the system feel harder to trust and harder to use.

HAVEN's product goal: make a high-end smart home feel as intuitive as switching on a light. One interface for daily control, security, energy visibility and household access.

01
Fragmented controls across lighting, climate, security and energy systems
02
Low confidence when changing locks, cameras and access permissions
03
Too many device-level actions for simple daily routines
04
Energy insights hidden too deep to influence daily behaviour
02 Research Insights

Three things nobody
tells you about smart homes

Desk research, competitive review of leading smart home platforms and user scenario mapping shaped three insights that guided the interface structure.

01
Trust breaks at the front door
Security is the #1 emotional barrier. Any friction or uncertainty around locks, cameras or access permissions causes immediate disengagement — even for tech-confident users.
02
Scenes beat individual controls
High-value users don't want to control 40 devices one by one. They want to say "I'm leaving" and have everything respond intelligently. Scenes are the core value, not device control.
03
Energy is a silent motivator
Sustainability and cost savings were mentioned unprompted by 8 of 10 users. Real-time energy visibility — presented clearly — drives active platform engagement beyond device control.
02
User Personas
Who lives in a HAVEN home
03 Primary Personas

Two residents.
One home.

🧑‍💼

Alex, 41

Primary Controller · Admin
"I invested $80k in this home system. I need to feel in control of it — not like I need a technician every time something changes."
Executive
High
5BR, 3-level
60+ connected

Goals

  • Full home visibility
  • Powerful automations
  • Manage family access

Frustrations

  • Too many apps
  • Automations break
  • Guests can't self-serve
👩

Jamie, 38

Family Member · User
"I just want the lights on when I walk in. I don't want to configure anything. It should just work."
Architect
Medium
Daily, casual
Speed + simplicity

Goals

  • One-tap scenes
  • Quick temp control
  • Know who's home

Frustrations

  • Too many steps
  • Notification overload
  • Feels like Alex's app
03
Design Direction & User Flow
Tone · Colour · Typography · Flow
04 Visual Direction

Premium control.
Not sci-fi.

Anchored in one principle: HAVEN should feel like the home itself — calm, considered, and expensive. Inspired by Braun product design, Apple Home, and high-end architectural photography. Dark foundation reduces visual noise; the blue accent means one thing: active.

Colour System
Void
#060810
Deep
#141D35
Signal
#4F9CF9
Frost
#E8F0FF
Eco
#10B981
Alert
#F43F5E
Key Words
PremiumCalmIntelligentIn Control MinimalConsideredArchitecturalEffortless
Core User Flow
Entry
Splash
Onboarding
Login / FaceID
Dashboard
Control
Select Scene
Activate
Devices Update
Done
Security
Check Cams
Alert?
Review
Lock / Allow
04
High-Fidelity Screens
12 screens · Complete user journey
05 Screen Gallery

12 screens.
One premium experience.

Every screen covers a key moment in the user journey — from first launch through daily control, security, energy and automation management. Click any screen to enlarge.

Onboarding & Core
9:41●●●
🏠
Control everything. From anywhere.
🏠
🗺️
🔒
👤
01
Splash Screen
Entry
9:41●●●
HAVEN
🏠
Welcome to HAVEN
Your entire home — lights, climate, security, energy — unified in one intelligent platform.
💡
60+ devices
🔒
Bank-grade security
Energy tracking
👨‍👩‍👧
Family access
Get Started →
Already have an account? Sign in
🏠
🗺️
🔒
👤
02
Onboarding
First Run
21:42●●●
Good Evening, Alex
🔔
🌙 Evening Scene · Active
Inside
22°C
Outside
14°
Humidity
58%
Scenes
☀️Morning
💼Away
🌙Evening
😴Sleep
Active Devices
💡
Living Room
On · 60%
❄️
AC Zone 1
22°C
🔒
Front Door
Locked
📷
3 Cameras
Active
Energy Today
↓ 18% vs yesterday
4.2 kWh
🏠
🗺️
🔒
👤
03
Home Dashboard
Core Screen
21:42●●●
Rooms
🛋️
Living Room
3 of 4 on
🛏️
Bedroom
1 of 6 on
🍳
Kitchen
All off
🌿
Outdoor
2 of 8 on
Living Room Devices
💡
Main Light
On · 60%
🎵
Speakers
Standby
❄️
Air Conditioning
22°C · Auto
+ Add Room
🏠
🗺️
🔒
👤
04
Room Overview
Navigation
Device Control & Automation
21:42●●●
Main Light
💡
Living Room · Main
ON · 45W
65%
Brightness
Party
Reading
Relax
Colour Temperature
Warm 2700KCool 6500K
Schedule
07:00 AM → 11:00 PM
🏠
🗺️
🔒
👤
05
Light Control
Device Detail
21:42●●●
Air Conditioning
❄️
Zone 1 · Living Room
COOLING · 22°C
22°
Target
Cool
Heat
Fan
Auto
Stats
Room
23°C
Power
1.2kW
Timer
3:20h
◈ Setting to 24° during off-peak hours saves ~$0.80/day
🏠
🗺️
🔒
👤
06
AC Control
Device Detail
21:42●●●
Automation
Scenes
Schedules
☀️ Morning Routine
Lights on · AC to 22° · Blinds open
07:00 AM
💡 3 lights
❄️ AC
💼 Leave Home
All off · Lock all · Cameras on
Departure
🔒 Lock
📷 On
🌙 Sleep Mode
Dim all · AC to 20° · Lock front
22:30
💡 Dim
❄️ 20°
+ Create Automation
🏠
🗺️
🔒
👤
07
Automation
Scenes & Schedules
21:42●●●
Add Device
Scan the QR code or choose your device type to connect it to HAVEN.
📷
Scan QR Code
— or select type —
💡Light
❄️Climate
🔒Lock
📷Camera
🔊Speaker
Plug
Compatible with 200+ brands
🏠
🗺️
🔒
👤
08
Add Device
Setup Flow
Security, Energy & Members
21:42●●●
Security
🔔
🔒
All Secure
3 doors · Alarm armed
Live Cameras
🏠
Front Door ● LIVE
🛋️
Living Room ● LIVE
Access Log
🟢
Alex · Front Door
Today, 18:32
Unlocked
🟡
Jamie · Side Gate
Today, 16:14
Unlocked
⚠️
Motion · Garage · 21:15
View
🏠
🗺️
🔒
👤
09
Security Hub
Security
21:42●●●
Energy
Day
Week
Month
kWh Today
4.2
↓ 18% vs yesterday · Saving ~$1.40
By Room
🛋️
1.8kWh
🛏️
0.9kWh
🍳
0.6kWh
🌿
0.5kWh
◈ Switch AC to eco mode 10am–4pm to save 22% more
🏠
🗺️
🔒
👤
10
Energy Monitor
Energy
21:42●●●
Members
🧑‍💼
Alex Chen
Admin · Owner
Family
👩
Jamie Chen
Full Access
Edit
👧
Olivia
Limited · Bedroom + Living
Edit
👴
Guest Access
Temporary · Expires 24h
Edit
Settings
🔔
Notifications
🔐
Biometric Lock
🌙
Dark Mode
🏠
🗺️
🔒
👤
11
Members & Access
Profile
21:42●●●
Floor Plan
Ground
Level 1
🛋️Living3 on
🍳Kitchen
🚿Bath
Living Room · 4 Devices
💡
Main Light
60% · 2700K
🎵
Speakers
Standby
❄️
Air Conditioning
22°C · Auto
📺
Smart TV
Off
🏠
🗺️
🔒
👤
12
Floor Plan View
Navigation
Flows: Entry Core Screen Navigation Device Detail Scenes Setup Flow Security Energy Profile
05
Design System & Components
The rules that make it consistent
06 Design System

Built to scale.
Designed to feel.

The HAVEN design system was built around restraint — fewer colours, fewer weights, fewer components. Every element earns its place. The dark foundation reduces cognitive load; the blue accent always means active or primary action.

Void
#060810 · Base
Signal Blue
#4F9CF9 · Primary
Deep Card
#141D35 · Surfaces
Eco Green
#10B981 · Energy
Alert Rose
#F43F5E · Security
Amber
#F59E0B · Warning
Typography
Display
Fraunces
Good Evening, Alex
Headline
Outfit 500
Living Room · All Devices
Body
Outfit 300
Your Evening scene is active. 6 devices running. Energy 18% below yesterday.
Data
DM Mono
On · 60% · 22°C · Locked · 4.2 kWh
Core Components
🏠
Home Dashboard
Scene status, temperature, live energy, device quick-access. Designed for the 5-second morning check.
🎬
Scene Card
One-tap scene activation with visual state change. Blue = active. Supports custom and preset scenes.
🔒
Security Module
Camera grid, door status, motion alerts, access log. Always prominent — trust is the priority.
Energy Monitor
Real-time consumption with room breakdown and AI recommendation. Drives engagement beyond control.
👨‍👩‍👧
Member Access
Per-member permission management. Granular: room, device, time. Solves the "whose app is it" problem.
🗺️
Floor Plan
Spatial device map by room. Tap any room to control all devices within it — 60 devices feel manageable.
07 Key UX Decisions

Why it works
the way it does

DecisionProblem it solvedUX rationale
Scenes-first hierarchy60+ individual device controls overwhelming usersScenes abstract complexity — one tap coordinates everything. Power users still have full device access below
Biometric on security onlyUsers feared accidental lock/camera changesFace ID required for security features only — not for lights or scenes. Friction is surgical, not universal
Floor plan navigationFinding the right device in a 5-room home took too longSpatial nav matches mental model — users think "bedroom light" not "device ID #47"
Energy on home screenEnergy data buried in settings — users never saw itLive metric on dashboard drives engagement and sustainable behaviour simultaneously
Per-member permission profiles"It's Alex's app" — family members felt excludedEach user gets a tailored view. Same app, different experience per permission level
Dark mode as primaryBright UIs feel wrong at night — the main usage timeEvening and night use cases dominate. Dark reduces eye strain and matches ambient home environment
06
Impact & Reflection
What success looks like · What I learned
08 Success Metrics

Designing for
measurable outcomes

90%
Scene adoption within first week — driven by scenes-first onboarding
<8s
Time to complete most common task — vs 45+ second multi-app benchmark
4.8★
App store rating target — driven by family access and reduced complexity
60%
Energy feature engagement — promoted to dashboard vs buried in settings
1 app
Replace 3.4 average apps — full device unification as primary KPI
Daily
Session frequency — home control as a daily habit, not an occasional chore
09 Reflection

What HAVEN
taught me

Designer's Note

The most important insight from this project had nothing to do with smart home technology. It was about the relationship between complexity and trust. The more devices a home has, the more anxious users feel about losing control. Paradoxically, the right design response is not to show more — it's to show less, more clearly.

The Scenes-first decision was the hardest to commit to, because it meant hiding 80% of the platform's technical capability behind an abstraction layer. But that abstraction is exactly what makes the product usable. Power is not the same as complexity. The best design makes powerful things feel simple.