Home

Digitalizing a Solar Metering Dashboard

Industry

Energy / PropTech

My Role

UX/UI Designer for Tenant Electricity Module

Team Structure

2 UX/UI Designers, BA/PM, Engineers

Timeline

November 2023

With new German regulations, smart meters now include solar metering tools. This upgrade offers tenants lower electricity prices and helps landlords enhance property value while supporting sustainability.

With new German regulations, smart meters now include solar metering tools. This upgrade offers tenants lower electricity prices and helps landlords enhance property value while supporting sustainability.

The Business

MK Metering provides a comprehensive smart metering service, including:

  1. Subscription

  2. Smart meter installation

  3. Data collection (MK Metering Platform)

  4. Reporting (MK Metering Platform)

About the Dashboard

Tenant Electricity (Mieterstrom) is a dashboard, created to streamline solar energy management. Tailored to integrate into the existing MK Metering web app, it allows users to visualize and analyze energy consumption and production, generate automated monthly reports, and manage additional cost billing.

Deliverables

1 month

From kick-off with stakeholders to final comprehensive solution

Responsive layouts

Desktop and Tablet - for property managers view; Mobile - for tenants

Process

stage 1

1

Initial Task – creating a new solar metering tool in existing platform.

Initial Task – creating a new solar metering tool in existing platform.

Initial Task – creating a new solar metering tool in existing platform.

Our client came to us to develop a tool within the existing platform to provide data and reports from newly installed solar meters in apartments.

2

Existing platform analysis.

Existing platform analysis.

Existing platform analysis.

Found a lot of unintuitive inconsistencies.

3

I start working on Solar Metering tool.

I start working on Solar Metering tool.

I start working on Solar Metering tool.

  • Researched Business and Users

  • Mapped out IA and Task Flows

  • Created lo-fi wireframes

4

Advocating for a complete platform redesign to the client.

Advocating for a complete platform redesign to the client.

Advocating for a complete platform redesign to the client.

5

Change of plan. Client agrees to redesign entire platform.

Change of plan. Client agrees to redesign entire platform.

Change of plan. Client agrees to redesign entire platform.

stage 2

6

I continue working on the solar metering module, while another designer revamping the entire platform.

I continue working on the solar metering module, while another designer revamping the entire platform.

I continue working on the solar metering module, while another designer revamping the entire platform.

7

Constantly collaborating with another designer, I adjust solar metering module according to new navigation.

Constantly collaborating with another designer, I adjust solar metering module according to new navigation.

Constantly collaborating with another designer, I adjust solar metering module according to new navigation.

Challengies

  1. Inspecting the business & existing platform

At the start of the project, the main challenge was understanding the complex processes involving Proprietary Business and the German Energy sector.

To clearly understand the situation, I conducted stakeholder interviews and I used the 5W1H framework to define all relevant aspects about the overall platform experience.

Unpacking the Complexity — Research & Discovery

5W1H

5W1H Findings:

  • Three user roles: Admin, Tenant, and Property Company.

  • Solar meters aren't installed in all properties.

  • Solar metering helps both renters and owners: renters save on energy costs, property owners increase their income.

Understanding Current Solution

IA and simple Task Flows on the existing platform clarified how users navigate and complete key actions. I framed out existing tasks and understood where to integrate new functionalities.

4 Clicks

Needed to get to property card with existing platform navigation.

Initial platform IA and task flows

Initial platform analysis

4 Clicks

Is needed to get to the property card with existing platform navigation.

  1. New task development & refining

Iterating & Collaborating

As I began designing the solar metering module (Tenant Electricity) in the initial phase, I encountered a challenge when the platform navigation underwent a full redesign. Since I had already laid the foundation with low-fidelity wireframes, I moved directly to high-fidelity designs, dividing the property, units, and history views into separate tabs within the dashboard.

Final UI

Tenant Electricity module offers:

  • Comprehensive data for analysis

  • Invoice generation and report downloading

  • Comparison of plant and solar power production and usage

  • CO2 savings tracking

Tenant Electricity module offers:

  • Comprehensive data for analysis

  • Invoice generation and report downloading

  • Comparison of plant and solar power production and usage

  • CO2 savings tracking

Tenant Electricity module offers:

  • Comprehensive data for analysis

  • Invoice generation and report downloading

  • Comparison of plant and solar power production and usage

  • CO2 savings tracking

Property owner/manager flow

The new tool within MK Metering has digitized solar power management, replacing outdated analog operations and providing streamlined solutions that benefit both property companies and tenants.

The new tool within MK Metering has digitized solar power management, replacing outdated analog operations and providing streamlined solutions that benefit both property companies and tenants.

Takeaways

Understanding the business

Gathering comprehensive information and developing a clear understanding of processes in complex areas required me to investigate not only the underlying energy principles but also the regulations that impact utility pricing. With a comprehensive investigation I could answer to complex questions and set a base for further work.

quick changes & Working in Collaboration

When I started the project, I found the platform structure unintuitive and communicated this to the client. Initially tasked with designing a solar metering module, I began work on that functionality. Later, the client agreed to overhaul the entire platform, assigning another designer to handle the redesign. This delayed my progress as I had to revisit my design to ensure seamless integration with the new architecture. The experience taught me to adapt to evolving project needs and stay flexible with my solutions.

Create a free website with Framer, the website builder loved by startups, designers and agencies.