The Ignition Gateway is a web-based application which allows users to configure and view the status of their running Ignition software. This project was specifically a complete redesign of the existing Gateway. Our goal was to greatly improve the product's usability by increasing it's usability. It was heavy on component based design and data visualization with the outcome being a dashboard interface, infinitely extensible as the data grows and changes.
COMPONENT-BASED DESIGN SYSTEM
In approaching this complex and extensive web application, I relied heavily on a design system to bring order to everything. I designed and coded a Sass-based web styleguide which exposed the markup developers needed to create each element on their respective pages.
DESIGN FOR VARYING DATA STATES
As the actual layout and content of the app's pages was dictated by the user's source data, this project forced me to design multiple states of each UI component. From buttons to gauges to banners, each element had to be extremely flexible and thought out.
Below you'll find final shots of the application's user interface.
THE MARKS “INDUCTIVE AUTOMATION”, “IGNITION”, “IGNITION BY INDUCTIVE AUTOMATION®”, “IGNITION BY INDUCTIVE AUTOMATION AND CHECK MARK” ARE ALL MARKS OWNED BY INDUCTIVE AUTOMATION, LLC. ALL RIGHTS TO THESE MARKS ARE VESTED IN INDUCTIVE AUTOMATION, LLC. AND ARE USED HERE WITH ITS EXPLICIT PERMISSION.