Anna Iarinovskaia

Digital Product Designer

Case study

Configurator

A tool that helps asset managers explore renovation scenarios, improve energy efficiency, and optimize investment costs.

01 / Overview

The report that became a tool

The Energy Measures Configurator helps asset managers explore renovation scenarios, weigh trade-offs, and optimize investment costs - instead of reading a static report and closing the tab.

What started as an experimental feature hypothesis became the most-used part of the platform, and eventually a standalone product experience with its own place in the main navigation.

Timeline
3–4 Months
Scope
UX/UI design
3D modelling
User research & testing
Information architecture
Team
Product Manager
Developers
Energy / ESG
Product Designer (me)

02 / Problem

Static reports, no flexibility

Asset managers could only download a static renovation report with predefined packages. It was informative once, but rigid - there was no way to explore a different mix of measures, test a "what if," or see how a decision actually moved the numbers.

The result: engagement ended the moment the PDF downloaded. Users were making renovation decisions off a document they couldn't interact with.

The static Energy Light Report - a predefined, non-interactive renovation report users previously relied on
The static Energy Light Report

03 / Research & Insights

Tested with real users, not just assumptions

I ran internal workshops with the energy team to map the full scope, then validated a prototype in two usability tests.

„Das ist genau das, was ich gebraucht habe."

Session 1

„Alles super selbsterklärend."

Session 2

Testing surfaced several gaps to address in the next iteration:

  • Pricing wasn't transparent enough for informed decisions.
  • Energy metrics needed more granularity.
  • Export functionality was expected but absent.
  • Intuitive flow had to survive rising data density.

04 / Design Evolution

  1. V0 First concept

    An early exploration before anything was built. The 3D building model was already central to the vision - users could tap a measure to select it - but interface and data feedback were minimal. This concept set the direction for everything that followed.

    V0. early concept exploring the 3D building as an interactive way to select renovation measures
    3D building as an interactive measure selector.
  2. V1 First shipped version

    Users could select renovation measures and see the impact on a 3D model or in a cost/energy table. This made the trade-offs tangible for the first time - but the configurator still lived inside the property detail page, one feature among many.

    V1. first shipped configurator inside the property detail page, with cost and energy impact shown per measure
    Measure selection with cost and energy impact.
  3. V2 Standalone configurator

    The configurator became a core feature in the portal, with a dedicated place in the navbar and views for 3D, costs, ROI, energy data, and decarbonization. A fixed panel keeps selected measures visible, while transparent cost breakdowns address the pricing gap identified in research.

    V2. standalone configurator's 3D view tab, with the measures panel and cost/ROI summary persistently visible
    3D, cost, ROI, energy, and decarbonization in one place.

05 / Impact

80%

Monthly engagement

About 80% of users with access to the Configurator engaged with it regularly on a monthly basis, tracked through Pendo. This directly addressed the engagement problem of the previous report experience.

10

New paid conversions

The Configurator became the feature most frequently requested by customers, based on recurring feedback from sales, and directly contributed to 10 new paid conversions.

Static to interactive

The project changed how we thought about the product - from delivering static reports to building interactive tools that let users explore scenarios and plan independently.

06 / Reflection

The hardest part of this project wasn't visualising complex data. It was deciding when users needed the detail and when they needed the bigger picture.

Working on the configurator taught me to treat information hierarchy as a product decision, not just a UI decision.

The final experience balanced exploration with analysis - giving users enough freedom to ask "what if?" while making the consequences of each decision understandable.

01 / Overview

From properties to portfolios

The platform originally focused on individual properties. I designed a portfolio-level experience to help asset managers understand overall performance, compare strategies, and identify where to act first.

The work connected existing property and renovation data into a clear Current State, Strategy, and Roadmap — shifting the experience from analyzing individual assets to making portfolio-level decisions.

Timeline
3 Months
Scope
UX/UI design
Research
Information architecture
Testing
Team
Product Manager
Developers
Product Designer (me)

02 / Problem

No signal on where to act

Without a portfolio view, users had no way to assess overall performance or know where to act first. Every decision required individually analyzing each property, increasing cognitive load and slowing down the workflow significantly.

The portal's live map view - property pins with no health signals or prioritization
One map, all properties - no portfolio structure.

03 / Hypothesis & Constraints

A portfolio view only creates value if it tells users what to do next - not just where things stand.

Hypothesis

Shifting to a portfolio-centric view with actionable insights would enable faster, more confident decisions and drive better portfolio performance overall.

Constraints

Limited user data and tight timelines meant we couldn't rely on collected evidence. Instead, we built a prototype grounded in assumptions and prioritized rapid testing to validate our direction quickly.

04 / Exploration

Early concepts explored multiple tabs across finance, energy, and construction - a natural starting point for a platform managing multi-dimensional assets. But presenting all dimensions at once added cognitive weight and relied on incomplete data sources.

We narrowed scope to the two areas that mattered most and were best supported by available data: Current State (portfolio health) and Strategy (actionable roadmap).

Whiteboard mapping how a portfolio view would connect to existing property and configurator data
Mapping how a portfolio view would connect to existing property and configurator data

05 / Key Finding

Users valued prioritization over more data

The portfolio and strategy features were validated through 8 user testing sessions with asset managers.

The roadmap and strategy view consistently emerged as the most valued feature - appreciated for giving a clear starting point rather than presenting all data at once.

Testing sessions tracked in a Notion database
Testing sessions tracked in Notion

06 / Final Solution

  1. 01 Portfolio Health

    High-level KPIs and summary indicators give immediate insight into overall portfolio performance. Users can assess health without drilling into individual properties.

    Portfolio current state - KPIs, energy efficiency class, and heating type at a glance
    Portfolio health - KPIs, energy efficiency class, and heating type at a glance
  2. 02 Strategy

    Three strategies were offered for the portfolio: Stranded Asset Schutz (low cost), Smart Retrofit (cost-to-impact), and Beste Klasse (maximum improvement), giving users different approaches based on their priorities.

    Portfolio strategies - three scenarios compared by cost, funding, energy and CO2 savings
    Three portfolio strategies compared by cost, funding, energy, and CO₂ savings.
  3. 03 Roadmap

    Properties are ranked by improvement potential, giving users a clear sequence for where to act first. This reduces manual analysis and turns portfolio data into an actionable starting point.

    Strategy roadmap - properties ranked by High, Medium, and Low priority
    Strategy roadmap - properties ranked by High, Medium, and Low priority
  4. 04 Configurator

    The roadmap connects to the configurator so users can fine-tune renovation measures for individual properties and see how those changes affect the wider portfolio.

    Strategy · energy improvements - per-property configurator connected to the portfolio roadmap
    Per-property configurator connected to the portfolio roadmap.

07 / Product Evolution

Before

  • Simple list of individual properties
  • No cross-portfolio view or health signals
  • No prioritization - every property felt equal
  • Decisions required manual analysis of each asset
  • High cognitive load, fragmented workflow

After

  • Portfolio health overview with KPIs at a glance
  • Strategy scenarios showing clear trade-offs
  • Actionable roadmap with ranked properties
  • Configurator integration for per-property tuning
  • Decisions grounded in prioritization, not raw data

08 / Reflection

Good portfolio design isn't about showing more data. It's about helping users understand what matters.

This project taught me that portfolio design is most valuable when it guides prioritization - helping users know where to start and what to act on next.

Focusing on Current State and Strategy helped me validate the direction quickly within real data constraints.

01 / Overview

From sales-led setup to self-serve signup

The platform helps users manage and analyze property energy data. Previously, onboarding happened entirely outside the product — a sales team walked each user through setup before handing over access.

With the shift to a freemium model, users could now sign up and begin independently. But the product wasn't ready to receive them — new users arrived at an empty dashboard, with no indication of how to get started or unlock value.

Timeline
1 Month
Scope
Product strategy
UX/UI design
User research & testing
User flows
Team
Product Manager
Developers
Product Designer (me)

02 / Problem

The product didn't tell users where to start or how to reach value

Users signed up without a clear path to their first meaningful action. The empty dashboard gave them no direction, while creating a property, the key step to unlocking the product's value, was not made clear.

03 / Goal

Onboarding shouldn't explain the product — it should drive users to create their first property.

Guide users to their first meaningful outcome — creating a property.
Reduce confusion and drop-off immediately after signup.
Support incomplete data scenarios without blocking progress.
Keep flexibility — different users arrive with different contexts.

04 / Approach

  1. 01 Action-driven onboarding

    Replaced passive onboarding tours and tooltips with a goal-oriented property creation flow. Instead of explaining what the product does, users immediately do the thing that reveals it.

    Property address entry step of the onboarding flow
    Property address entry step
  2. 02 Design for incomplete data

    Users can save as a draft, skip a step, or come back later. Nothing in the flow is a hard gate on reaching the dashboard.

    Design for incomplete data step
    Save as draft and skip step states
  3. 03 Onboarding extends into the dashboard

    The dashboard homepage itself continues the onboarding, guiding the user toward their next action instead of handing off to an empty screen once setup ends.

    Dashboard homepage before — empty screen once setup ends
    BeforeUsers reached an empty dashboard with no clear next step.
    Dashboard homepage after — guides the user toward their next action
    AfterThe dashboard guides users toward the next action.

05 / Impact

Faster path to first value

Users move directly from signup to creating their first property — the action that unlocks the product's core value.

More flexible onboarding

Users can save their progress, continue later, or skip ahead, making onboarding work with different levels of readiness and available data.

Self-serve by design

The new flow reduced reliance on manual setup and created a scalable foundation for the platform's move toward self-serve adoption.

06 / Reflection

Good onboarding isn't about explaining everything. It's about getting users to their first meaningful action.

This project taught me that onboarding is part of the product experience, not a layer added on top. Focusing the flow around creating a first property helped users reach value without being overwhelmed.

Designing for incomplete data also showed me how progress can replace blockers — letting users move forward and return later.