MENU
CLOSE
MENU
CLOSE
Mono
Mono
Mono
Mono
Mono
CLIENT
CLIENT
CLIENT
Mono
Mono
Mono
INDUSTRY
INDUSTRY
INDUSTRY
TECHNOLOGY
TECHNOLOGY
TECHNOLOGY
YEAR
YEAR
YEAR
2025
2025
2025
SERVICES
SERVICES
SERVICES
UI/UX DESIGN · WEB DEVELOPMENT · 3D
UI/UX DESIGN · WEB DEVELOPMENT · 3D
UI/UX DESIGN · WEB DEVELOPMENT · 3D
Project Overview
Project Overview
Project Overview
Project Overview
Project Overview
Mono makes a compact smart home hub that brings lighting, heating and sound into a single device. They needed a product website and interface that matched the simplicity of the hardware.
Mono makes a compact smart home hub that brings lighting, heating and sound into a single device. They needed a product website and interface that matched the simplicity of the hardware.
Mono makes a compact smart home hub that brings lighting, heating and sound into a single device. They needed a product website and interface that matched the simplicity of the hardware.
Mono makes a compact smart home hub that brings lighting, heating and sound into a single device. They needed a product website and interface that matched the simplicity of the hardware.
The Challenge
The Challenge
The Challenge
The Challenge
The Challenge
Smart home products often feel complicated before they are even switched on. Mono needed to explain a powerful device in a way that felt simple, friendly and premium.
Smart home products often feel complicated before they are even switched on. Mono needed to explain a powerful device in a way that felt simple, friendly and premium.
Smart home products often feel complicated before they are even switched on. Mono needed to explain a powerful device in a way that felt simple, friendly and premium.
Smart home products often feel complicated before they are even switched on. Mono needed to explain a powerful device in a way that felt simple, friendly and premium.
Our Approach
Our Approach
Our Approach
Our Approach
Our Approach
We designed the software and the story together, so the product felt the same everywhere.
We designed the software and the story together, so the product felt the same everywhere.
We designed the software and the story together, so the product felt the same everywhere.
We designed the software and the story together, so the product felt the same everywhere.
01
01
Understand
Understand
We tested early prototypes in real homes to see where people got stuck during setup.
We tested early prototypes in real homes to see where people got stuck during setup.
01
01
Understand
Understand
We tested early prototypes in real homes to see where people got stuck during setup.
We tested early prototypes in real homes to see where people got stuck during setup.
02
02
Interface
Interface
We designed a minimal control interface that puts the most used actions one tap away.
We designed a minimal control interface that puts the most used actions one tap away.
02
02
Interface
Interface
We designed a minimal control interface that puts the most used actions one tap away.
We designed a minimal control interface that puts the most used actions one tap away.
03
03
Render
Render
We created 3D product scenes that show the hub in calm, realistic spaces.
We created 3D product scenes that show the hub in calm, realistic spaces.
03
03
Render
Render
We created 3D product scenes that show the hub in calm, realistic spaces.
We created 3D product scenes that show the hub in calm, realistic spaces.
04
04
Launch
Launch
We built the launch website with clear product stories, specs and a simple pre-order flow.
We built the launch website with clear product stories, specs and a simple pre-order flow.
04
04
Launch
Launch
We built the launch website with clear product stories, specs and a simple pre-order flow.
We built the launch website with clear product stories, specs and a simple pre-order flow.
Project Showcase
Project Showcase
Project Showcase
Project Showcase
Project Showcase
Product scenes, interface details and launch visuals created for Mono.
Product scenes, interface details and launch visuals created for Mono.
Product scenes, interface details and launch visuals created for Mono.
Product scenes, interface details and launch visuals created for Mono.
Results
Results
Results
Results
Results
0
%
PRE-ORDER TARGET REACHED
PRE-ORDER TARGET REACHED
0
%
PRE-ORDER TARGET REACHED
PRE-ORDER TARGET REACHED
0
%
PRE-ORDER TARGET REACHED
PRE-ORDER TARGET REACHED
0
X
FASTER SETUP TIME
FASTER SETUP TIME
0
X
FASTER SETUP TIME
FASTER SETUP TIME
0
X
FASTER SETUP TIME
FASTER SETUP TIME
0
K
WAITLIST SIGN-UPS
WAITLIST SIGN-UPS
0
K
WAITLIST SIGN-UPS
WAITLIST SIGN-UPS
0
K
WAITLIST SIGN-UPS
WAITLIST SIGN-UPS
0
%
FEWER SETUP SUPPORT CALLS
FEWER SETUP SUPPORT CALLS
0
%
FEWER SETUP SUPPORT CALLS
FEWER SETUP SUPPORT CALLS
0
%
FEWER SETUP SUPPORT CALLS
FEWER SETUP SUPPORT CALLS
Next Project
Next Project
Next Project
Next Project
Next Project
BRANDING · ART DIRECTION · WEB DESIGN
BRANDING · ART DIRECTION · WEB DESIGN
Atlas
Atlas
BRANDING · ART DIRECTION · WEB DESIGN
BRANDING · ART DIRECTION · WEB DESIGN
Atlas
Atlas
BRANDING · DIGITAL DESIGN · CAMPAIGN
BRANDING · DIGITAL DESIGN · CAMPAIGN
Nova
Nova
BRANDING · DIGITAL DESIGN · CAMPAIGN
BRANDING · DIGITAL DESIGN · CAMPAIGN
Nova
Nova
BRAND STRATEGY · VISUAL IDENTITY · WEB DESIGN
BRAND STRATEGY · VISUAL IDENTITY · WEB DESIGN
Forma
Forma
BRAND STRATEGY · VISUAL IDENTITY · WEB DESIGN
BRAND STRATEGY · VISUAL IDENTITY · WEB DESIGN
Forma
Forma
UI/UX DESIGN · WEB DEVELOPMENT · 3D
UI/UX DESIGN · WEB DEVELOPMENT · 3D
Mono
Mono
UI/UX DESIGN · WEB DEVELOPMENT · 3D
UI/UX DESIGN · WEB DEVELOPMENT · 3D
Mono
Mono
BRANDING · E-COMMERCE
BRANDING · E-COMMERCE
Vanta
Vanta
BRANDING · E-COMMERCE
BRANDING · E-COMMERCE
Vanta
Vanta
BRAND IDENTITY · PACKAGING · E-COMMERCE
BRAND IDENTITY · PACKAGING · E-COMMERCE
Spectra
Spectra
BRAND IDENTITY · PACKAGING · E-COMMERCE
BRAND IDENTITY · PACKAGING · E-COMMERCE
Spectra
Spectra
STRATEGY · UI/UX · WEB DEVELOPMENT
STRATEGY · UI/UX · WEB DEVELOPMENT
Orbit
Orbit
STRATEGY · UI/UX · WEB DEVELOPMENT
STRATEGY · UI/UX · WEB DEVELOPMENT
Orbit
Orbit
STRATEGY · BRANDING · WEB DESIGN
STRATEGY · BRANDING · WEB DESIGN
Northstar
Northstar
STRATEGY · BRANDING · WEB DESIGN
STRATEGY · BRANDING · WEB DESIGN
Northstar
Northstar
Ready to build something extraordinary?
Ready to build something extraordinary?
A new flagship site, a brand refresh, or one carefully made launch. Tell us what you’re working on.
A new flagship site, a brand refresh, or one carefully made launch. Tell us what you’re working on.
Ready to build something extraordinary?
A new flagship site, a brand refresh, or one carefully made launch. Tell us what you’re working on.
A new flagship site, a brand refresh, or one carefully made launch. Tell us what you’re working on.
Ready to build something extraordinary?
Ready to build something extraordinary?
A new flagship site, a brand refresh, or one carefully made launch. Tell us what you’re working on.
A new flagship site, a brand refresh, or one carefully made launch. Tell us what you’re working on.
L
L
L
120 STUDIO AVENUE,
YOUR CITY 00000, COUNTRY
120 STUDIO AVENUE,
YOUR CITY 00000, COUNTRY
120 STUDIO AVENUE,
YOUR CITY 00000, COUNTRY
120 STUDIO AVENUE,
YOUR CITY 00000, COUNTRY
120 STUDIO AVENUE,
YOUR CITY 00000, COUNTRY
P
P
P
+1 555 010 2030
+1 555 010 2030
+1 555 010 2030
+1 555 010 2030
+1 555 010 2030
C
C
C
HELLO@SHADESTUDIO.COM
HELLO@SHADESTUDIO.COM
HELLO@SHADESTUDIO.COM
HELLO@SHADESTUDIO.COM
HELLO@SHADESTUDIO.COM