I designed and developed a dedicated microsite to communicate the results of a study looking at savings for existing solar homeowners, and to give viewers a dynamic way to explore how various factors influence the choice of energy plans.
Solar homeowners in Texas face a dizzying array of electrical plans to choose from. Solar United Neighbors, a solar advocacy non-profit, teamed up with Texas Power Guide and Mission:data to conduct a study with real customers comparing their energy usage against existing plan options. In most cases, a customer's current plan wasn't the best suited to their needs or budget.
The challenge for this project was two-fold: communicate their findings in a clear and accessible way to customers, policy advocates, and the media; and create an interactive way for viewers to explore the data to learn which factors have the biggest influence on the choice of appropriate energy plan.
The creative challenge began with figuring out how to build an interactive tool to let viewers explore the different factors affecting energy costs. Part of this task relied on deciding which variables to surface (e.g. things like home size, or hours of sun per day), and an appropriate range of values to assign to each variable.
Ultimately, we needed a function that would take in all of these values and output the amount of energy derived from the solar panels vs. taken from the grid, and use those values to calculate an estimated energy bill under various plan options.
Working with Observable notebooks at this stage allowed me to quickly iterate on the logic and visualize the results, and provided a way for fast prototyping with the data experts on the team to make sure the outputs matched real-world expectations.
Once the basic pieces were tested and functional, I shifted to designing how the final visualization would look and behave. A major advantage of using Observable was that instead of having to replicate all of the logic on the front end, I built the visualization to dynamically read in functions from the notebook. In addition to nicely separating the functional logic from the visual logic, it also means that if the team ever wants to update the functions in the future, they can simply change the notebook and those changes will immediately be propagated to the live site.
The rest of the site used a mix of static and dynamic graphics interspersed with narrative text to walk viewers through the results of the study and to acquaint them with the different types of plans that are available and how to find the right one to fit their needs.