Deploy IoT Solutions Without Programming Knowledge.

180+
Screens

UI/UX DESIGN
WEB DESIGN
WEB DEVELOPEMENT
PROTOTYPING
DATA VISUALIZATION

Project

IoTPortal is a solution to meet your IoT needs. Based on a proprietary wired LDS protocol, the IoTPortal extends the features of a IoT monitoring system free from the issues faced by wireless networks apt for applications such as urban farming, industrial monitoring and data centres etc.

Timeline

Oct 2020 - Mar 2021

Tools Used

Figma, React Bootstrap

My Role

UI/UX Designer, UI Developer

Information Architecture

Design System

Foundation Elements

Here’s the very basic for IoTPortal Web, either being color variables or text identification.

Colors

Typography

ATOMIC & MOLECULAR ELEMENTS

Here’s the collection of Atomic and Molecular elements for IoTPortal Web. Atomic elements don’t include margin as they are meant to be easily adaptable to several compositions and layouts. Molecules are combination of atomic elements. Some of these Molecular elements can include margin, depending on the context they are meant to be used in, and the task it’s supposed to accomplish.

ORGANISM ELEMENTS

Organisms are a combinaison of Atomic & Molecular elements to create higher-purpose components, such a Navigation Components. Here’s the collection of Organism elements for IoTPortal Web.

FINAL DESIGNS

WEB VERSION

MOBILE VERSION

PROTOTYPE