Low-Code App Player UI
TL;DR: To push for an implementation of a new UI system, I created a prototype using React.js, Sytled Components, and Heroku. The demo was used to showcase a new UI system based on WCAG standards, and human factors on shop floors settings.
Tulip Interfaces is a B2B SaaS platform for manufacturing. The core use case of Tulip is to empower companies by capturing as much data as possible to analyze then and optimize their operations. The Tulip ecosystem is composed of four parts:
-
1. A Low-Code Visual App builder - to build manufacturing apps.
-
2. An App Player - to use apps built in the app builder and capture operator data.
-
3. A Machine Monitoring Hub - to acquire machine data from sensors.
-
4. A Digital Factory Dashboard - to view and analyze collected data.
One of the oldest pieces of software at the company, the App Player, had a lot to catch up on in terms of functionality and design. I wanted to propose a new design catching up on other system functionality, satisfying WCAG 2.0 standards and human factors on shop floor settings.
Design:
The design was inspired by the observations of the big buttons used in many of the machinery found on shop floors and the diversity of screens used with the app player.
Before and After Pics:
