top of page
EB-banner.jpg

Dashboard design for energybox

Energybox is an IoT and automation company, which provides services to help multi-site customers automate their operations, reduce costs, and improve sustainability.

During the time I was working in Clarity, I help Energybox to design a map view sites monitor and a customizable dashboard. 

My roles
Date

Information architecture


User flow


Wireframe 


UI design 


Prototype

Provide design solution 

2019, 2nd Quarter

Challenge
Energybox would like to build a unified dashboard for managers to monitor equipment, access, and energy usage of the organisation, manager can customise the dashboard based on their interests.
 
The design process started from scratch with only a list of keywords generated from a brainstorming section.  I have to understand their services, business goals, client and their problems and feedback in a short period, to do that I have worked closely with the COO, project manager, developers, and the data scientist. At last we have tailor made every single dashboard tiles based on user needs and the way they perceive data
chart-01.png
Approach

I have categorized keywords into six sections; it helps me to understand the nature and the value of each keyword to the users.

Then I have turned keywords to specifications and create user stories user flow and define access control for each feature.

After all, I have designed the information architecture and created wireframes to visualize the ideas.

chart-02.png
chart-03.png
chart-04.png
chart-05.png
Final UI

After energybox have confirmed with the structure and concept of the dashboard, I have created the final UI design based on the band UI guideline.

Map view - site list - map.jpg
Map view - click on location pin.jpg
site dashboard - All subscribed services
site dashboard - All subscribed services
site Dashboard - Customized Dashboard .j
bottom of page