Valueguard

Making property valuation easier to navigate




Overview

I redesigned Värderingstjänst, the property valuation service from Valueguard, to better support real estate professionals' daily work. Valueguard has published the quality-adjusted HOX® price index for Swedish properties since 2005. Its valuation platform needed a full redesign and updated technology.


  • My contribution

    • UX Research
    • UX Design
    • UI Design
    • Design System
    • Prototyping
    • Graphic Design
    • Product Strategy
  • Team

    • 1 x Lead Product Designer ✦
    • 1 x Chief Production Officer
    • 1 × Senior Engineer
  • Tools

    • Figma
    • React
    • Hotjar
  • Year

    • 2024

AfterBefore
The Valueguard interface, before and after the redesign.

Context

Valueguard's valuation service holds detailed data on every property sold or listed in Sweden, with search, filtering, and market trend tools for agents.

I worked alongside Stefan Walet, Valueguard's Chief Production Officer, and Caroline Gard, a senior developer at Mpya Digital, on the UX and product design.

Early wireframes exploring a more adaptable layout.

Problem

The platform had grown over years without dedicated UX support and was difficult to use. Through conversations with Valueguard's top clients, I identified four issues:

Layout customization based on user preference.

Users also ranged from power users relying on every feature to occasional users sticking to the basics, so the redesign had to work for both.

Approach

Our focus was personalization, adjustable layouts, and shortcuts and touch gestures for frequent users.

Search with smart filters and relevance weighting.

Stefan Walet, Caroline Gard, and I mapped every part of the platform across a series of workshops, from screen layouts to map filters, refining the core flows:

A full user flow, from login to report generation.

Those flows informed five layout principles:

  1. Support agents managing multiple client projects at once.
  2. Let users show, hide, expand, and collapse panels to switch between map and list views.
  3. Keep filters compact but easy to reach and adjust.
  4. Put report generation one click away from anywhere in a project.
  5. Prioritize the map on mobile.

Outcome

Together, we built a working React prototype to test realistic tasks. I used Hotjar to observe how Valueguard's team navigated the interface.

The responsive mobile layout.

Testing challenged the team's initial concerns about two controls: users found the top-right filter button and understood how to expand and collapse the side menu without instructions.

Several rounds of feedback helped me refine the design before it moved into full development.

Hotjar heatmaps showing interaction patterns on the new interface.

Reflection

Working on an established product taught me to prioritize changes that helped agents in their daily work: saving time, making information easier to find, or giving them more control.


View live prototype