Translating the tactile, minimalist essence of the physical product (glass, heat, light) into a digital experience that is simple, consistent, and pleasant to use every day.
Contesto
Il prodotto nasce nel settore IoT premium, dove l’esperienza d’uso deve essere tanto fluida quanto l’estetica dell’oggetto.
UX approach and process
In this project I followed an iterative four-phase process, running short tests on wireframes and on both low- and high-fidelity prototypes.
01 – User Research
Exploratory interviews with smart home users and customers of competing brands to understand expectations and pain points.
02 – Information architecture and flows
Definition of the main control flows (switching on, adjustment, scheduling) with a focus on simplicity and safety.
03 – Wireframing, prototyping, and testing
An initial test on paper wireframes, followed by a second low-fidelity test in Figma to validate flows and measure performance. The results informed the creation of high-fidelity prototypes aligned with the product language.
04 – Visual design
Interface based on transparencies, reflections, and neutral tones to evoke the glass material and the warm/cold contrast. The UI was applied to the high-fidelity prototypes to test its effectiveness and fine-tune the final experience.
User Flow
The app guides the user from login through to the initial configuration of the radiator via Wi-Fi/Bluetooth.
From the dashboard, users can adjust the temperature, view energy consumption, and monitor the status of the device.
The system includes automatic schedules, Eco/Boost modes, and notifications for maintenance or anomalies.
Why this structure
- Priority to the most frequent tasks: quick adjustment, scheduling, device status.
- Fewer, clearer steps in the setup to reduce initial friction.
- Visual consistency with the glass language: transparencies, lightness, and soft micro-feedback.
Wireframe
These wireframes belong to the process development phase: after defining flows and architecture, they are used to verify hierarchies, states, and main paths before the final UI.
In this case, drawing them freehand allowed rapid iterations in the early explorations; promising solutions were then digitised in Figma for team alignment and usability testing on the prototype.
Methodology and baseline
- Round 1: low-fi sketches on paper → rapid validation with 5 users.
- Round 2: mid-fi wireframes in Figma → moderated tests with 8 users (scenario: weekly scheduling of a device and quick adjustment).
Each round consists of two phases to build an initial reference baseline.
Collected during the second round of tests, for the weekly scheduling and quick adjustment scenarios.
25
66
4.5
High fidelity Mockup
After creating the high-fidelity mockup, further usability tests were carried out, leading to additional interface optimisation.
The analysis of the results showed a significant reduction in completion errors and misunderstandings, achieving a more effective balance between aesthetic minimalism and functionality.
UI design
The UI was designed to combine elegance and functionality, reflecting the glass language through a neutral palette, minimal typography, and soft micro-interactions.
A modular, scalable design system was created to ensure consistency, accessibility, and immediate feedback.
The goal was to make the technology feel like part of the furniture, not a separate element.
