Product design

Arcadia

I designed Arcadia's mobile app, which helps customers monitor their energy consumption and encourages clean energy use

  • Role
  • Product design lead
  • Responsibilities
  • Interaction design, data visualization, information architecture, onboarding flow
Preview image for the Arcadia case study.

Despite decreasing prices for solar panels and geothermal heating, steep up-front costs remain an obstacle for homeowners looking to switch to renewable energy sources. Recognizing this gap between interest and affordability, Arcadia allows people to source energy directly from regional solar and wind farms or offset their use of coal-powered energy with renewables. While Arcadia had success reaching various markets, they wanted to create a mobile app that would make it easy for people to sign up, monitor their use, and transition to more sustainable energy sources.

I worked with a small team of developers to create Android and iOS apps that translated Arcadia’s brand guidelines for native mobile apps. One of our goals for the project was to provide clear, memorable visualizations of people’s clean energy use to both encourage their switch to clean energy.

I was responsible for designing the app’s structure, layouts, and visualizations, and used some neat illustrations made by one of Arcadia’s designers.

The Project

Working with Arcadia's product manager, I defined a new registration flow for the clean energy programs that led to a simpler, clearer setup process for users across all of Arcadia's regions. Variations across utilities regulations required us to account for variability within a single coherent system.

A few screens from the onboarding flow.

I worked through versions of the primary energy use graph until it showed what we were after: a single graphic that gave users an overview that compares customers' renewable and non-renewable energy sources.

Some of the rough explorations that led to the final design.
Customers' energy use dashboard

Since the registration process can take multiple days to finalize, we considered ways to clearly show users' account status in the system. This was especially important for plans that included variable-rate metering, where their renewable energy bill might change from month to month.

Although Arcadia had the beginnings of a web style guide, it was largely desktop-focused. I used their brand guidelines as a starting point for creating a native-oriented design system that would work across iOS and Android.

Wrapping Up

Arcadia's mission is to make clean energy accessible to everyone. But that doesn't mean just making it commercially available — they also want people to understand how clean energy markets work, because customers almost always end up saving money by switching to renewable energy. But this isn't what people expect, and can be a difficult thing to comprehend. Their mobile app served as a step toward changing people's minds and bringing about a needed, society-wide shift to clean energy.

Takeaways

  1. Lead with product outcomes. Hope Gurion distinguishes between product and business outcomes. She argues that product solutions should emerge from outcomes tailored to product usage, which in turn are treated as hypotheses for affecting business outcomes. We took her lead when shaping solutions, focusing on goals directly related to app usage.

  2. Compared to what? Individual data points can only be understood when compared to other data points. Whenever showing information about people's energy use, we sought to contextualize abstract representations (who knows what 200 kWh means?) with concrete comparisons.

  3. No visualization is perfect, so keep iterating. I once heard Ben Fry say that data visualization authorities like Edward Tufte have left us with a legacy that implies a single right way for visualizing certain types of information. Fry instead encourages ongoing experimentation in pursuit of the best given the context — something we had a chance to practice on this project.

Project Team

Doug Avery Development
Peyton Chance Project management
Brandon Dorn Product design
Nate Hunzaker Development
Prayash Thapa Development
Minh Tran Icons and illustrations

Case Studies