
Choir Power
ROLE
Product Intern
TEAM
1 UI/UX Designer (myself),
2 Web Developers
TOOLS
Figma, Adobe Illustrator, Pen and Paper
TIMELINE
2 months (April-June 2023)
SKILLS
Product Scoping · Stakeholder Research · Data Visualization · UX Systems · Cross-Functional Collaboration · B2G Products · Dashboard Design
I oversaw the creation of a browser-based application for government officials to monitor energy consumption for municipal buildings (schools, airports, and warehouses).
Table of Contents
1. Context
2. Statement
3. Research
4. Wireframes
5. Design System
6. Next Steps and Lessons learned
My Role and Ownership
I served as the sole UI/UX designer and product intern on this project, working alongside two web developers. I owned the product experience end-to-end, including:
-
Translating policy and sustainability goals into concrete product requirements
-
Research and synthesis around municipal energy usage and stakeholder needs
-
Information architecture and interaction design for dashboards, maps, and filters
-
Creation of the initial design system to support scalable development
I partnered closely with engineers to ensure designs were feasible given data availability and system constraints, and incorporated feedback from Choir leadership and city stakeholders throughout the process.
1. Context and Research
Choir's desktop application tracks the municipal energy trends of building locations, their consumption trends and ways they can be improved. Unlike other products, Choir can monitor energy consumption and recommend upgrades to more efficient energy sources for cities that are currently still powered by nonrenewable sources such as wood and coal. Additionally, it observes daily and seasonal trends, and sets reminders when trends are above or below average.








2. Statement
PROBLEM
In the city
of Hull,
96%
of all schools

are still powered by two nonrenewable energy sources - gas and coal.
The average carbon dioxide emissions per school is
10.2k
kilograms.
How can we help Hull reduce their carbon footprint?
GOALS
Create a desktop application that will help government officials upgrade to cleaner energy sources.
Hull's goal is to become reliant on renewable energy sources. Infrastructures of inspiration include Spain, which recently announced that it could power the entire country on wind, solar, and water power.
The app will need the following features:
A geographical view


Accurate, live information reporting


Clean, efficient energy recommendations


3. Research
Our first local government with whom we partnered with was Hull, UK. We looked at different municipal buildings, such as schools, hospitals, and government buildings. One example was The Edge Hub Limited, a coworking space and tech training center.

Functions:
Networking Events, Training Sessions, Meeting Rooms, and Hot Desks.
Current Energy Consumption
Type of Energy
92% Gas, 4% Coal, 2% Solar, 2% Other
Average Annual Consumption
22.9k kilowatts in 2021
The Edge Hub Limited
Location: Hull, UK
Carbon Footprint
3.2k kilograms of carbon dioxide.
Water Consumption
4.2k cubic meters
The Edge Hub, Myton St, Hull HU1 2PS, United Kingdom
4. Wireframing
Lo-Fi Wireframing
I first began by sketching prototypes with a pen and paper to quickly visualize our key features and ideas. These were quick drafts used to solicit feedback from stakeholders. Then, I moved on more polished digital wireframes based on the feedback that I heard.

Hi-Fi Prototyping
This was the initial prototype that was adapted after meeting with the board of directors of Choir.

INTERACTIVE MAP
View multiple locations at once, and an individualized summary of their data trends. This may help plan logistics of new product distribution.
LOCATION SEARCH SYSTEM
Filter city locations based on building type (school, warehouse, hospital, etc.), energy type (wind, solar, gas, coal), or days since last upgrade.


INDIVIDUALIZED DATA BY LOCATION
Check a detailed overview of all energy-related data for each location, including consumption, renewable and nonrenewable distribution, carbon footprint, and weather data.
Technical Collaboration & Constraints
Throughout the design process, I worked closely with the two web developers to understand technical constraints around data ingestion and visualization. We discussed how energy consumption data would be sourced, refreshed, and normalized across different building types and locations.
These conversations influenced several design decisions, including simplifying filters to align with available data fields and designing trend views that could gracefully handle missing or delayed data. Rather than designing speculative features, I scoped the interface around what the system could reliably support in an MVP.
5. Design System
I created a design system to make the product cohesive. Ensuring that elements were consistent through this organization served to enhance the user experience. Maintaining this pattern allowed key components of the design to be memorable for a user. This design system is rough and expected to be adjusted in a future iteration; it is flexible.



Real-World Feedback & Validation
To validate whether the interface supported real decision-making, I walked stakeholders from the City of Hull and Choir’s internal team through the prototype using live municipal data. Participants were asked to identify buildings with the highest carbon footprint and explore potential upgrade paths using the dashboard.
What we learned:
-
Stakeholders consistently relied on the map view first, using it to prioritize which buildings warranted attention
-
Officials valued trend visibility (seasonal spikes, anomalies) more than raw consumption totals
-
Recommendations were most actionable when paired with clear context (current energy mix + emissions impact)
This feedback directly informed iteration priorities, including clearer summaries at the location level and improved visual hierarchy around upgrade recommendations.
6. Next Steps and Lessons Learned
This was my first role where I served as the Product Manager (or a similar-role), and the start of my interest in PM. Given that this was for a Series-A green-tech startup, I was able to get a lot of firsthand responsibility, so I was able to learn a lot.
One of the biggest lessons from this project was how central data quality and system constraints are to building a product that is actually usable in the real world. Early on, it was tempting to design idealized dashboards and recommendation views based purely on what would be most helpful for government officials. However, as we moved closer to implementation, it became clear that the reliability, freshness, and consistency of underlying data would ultimately shape what the product could responsibly promise.
Working with engineers forced me to confront questions I hadn’t initially foregrounded: How frequently does energy consumption data update across different buildings? What happens when data is missing, delayed, or reported in inconsistent formats? How do we distinguish between true anomalies and normal seasonal variation? These considerations directly influenced interface decisions, from how trends were visualized to how confidently the product could recommend upgrades or interventions.
From a product perspective, this experience taught me the importance of treating engineers as early thought partners, not downstream implementers. Some of the most productive moments in this project came from pressure-testing ideas together—walking through how a feature would actually be supported by backend pipelines, what assumptions it relied on, and where the system might break. In several cases, this led us to simplify or reframe features so they aligned better with what the data could reliably support, rather than over-indexing on surface-level polish.
If I were revisiting this project today, I would invest earlier in defining data schemas, confidence thresholds, and update cadence alongside the core product requirements. Doing so would allow product decisions to be grounded in technical reality from the outset, rather than adjusted retroactively. More broadly, this project reinforced for me that good product design isn’t just about clarity at the interface level—it’s about building trust between the system and its users, which ultimately depends on thoughtful coordination between design, data, and engineering constraints.