Planor app screenshot
Retail · B2B SaaS · Web

Designing the tool that understands your room before recommending what goes in it.

Role
Founder & Lead UX Designer
Platform
Web - embedded, white-label
Tools
Figma, HTML prototyping, Claude
Status
Live pilot - Australian furniture retailers
Take me to the website  →
01 - Project Overview

The market gap in one line

Over 80% of furniture shoppers abandon their cart. Not because of price - because of uncertainty.

Existing visualisation tools work post-selection. They show how a piece looks in your room after you've already chosen it. Planor solves the harder problem - pre-selection. What should I even be looking at?

Planor is a white-label tool embedded inside furniture retailers' websites. It reads the customer's room, learns their personality, lifestyle and budget, then recommends products from the retailer's own catalogue that genuinely belong in that space. The retailer's brand stays front and centre. Planor is invisible infrastructure.

02 - The UX Challenge

Build a flow that works for real-world complexity

  • A shopper with five pieces in one style who wants to add two in another
  • No defined aesthetic
  • A budget, and a room photo
  • They need to reach checkout without ever feeling like they're using a tool
03 - User Research
Research

12 furniture shoppers  ·  recently purchased or browsed online  ·  concept validation interviews

The consistent pattern wasn't price hesitation. It was confidence failure.

"I spent three weeks looking at sofas. I bought one, it arrived, and the colour was completely wrong for the room."
"I don't know my style. I just know what I like when I see it. Something that could tell me what I like based on what I already have would actually be useful."

Two non-negotiable principles emerged directly from these conversations:

01

Room analysis before any recommendations - never the other way around.

02

Style selection must be visual - shoppers who couldn't name their aesthetic could always recognise it.

User Flow

Entry

Retailer website

Planor embedded. Retailer brand visible throughout.

Step 01

Onboarding survey

Budget · lifestyle · personality · 3 steps

Style as photography, not labels

Step 02

Room upload + AI analysis

Detects existing furniture · reads room style · matches to survey

Personalised from result one

Step 03 most iterated

Furniture actions

Adjust budget · remove or replace items · add new pieces

Remove furniture or remove all

Add furniture

Step 04

Live canvas

Place matched products into room photo · adjust · price visible throughout

UI screens

Step 01 Budget modal - step 1 of 3

The onboarding survey opens as a modal overlay on the retailer's existing page - three steps: budget, lifestyle, personality. Appearing before the room upload, it ensures every recommendation that follows is personalised from the first result. Budget is set here and tracked visibly throughout the entire canvas experience.

Lifestyle modal - step 2 of 3

Lifestyle profiles replace generic checkbox lists. Real photography - cinematic, city living, entertaining, family life, pet friendly - lets shoppers self-identify without needing to interpret category labels. This decision came directly from research: shoppers who could not name their style could always recognise it.

Step 02 Upload a photo of your room

The room upload screen. Three photo tips - good lighting, wide angle, from the doorway - are surfaced contextually rather than hidden in a help section. The upload happens at step 2, after the survey, so the analysis that follows is enriched by what the system already knows about the person.

The analysis screen. A purple scanning bar moves across the uploaded room photo while the system detects the dominant interior style, existing furniture, lighting, and spatial characteristics. This moment was designed to feel like the tool is genuinely reading the room - not simply processing a file.

04 - Key Design Decision - Furniture Actions
Step 03 Furniture matched - Add and Remove furniture

The furniture actions screen - the most iterated part of the entire flow.

The furniture actions screen was the most iterated part of the entire flow. Early versions offered two states: replace everything or keep everything. Research made clear that real shoppers live in between - they want to keep most of what they have and swap one or two specific pieces, sometimes in a completely different style.

The final design splits this into two explicit panels: Add furniture, where shoppers browse new categories to bring in, and Remove furniture, where existing pieces detected by the AI can be cleanly removed before the canvas opens. A budget adjustment module sits below both panels, allowing spend to be recalibrated mid-flow without going back to the beginning. The matched products count updates in real time at the bottom of the screen.

Step 04

The room editor - the primary workspace. Matched products appear in a panel on the left with real product photography and prices. The shopper drags models directly into their room photo and positions them spatially. Export Image and Checkout Room sit persistently in the top bar - the end action is always visible, never buried. The retailer's brand tag appears top left throughout; Planor does not appear at all.

About the tool - Design Tips

The design tips feature - contextual material and care advice surfaced as hover hotspots directly on the room photo. Each tip is anchored to the object it refers to: a leather sofa triggers a pet-scratch warning, a rug near a fireplace triggers a safety notice. Tips appear on hover, not in a separate panel, so they feel like guidance rather than interruption.

05 - Key Design Decisions
  • - Survey before upload. By the time the room is analysed, the system already knows the shopper's budget, lifestyle, and personality. The recommendations that follow feel matched, not generic.
  • - Style as detection, not selection. The shopper does not pick a style from a dropdown. The system reads the room and tells them what they already have - then asks if they want to keep it, change it, or mix it.
  • - Real photos for lifestyle and style. Every label that could be abstract is replaced with a real image. Shoppers who cannot name their style can always recognise it.
  • - Three furniture actions. Add new pieces, remove specific existing pieces, or remove all. This covers every mixed-style scenario a real shopper walks in with.
  • - Price visible at every step. Budget is set in the survey, shown on matched products, displayed on each placed item in the canvas, and summarised at checkout. There is no moment where a shopper loses track of what they are spending.
  • - White label throughout. The retailer's branding appears at every stage. Planor is never visible to the end shopper.
06 - Success Metrics
Pilot metrics - 30-day cohort in progress

Pilot data from the first two Australian retailers will be published after the initial 30-day cohort.

30%
Session Adoption

30% of the retailer's customers used Planor during their shopping session.

5 Sofas
High-Consideration Sales

5 sofas sold - high-consideration purchases that typically see the longest decision cycles and highest return rates in furniture retail.

Faster Decisions
Purchase Confidence

Purchase confidence visibly increased - retailer reported customers arriving at decisions faster and with less hesitation than expected for a brand new store.

"Easy to use"
Retailer Feedback

"It's easy to use" - direct retailer feedback on customer response to the flow.

07 - Lessons Learnt

Founder bias is a real design risk.

When you build the product, you already know how it works. That familiarity makes it easy to skip steps that confuse first-time users. The pilot reminded me that what feels intuitive to the person who designed it is not always intuitive to the person using it for the first time.

Five steps is already a lot to ask.

The flow works. But every additional step between a shopper and checkout is a potential exit point. Version two will look at compressing the onboarding survey and room upload into a single entry moment rather than two sequential screens.