EcoBalance Smart Home Energy System
By
Empowering energy independence
GE Appliances partnered with Savant Systems, Inc. to create a connected solution to help homeowners take control of their home’s energy efficiency and energy management via one easy-to-use app.
Outcome (Shipped)
A new sHEMS product introduced to homeowners and builders to manage whole-home energy usage, energy generation, and storage.
Role: Product Designer
Duration: 9 months
Team: VP of Technology, Program and Product manager, Could and Software engineers, Product Designer
Responsibility
Leading the UI design, helped with product features integration by directly working with the VP, program and product managers. Worked with cloud and software engineers, negotiated design and feature implementation, and making trade-offs following cloud and software restraints.
Product overview
Home energy usage at your fingertips.
See the live feed of your energy generation, usage and distribution at one glimpse.
Home energy usage at your fingertips.
See the live feed of your energy generation, usage and distribution at one glimpse.
Stay connected with whole-home Net Zero Package
Achieve energy independence with solar panels.
Generate free energy by solar panels, monitor generation at every hour of the day and export excess energy to the grid.
See how power is used efficiently.
Keep track of your solar power consumers at each hour of the day.
And how it is being distributed.
Monitor the trends individually and see which consumer uses how much energy.
Achieve energy independence with solar panels.
Generate free energy by solar panels, monitor generation at every hour of the day and export excess energy to the grid.
See how power is used efficiently.
Keep track of your solar power consumers at each hour of the day.
And how it is being distributed.
Monitor the trends individually and see which consumer uses how much energy.
Keep track of your energy impact over time.
Control your home your way
See the energy consumption of each appliance in your home and keep track of the big users.
See how it is being distributed.
Follow the trend of each product energy usage over time.
Store energy and monitor your EV usage.
Showcased at KBIS & IBS 2024
Las Vegas convention center
Design Process
Requirement
Reimagine smart home energy management system (sHEMS) through the lens of GE Appliances.
Opportunity
Individual control over appliances = Full control over their energy usage
Ideation
Quick ideation based on the requirement and opportunity to build upon
First iteration
After rough wireframes, an initial iteration was introduced to the Program and product managers for review for
SmartHQ
Energy Savings
SmartHQ
Energy Widget
SmartHQ
Energy Management
SmartHQ
EV Charger
First iteration for Leadership’s reference.
The first wireframe shown to the company’s leadership, regarding the UI and basic features requested. The future iteration were designed based on this
Leadership approved
Green light to continue
Market analysis
After the approval of the the initial wireframe, it’s time to create a feature sheet through Information architecture and
market analysis.
Solar Generation: Shows current solar energy output and allows for viewing detailed graphs.
Grid Usage: Monitors imported and exported energy, including how it was used or sent back to the grid.
Battery Status: Displays battery charge and usage settings, with alerts during power outages showing remaining backup energy.
Home Energy Use: Tracks daily energy consumption, with details on where the energy came from (solar, grid, battery).
The dashboard also provides daily summaries of energy use and self-sufficiency.
Tesla energy
Zerofy
Sense
Savant
Partner Company
UI exploration
After understanding all the requested features, a new set of UI exploration is presented based on previous iterations and SmartHQ 2.0 design system.
SmartHQ primary color is in shade of pink, however, proper color coding is necessary for better communicating different energy sections.
Iteration #2
Share with the Leadership
Iteration #3
Graph design exploration
Standardized across corporation
The graph design of EcoBalance became the standard design of the GE Appliances design system, for other products and features.
Style guide
The style of Eco-balance follows the design language of SmartHQ, with a few new colors and icons added to the library. Color pollution is reduced by minimizing addition of new colors to the design system.
Utility
HEX #EBEBF0
Solar
HEX #FFBC66
Battery
HEX #1EA874
EV
HEX #1EA874
Home
HEX #E45BE5
Background
HEX #0F0F0F
Foreground 1
HEX #202022
Foreground 2
HEX #313134
Foreground 3
HEX #4B4B4B
Text 1
HEX #DDE5E9
Text 2
HEX #EBEBF0
Text 3
HEX #F2F2F5
Light 1
HEX #FAFAFA
Chalanges
Legal
Meet with the Legal team to add/make changes to Information provided.
Development
Make trade-offs and negotiate with the Cloud and Dev teams to include certain features.
Nomenclature
Worked with UX director and PM to appropriately phrase information.
Iteration #3
Prototype
Usability testing
MVP after linkage
MVP before linkage: With supported appliances
MVP before linkage: With no supported appliances
EcoBalance Smart Home Energy System
By
Empowering energy independence
GE Appliances partnered with Savant Systems, Inc. to create a connected solution to help homeowners take control of their home’s energy efficiency and energy management via one easy-to-use app.
Outcome (Shipped)
A new sHEMS product introduced to homeowners and builders to manage whole-home energy usage, energy generation, and storage.
Role: Product Designer
Duration: 9 months
Team: VP of Technology, Program and Product manager, Could and Software engineers, Product Designer
Responsibility
Leading the UI design, helped with product features integration by directly working with the VP, program and product managers. Worked with cloud and software engineers, negotiated design and feature implementation, and making trade-offs following cloud and software restraints.
Product overview
Home energy usage at your fingertips.
See the live feed of your energy generation, usage and distribution at one glimpse.
Home energy usage at your fingertips.
See the live feed of your energy generation, usage and distribution at one glimpse.
Stay connected with whole-home Net Zero Package
Achieve energy independence with solar panels.
Generate free energy by solar panels, monitor generation at every hour of the day and export excess energy to the grid.
See how power is used efficiently.
Keep track of your solar power consumers at each hour of the day.
And how it is being distributed.
Monitor the trends individually and see which consumer uses how much energy.
Achieve energy independence with solar panels.
Generate free energy by solar panels, monitor generation at every hour of the day and export excess energy to the grid.
See how power is used efficiently.
Keep track of your solar power consumers at each hour of the day.
And how it is being distributed.
Monitor the trends individually and see which consumer uses how much energy.
Keep track of your energy impact over time.
Control your home your way
See the energy consumption of each appliance in your home and keep track of the big users.
See how it is being distributed.
Follow the trend of each product energy usage over time.
Store energy and monitor your EV usage.
Showcased at KBIS & IBS 2024
Las Vegas convention center
Design Process
Requirement
Reimagine smart home energy management system (sHEMS) through the lens of GE Appliances.
Opportunity
Individual control over appliances = Full control over their energy usage
Ideation
Quick ideation based on the requirement and opportunity to build upon
First iteration
After rough wireframes, an initial iteration was introduced to the Program and product managers for review for
SmartHQ
Energy Savings
SmartHQ
Energy Widget
SmartHQ
Energy Management
SmartHQ
EV Charger
First iteration for Leadership’s reference.
The first wireframe shown to the company’s leadership, regarding the UI and basic features requested. The future iteration were designed based on this
Leadership approved
Green light to continue
Market analysis
After the approval of the the initial wireframe, it’s time to create a feature sheet through Information architecture and
market analysis.
Solar Generation: Shows current solar energy output and allows for viewing detailed graphs.
Grid Usage: Monitors imported and exported energy, including how it was used or sent back to the grid.
Battery Status: Displays battery charge and usage settings, with alerts during power outages showing remaining backup energy.
Home Energy Use: Tracks daily energy consumption, with details on where the energy came from (solar, grid, battery).
The dashboard also provides daily summaries of energy use and self-sufficiency.
Tesla energy
Zerofy
Sense
Savant
Partner Company
UI exploration
After understanding all the requested features, a new set of UI exploration is presented based on previous iterations and SmartHQ 2.0 design system.
SmartHQ primary color is in shade of pink, however, proper color coding is necessary for better communicating different energy sections.
Iteration #2
Share with the Leadership
Iteration #3
Graph design exploration
Standardized across corporation
The graph design of EcoBalance became the standard design of the GE Appliances design system, for other products and features.
Style guide
The style of Eco-balance follows the design language of SmartHQ, with a few new colors and icons added to the library. Color pollution is reduced by minimizing addition of new colors to the design system.
Utility
HEX #EBEBF0
Solar
HEX #FFBC66
Battery
HEX #1EA874
EV
HEX #1EA874
Home
HEX #E45BE5
Background
HEX #0F0F0F
Foreground 1
HEX #202022
Foreground 2
HEX #313134
Foreground 3
HEX #4B4B4B
Text 1
HEX #DDE5E9
Text 2
HEX #EBEBF0
Text 3
HEX #F2F2F5
Light 1
HEX #FAFAFA
Chalanges
Legal
Meet with the Legal team to add/make changes to Information provided.
Development
Make trade-offs and negotiate with the Cloud and Dev teams to include certain features.
Nomenclature
Worked with UX director and PM to appropriately phrase information.
Iteration #3
Prototype
Usability testing
MVP after linkage
MVP before linkage: With supported appliances
MVP before linkage: With no supported appliances
EcoBalance Smart Home Energy System
By
Empowering energy independence
GE Appliances partnered with Savant Systems, Inc. to create a connected solution to help homeowners take control of their home’s energy efficiency and energy management via one easy-to-use app.
Outcome (Shipped)
A new sHEMS product introduced to homeowners and builders to manage whole-home energy usage, energy generation, and storage.
Role: Product Designer
Duration: 9 months
Team: VP of Technology, Program and Product manager, Could and Software engineers, Product Designer
Responsibility
Leading the UI design, helped with product features integration by directly working with the VP, program and product managers. Worked with cloud and software engineers, negotiated design and feature implementation, and making trade-offs following cloud and software restraints.
Product overview
Home energy usage at your fingertips.
See the live feed of your energy generation, usage and distribution at one glimpse.
Home energy usage at your fingertips.
See the live feed of your energy generation, usage and distribution at one glimpse.
Stay connected with whole-home Net Zero Package
Achieve energy independence with solar panels.
Generate free energy by solar panels, monitor generation at every hour of the day and export excess energy to the grid.
See how power is used efficiently.
Keep track of your solar power consumers at each hour of the day.
And how it is being distributed.
Monitor the trends individually and see which consumer uses how much energy.
Achieve energy independence with solar panels.
Generate free energy by solar panels, monitor generation at every hour of the day and export excess energy to the grid.
See how power is used efficiently.
Keep track of your solar power consumers at each hour of the day.
And how it is being distributed.
Monitor the trends individually and see which consumer uses how much energy.
Keep track of your energy impact over time.
Control your home your way
See the energy consumption of each appliance in your home and keep track of the big users.
See how it is being distributed.
Follow the trend of each product energy usage over time.
Store energy and monitor your EV usage.
Showcased at KBIS & IBS 2024
Las Vegas convention center
Design Process
Requirement
Reimagine smart home energy management system (sHEMS) through the lens of GE Appliances.
Opportunity
Individual control over appliances = Full control over their energy usage
Ideation
Quick ideation based on the requirement and opportunity to build upon
First iteration
After rough wireframes, an initial iteration was introduced to the Program and product managers for review for
SmartHQ
Energy Savings
SmartHQ
Energy Widget
SmartHQ
Energy Management
SmartHQ
EV Charger
First iteration for Leadership’s reference.
The first wireframe shown to the company’s leadership, regarding the UI and basic features requested. The future iteration were designed based on this
Leadership approved
Green light to continue
Market analysis
After the approval of the the initial wireframe, it’s time to create a feature sheet through Information architecture and
market analysis.
Solar Generation: Shows current solar energy output and allows for viewing detailed graphs.
Grid Usage: Monitors imported and exported energy, including how it was used or sent back to the grid.
Battery Status: Displays battery charge and usage settings, with alerts during power outages showing remaining backup energy.
Home Energy Use: Tracks daily energy consumption, with details on where the energy came from (solar, grid, battery).
The dashboard also provides daily summaries of energy use and self-sufficiency.
Tesla energy
Zerofy
Sense
Savant
Partner Company
UI exploration
After understanding all the requested features, a new set of UI exploration is presented based on previous iterations and SmartHQ 2.0 design system.
SmartHQ primary color is in shade of pink, however, proper color coding is necessary for better communicating different energy sections.
Iteration #2
Share with the Leadership
Iteration #3
Graph design exploration
Standardized across corporation
The graph design of EcoBalance became the standard design of the GE Appliances design system, for other products and features.
Style guide
The style of Eco-balance follows the design language of SmartHQ, with a few new colors and icons added to the library. Color pollution is reduced by minimizing addition of new colors to the design system.
Utility
HEX #EBEBF0
Solar
HEX #FFBC66
Battery
HEX #1EA874
EV
HEX #1EA874
Home
HEX #E45BE5
Background
HEX #0F0F0F
Foreground 1
HEX #202022
Foreground 2
HEX #313134
Foreground 3
HEX #4B4B4B
Text 1
HEX #DDE5E9
Text 2
HEX #EBEBF0
Text 3
HEX #F2F2F5
Light 1
HEX #FAFAFA
Chalanges
Legal
Meet with the Legal team to add/make changes to Information provided.
Development
Make trade-offs and negotiate with the Cloud and Dev teams to include certain features.
Nomenclature
Worked with UX director and PM to appropriately phrase information.
Iteration #3
Prototype
Usability testing
MVP after linkage
MVP before linkage: With supported appliances
MVP before linkage: With no supported appliances