UI Design Concept / 2021
Smart-home controller app
OVERVIEW
Home Power is a smart home app where users can control their smart devices from one place.
The Challenge
My task was to design the interface, focusing on the functionality and innovative technology of the app
The Design
In my research on similar products, I discovered the widespread use of components reliant on mechanical buttons and controllers.
*A personal project created during the UX/UI course at Codesigner.
I selected this UI style for its clean appearance, which has an associative connection to new and advanced technology, mirroring the brand's identity.
Design
Dashboard
An overview of the systems connected to the app, providing access to quick actions. The buttons and components are designed with a 3D effect to resemble mechanical buttons.
Scenarios Options
In the Scenarios screen, users are presented with numerous options and choices. The sense of orientation is crucial and is achieved by highlighting the active buttons while muting the rest of the interface.
Mobile Version
In transitioning to mobile, the Progressive Disclosure principle proved to be an optimal solution to maintain the same data while hiding it in a collapsing card when not in use. This provides the user with a leaner and more focused version.
Dark Mode Theme
The primary color was adjusted to a more radiant shade, and a glow was added to the components to illustrate light in dark environments.
Monitoring System
The Desktop System is designed to monitor spending and usage. We maintained the same UX patterns, palette, fonts, and icons to ensure consistency and continuity between this interface and the controller.
