Back

Sound

[

off

on

]

Background

[

off

on

]

Back

Sound

[

off

on

]

Background

[

off

on

]

Back

Sound

[

off

on

]

Background

[

off

on

]

Back

Sound

[

off

on

]

Background

[

off

on

]

Measurements

Measurements

Measurements

TIMELINE

TIMELINE

TIMELINE

Jan - Oct, 2025

Jan - Oct, 2025

Jan - Oct, 2025

COMPANY

COMPANY

COMPANY

IKEA Kreativ

IKEA Kreativ

IKEA Kreativ

MY ROLE

MY ROLE

MY ROLE

Product UX Designer

Product UX Designer

Product UX Designer

STATUS

STATUS

STATUS

Launched Globally

Launched Globally

Launched Globally

Overview

Overview

Overview

The Measurements project visualizes key sizing information in virtual 3D rooms and help customers make informed decisions in room planning and design.

The Measurements project visualizes key sizing information in virtual 3D rooms and help customers make informed decisions in room planning and design.

The Measurements project visualizes key sizing information in virtual 3D rooms and help customers make informed decisions in room planning and design.

Results

Results

Results

183+

183+

183+

Covered Markets

Covered Markets

Covered Markets

69.63

69.63

69.63

Adoption Rate

Adoption Rate

Adoption Rate

Next up

Next up

Next up

Room Builder

Room Builder

Room Builder

IKEA

IKEA

IKEA

What is IKEA Kreativ?

Kreativ is a multiview 3D home design and shopping tool that lets users place IKEA products in a virtual room and style it freely. Every year, more than 10M customers in 100+ countries use Kreativ to reimagine their dream homes.

Why Measurements?

Accurate and intuitive sizing drives customers' confidence in a 3D design tool. However, until Measurements were launched, Kreativ surfaced little size data, which left customers confused and undermined their trust in the designs.

The PRoblem

The PRoblem

The PRoblem

Visualize measurements in virtual 3D rooms to aid customer design

Visualize measurements in virtual 3D rooms to aid customer design

Visualize measurements in virtual 3D rooms to aid customer design

Customer Needs

Over time, demand for measurement-related features became one of the top voices we heard from customers.

Item Dimensions

Customers want a clear sense of each item's physical size

Product Spacing

Customers want to see item to item/wall spacing for accurate planning

Customers want to view item-to-item gaps for accurate planning

Customers want to view item-to-item gaps for accurate planning

Room Dimensions

Customers need assurance that the digital twins reflect their rooms' dimensions

Users need assurance that digital twins reflect their rooms' size

Users need assurance that digital twins reflect their rooms' size

Introducing

Introducing

Introducing

Measurements

Measurements

Measurements

 Cross-platform Design · Consumer-facing · Global Launch

 Cross-platform Design · Consumer-facing · Global Launch

 Cross-platform Design · Consumer-facing · Global Launch

Design Principles

Early on, I defined design principles to guide the visual exploration, ensuring measurements integrate seamlessly into the Kreativ experience.

Non-Disruptive

Non-Disruptive

Non-Disruptive

Visual style should be subtle and unobtrusive to other elements in the scene.

Visual style should be subtle and unobtrusive to other elements in the scene.

Visual style should be subtle and unobtrusive to other elements in the scene.

Multi-view

Multi-view

Multi-view

The display of measurements should be available in multiple room views.

The display of measurements should be available in multiple room views.

The display of measurements should be available in multiple room views.

Visibility

Visibility

Visibility

There needs to be good contrast between measurements and the room scenes.

There needs to be good contrast between measurements and the room scenes.

There needs to be good contrast between measurements and the room scenes.

Product Dimensions

Product dimensions surface after an item is selected, visualizing the length, width, and height to help users assess how much space it occupies.

Product Dimensions

/

Side View

Multiview

/

Visibility

/

Non-Disruptive

Early Explorations

As it often turned out, it took multiple rounds of trial and error to gradually get things looking right and working reliably.

Pattern 1

Weak 3D Geometry

The first pattern failed to match the items' 3D geometry. It worked fine on rectangular products, but appeared loose on circular and oval items that are common in IKEA catalog.

Pattern 2

Obtrusive Design

In some views, drawing all three dimension lines using this pattern will force at least one of the lines to cut through the item, breaking the non-disruptive principle.

1

/2

Pattern 1

Weak 3D Geometry

The first pattern failed to match the items' 3D geometry. It worked fine on rectangular products, but appeared loose on circular and oval items that are common in IKEA catalog.

Pattern 2

Obtrusive Design

In some views, drawing all three dimension lines using this pattern will force at least one of the lines to cut through the item, breaking the non-disruptive principle.

1

/2

Pattern 1

Weak 3D Geometry

The 1st pattern failed to match the items' 3D geometry. It worked fine on boxy products, but appeared loose on round and oval items that are common in IKEA catalog.

Pattern 2

Obtrusive Design

In some views, drawing all three dimension lines in this pattern will force at least one of the lines to cut through the item, breaking the non-disruptive principle.

1

/2

Pattern 1

Weak 3D Geometry

The 1st pattern failed to match the items' 3D geometry. It worked fine on boxy products, but appeared loose on round and oval items that are common in IKEA catalog.

Pattern 2

Obtrusive Design

In some views, drawing all three dimension lines in this pattern will force at least one of the lines to cut through the item, breaking the non-disruptive principle.

1

/2

A New Direction

Given the drawbacks in each early pattern, I conducted competitive research across 3D products. The bounding box, nearly universal in 3D modeling tools, emerged as a strong direction.

Bounding Box

/

Blender

Bounding Box

/

Spline

Design Iterations

The bounding box plus product dimensions help lock the item’s geometry in place. I removed edges behind the front face to reduce visual clutter. In the meantime, labeled edges were highlighted with solid lines while supporting edges were illustrated with dotted lines to keep the item unobtrusive.

Weak Strong 3D Geometry

Use the arrow keys for navigation

Obtrusive Clean Design

Use the arrow keys for navigation

Poor Good Contrast

Use the arrow keys for navigation

1

/3

Weak Strong 3D Geometry

Use the arrow keys for navigation

Obtrusive Clean Design

Use the arrow keys for navigation

Poor Good Contrast

Use the arrow keys for navigation

1

/3

Weak Strong 3D Geometry

Use the arrow keys for navigation

Obtrusive Clean Design

Use the arrow keys for navigation

Poor Good Contrast

Use the arrow keys for navigation

1

/3

Weak Strong 3D Geometry

Use the arrow keys for navigation

Obtrusive Clean Design

Use the arrow keys for navigation

Poor Good Contrast

Use the arrow keys for navigation

1

/3

Product Spacing

Product spacing appears on hover, separating it from product dimensions via a different interaction, which keeps the scene clean. It shows the item's gaps to surrounding objects so users can gauge clearance.

Product Spacing

/

Top View

Multiview

/

Visibility

/

Non-Disruptive

Design Iterations

In parallel, I led multiple iterations to explore design patterns, holding to the same principles and ensuring users can clearly differentiate product spacing and product dimensions.

V 1.0

Low Visibility

The 1st pattern adopted a lightweight design that outlined labels with a white stroke, but it showed low visibility in bright environments.

Low Visibility

The 1st pattern adopted a lightweight design that outlined labels with a white stroke, but it showed low visibility in bright environments.

Low Visibility

The first pattern used a lightweight design that outlined labels with a white stroke, but it showed low visibility in bright environments.

Low Visibility

The first pattern used a lightweight design that outlined labels with a white stroke, but it showed low visibility in bright environments.

V 2.0

Contrast-safe Labels

The 2nd version added a background to labels for better contrast; I also used a blue color to distinguish them from product dimensions.

Contrast-safe Labels

The 2nd version added a background to labels for better contrast; I also used a blue color to distinguish them from product dimensions.

Contrast-safe Labels

The second pattern added a background color to labels for better contrast; I also used blue to distinguish them from product dimensions.

Contrast-safe Labels

The second pattern added a background color to labels for better contrast; I also used blue to distinguish them from product dimensions.

Room Dimensions

Due to technical limitations, room dimensions are only available in dollhouse and top-down views. It shows the lengths of the room's main wall segments so that users can compare the model with their real space.

Room Dimensions

/

Dollhouse View

Multiview

/

Visibility

/

Non-Disruptive

Mobile Design

After establishing the web design, I applied the same patterns to mobile for consistency, where it also performed well on smaller screens.

Product Dimensions

/

Close-up View

Product Spacing

/

Close-up View

Room Dimensions

/

Top-down View

1

/3

Product Dimensions

/

Close-up View

Product Spacing

/

Close-up View

Room Dimensions

/

Top-down View

1

/3

Product Dimensions

/

Close-up View

Product Spacing

/

Close-up View

Room Dimensions

/

Top-down View

1

/3

Product Dimensions

/

Close-up View

Product Spacing

/

Close-up View

Room Dimensions

/

Top-down View

1

/3

Results

In major IKEA markets, a pilot test with 6,000+ customers showed strong signals on adoption and CSAT; Based on this, we rolled out measurements globally in October 2025.

Measurements Adoption Rate

Out of 6,262 tested customers

CSAT in Control Experiments

Out of 2,607 voting customers

Customer Feedback

Across the pilot and post-launch, we received positive feedback from global customers, expressing appreciation for how Kreativ and measurements had transformed their room design and planning experience.

This is a good app :D

This is a good app :D

This is a good app :D

User from Netherlands

User from Netherlands

User from Netherlands

Aug 12, 2025

NE

NE

NE

I love this IKEA room designer!

I love this IKEA room designer!

I love this IKEA room designer!

User from Canada

User from Canada

User from Canada

Aug 23, 2025

CA

CA

CA

Nothing to improve, excellent tool

Nothing to improve, excellent tool

Nothing to improve, excellent tool

User from Germany

User from Germany

User from Germany

Sep 15, 2025

GE

GE

GE

More Projects

Theme Designer

Microsoft

|

2023

Review Center

IBM

|

2021

@ 2026 Xi Pang All Rights Reserved.

@ 2026 Xi Pang All Rights Reserved.

@ 2026 Xi Pang All Rights Reserved.

@ 2026 Xi Pang All Rights Reserved.