Envirosuite

ES5 design system & interaction prototypes

Platforms

Web

Responsibilities

UI design, interaction design, prototyping

Period

2021

Background

I was brought on as a contractor to help Lead Product Designer, James Carthew, flesh out Envirosuite's ES5 Design system in Figma. This data heavy product also posed some interaction design challenges for us to solve and explore through various interactive prototypes.

About Envirosuite

Envirosuite is a platform that allows users to monitor various environmental pollution levels such as noise, odour and air pollution amongst others. It is a B2B product predominantly used by industry experts to guage the environmental impact their business operations are having.

Prototyping

The following is a low fidelity prototype constructed to address the usability challenge of selecting and viewing multiple pollution locations, either via a map selection interface, or a grid view.

A clickable prototype constructed in ProtoPie

Design system

Screen shots of various UI components in their different states and uses.