Visual Designs

UI design of two pages for BriteThings AI

UI design for 2 pages of BriteThings AI
UI design for 2 pages of BriteThings AI

The goal for these two design pages is to ensure that the user can read and understand how many electricity saved when they used BriteThings AI (artificial intelligence system) and how.

Duration of time: 20 hours
My role: UX/UI Designer
Tools: Sketch, Axure
Client: BriteThings Inc
Date: 2017


This post demonstrates the User Interface designs for 2 pages. If you are interested in UX process story for this project, please visit my blog of Two Design Pages of BriteThings AI.


Desktop HD

Dashboard --Desktop HD
Dashboard –Desktop HD
Building Overview--Desktop HD
Building Overview–Desktop HD
Heat Map -- Desktop HD
Heat Map — Desktop HD

Desktop

Dashboard -- Desktop
Dashboard — Desktop
Building Overview -- Desktop
Building Overview — Desktop
Heat Map --Desktop
Heat Map –Desktop

Tablet Portrait

Dashboard -- Tablet Portrait
Dashboard — Tablet Portrait
Building Overview -- Tablet Portrait
Building Overview — Tablet Portrait
Heat Map --Tablet Portrait
Heat Map –Tablet Portrait

Mobile Portrait

Dashboard -- Mobile Portrait
Dashboard — Mobile Portrait
Building Overview -- Mobile Portrait
Building Overview — Mobile Portrait
Heat Map --Mobile Portrait
Heat Map –Mobile Portrait