ioTree Webapp

iotree_controlpanel.png

MAFORM'S ROLE & TIMEFRAME
Graphic User Interface Design: 4 weeks
Brand development: 4 weeks
Budapest, 2015

PLATFORM
Responsive web app
Cloud-based platform

CHALLENGE
During this project we had to deal with a complex challenge: to turn any phone or tablet to a custom dashboard. To reach this goal with a seamless interaction flow, we developed a user interface that allows easy-to-use automation creation, unified data visualisation and activity feed. This resulted in an open system which can grow and adapt to new devices and use cases. The modern, bold, colourful brand makes the user experience even better.

UNIQUE PROPERTIES
The application enables interactions between different devices which are using different communication protocols. We designed a consistent interface for a wide range of IoT devices.

INTERACTION DESIGN
ioTree features a responsive layout for a progressive web application which can run on full screen on a small mobile phone or on a large TV. It has a visual system for managing, controlling and automating different connected devices. Information hierarchy is created by colours, typography, iconography and layouts.

DESIGN METHODS
• analysing and reviewing existing platforms
• envisioning scenarios and use cases from different industries
• prototyping to check the layout on various screen sizes and resolution

Some of the compatible devices

Some of the compatible devices