Savant Magic UI Config

4/1/2022

The Microgrid User Interface Configurer (mgc-ui-config) was a canceled product from Savant which allowed you to control your green energy microgrid from a dedicated device.

It was written in React Native.

I went on from this project to work on another React Native project briefly, called Savant Power & Lighting (SP&L for short), where I fixed a broken but necessary screen.

Improved Navigational Sidebar

Specifically, I added and improved the animations.

Dashboard Energy Flow Animations

Here, I refactored the animations to be more procedural. They had previously been made in a way that they weren't reusable or resizable.

Electrician Settings

I designed these menus with very little external input from the design team to be as extensible, reusable, and data-driven as possible, so that when connecting to a smarthost, the necessary data would be available for an electrician to set up a home.

Mobile Reflowing

All these menus were designed with responsiveness and resizing in mind to allow for use on mobile devices as well.