Apto
- an intelligent home
application

Apto - the smart home app
Apto is an application from IoT sector. Controlling an intelligent home is a near future that will become a standard in every home. The project involved connecting many branded devices into one HUB, which connects controllers and devices with the use of technologies, wired and wireless mines such as Zigbee Z-Wave. Bluetooth, and others, creating one dedicated multi-platform application.

Tools:

  • Figma
  • InVision
  • Zeplin

Scope:

  • Product design

Year

  • 2019

46


web screens

52


mobile screens

4


designers involved
Screen

Dashboard

This screen consists of modular widgets that can be customized to your preferences. Data is displayed in real-time. Widgets adjust their size depending on the amount of information served by the system and its devices.
Design

Icon pack

Apto - the smart home app
Apto - the smart home app
Design

Rooms vs. groups

In Apto, the primary classifier defining the division of devices in the system is an instance called “room”. It is a natural, human-like way of dividing and organizing devices in everyday life. It allows you to view data and control multiple devices at once. One device cannot be in two rooms at the same time. However, there is a need in which users want to control devices from two existing rooms, or the location of the device is difficult to determine. E.g. Lights in the corridor on the first floor and the second floor. Groups are the solution to this problem. A group of devices allows you to connect many devices in the system, regardless of whether they are in the room or not, and manage their common settings in a simplified way.
Apto - the smart home app
Apto - the smart home app
Screen

Single device

The device control view is based on configueable sections. “general Device info” is a permanent and repetitive element.
Apto - the smart home app
Screen

Mobile color picker

For example, lighting with the function of changing colors, a color picker has been prepared with the option of saving selected colors. Double-clicking the center of the saved color removes it from the list.
Apto - the smart home app
Screen

Digital brand guidelines

Along with the development of UX/UI, designing digital identification were carried out in parallel. The result of the work is the brand book of which helps maintaining the rules of using the brand features at further stages of product development.
Apto - the smart home app
Screen

Light vs. dark mode components

Several components have been created that will allow developers to create a dark version of the interface. The user will benefit from better contrast when used in low light, less eye fatigue, less emission of harmful blue light, and low energy savings.
Apto - the smart home app
Apto - the smart home app
Screen

Rule Engine

Everyday life at home is usually repeated activities. A screen has been designed to create rules that allow you to use ready-made templates of device behaviour depending on the events indicated by the user.

Simple mode

For users who want to perform simple actions in the fastest way.

Advanced

For users who want to spend more time on more complex rules.
Apto - the smart home app
Apto - the smart home app

Nerd mode

For users who can read the documentation and write their code, using the maximum capabilities of the system. The editor includes a test module that will detect potential errors in the code. However, the user takes full responsibility for the results of their actions.
Apto - the smart home app

Get a free estimation

Need a successful project?