Back to Work

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.

Low-Code App Player UI thumbnail image

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.


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.

Industrial Buttons Image

Before and After Pics:

Before After Player Login Comparison image

Tulip Player Screen Shot