GridSynergy

GridSynergy UI Concept. 2011

My ROLE

Freelance UX / Visual Designer

TOOLS

Adobe Illustrator, Adobe Photoshop, HTML5, CSS3, JS, SVG, Sketching…

Redesigned in Figma

DELIVERABLES

Hi-Fi UI Screens.

Visual Design Specification

HTML Mockup with CSS

Visual Assets

GOALS

Primarily goal was to design & implement an easy-to-understand UI navigation pattern. Design a responsive UI Layout to enable the use of Large Ultra HD TV screens to handheld tablets. Generate a modern, competitive visual design. Clear information design, UI layout / Navigation design, Data Visualization.

Introduction

I have updated the visual design, leaving the interaction design and the structural UI design untouched…

GridSynergy Software learns a facility’s energy use patterns and responds automatically to peaks in demand by directing the battery to store and discharge capacity. Cloud-based Software serves three primary functions:

Controls the GridSynergy Storage.

Provides a portal for the consumers to view their savings and revenues.

Allows remote monitoring and analysis by the Green Charge professional services team.

As a control system, GridSynergy relies on the analysis of thousands of sites to calculate the optimal charge and discharge cycles. As the system learns site-specific load profiles, its predictive algorithm adjusts second by second to maximize savings for the consumers.

GridSynergy Logotype

Logotype “Green Leaf” concept.

The application is helping us to save our environment by optimizing our energy consumption. Yet it is a “High-Tech” product, a semi autonomous, intelligent solution.

Problems - Design Topics

Handling High Data Density

How to enable the app UI structure to equally handle one single tenant and a network of consumers?

How to visualize the overall performance of multiple versus single station data?

What information is more important from the perspective of overall performance versus one single station's data?

What is the information hierarchy from the viewpoint of a tenant (EV Charging Station)

Single facility - EV Charger Station, Performance Overview

Overview performance indicators in relation to input/output, savings on shaved off-peak consumption.

EV Charger Station network, Station’s Consumption Data

Application Status / Performance Overview Screen

More Coming Soon…