Concept design for an app that delivers live, building energy consumption and production information at the Arizona State University Tempe campus. The app takes a defunct browser-based resource and adapts it to the current era.
Interface: App
Type: Live Data
Scope: UI, UX
Client: Arizona State University, Speculative
UX MAPPING
Arizona State University’s (ASU) accolade as the first US university with a Sustainability degree program has led to projects that mark ASU as the academic center of sustainability. Campus Metabolism 2.0 is an app that provides live energy data of the ASU Tempe Campus. It increases transparency to their commitment to alternative energies.
The app is structured around three interfaces: a live map, building energy data pages, and building data comparisons. Within those are types of data that range in importance and access per interface. Energy consumption and production are the most important types of data and shared across all three interfaces.
Campus Metabolism 2.0 readapts a retired web-based platform of the same concept. Using a 3D isometric map, the app shows color projections on top of each building related to their live energy consumption (red) and production (yellow). Each building’s shadows at 9am, 12pm, and 3pm on the Solstices (12/21 and 06/21) are cast on the ground to show heat sinks and shading (loss of energy). Campus infrastructure including grey water systems, transportation, and systems for energy production are modeled in full. The live map is updated every three hours.
Buildings that users want to monitor regularly can be saved on the live map.
Campus Metabolism 2.0 uses an inverted color scheme of white on black to convey drawing with light and energy. Primary colors are basic descriptors for energy use and consumption. DINPro is used for numbers and text related to data and Helvetica Neue is used for titling.
Each building has a profile page of basic info with up-to-date energy use and production data. This is accompanied by a graph that can be used to compare data between two buildings.