Room Makeover Preview
Design a room visualization tool that helps renters test decor choices, compare combinations, and shop with realistic scale information.
The brief
Understand the problem
Background
Decor products are difficult to judge from isolated catalog images. Camera previews can support decisions, but inaccurate scale, lighting, and color may create misplaced confidence.
User context
Theo rents a small living room and wants to test a rug, curtains, and wall color without making permanent changes. He has a strict budget and cannot block the only doorway.
Product problem
The tool must help Theo establish room dimensions, understand preview limitations, and compare coordinated options without prescribing one aesthetic answer.
Objective
Create the room capture, item placement, comparison, and shopping handoff experience.
What to design
Define the experience
Required experience
- Room setup and measurement
- Place and adjust decor items
- Compare versions and inspect product fit
Screens and states
- Room capture guidance
- Interactive room preview
- Version comparison
- Product details and list
Core user flow
Follow the critical path
- 01
Theo captures the room and confirms scale
- 02
He places a rug and adjusts its size
- 03
He saves two color combinations
- 04
He reviews dimensions, price, and retailer information
Product rules
Requirements and constraints
Requirements
- Display scale confidence
- Allow move, rotate, resize, replace, and undo
- Keep a running budget
- Separate visual approximation from verified product dimensions
Constraints
- Camera measurements may be inaccurate
- Screen color differs from physical material
- Some catalog items lack usable models
Reality check
States worth considering
Ready-to-use content
Mock data
Use this content to test hierarchy and realistic data states. You can expand it when the concept needs more depth.
Room plan
- Wool rug, 160 by 230 cm, $240
- Linen curtain pair, 220 cm drop, $118
- Warm clay wall sample, $9
Finish line
What to deliver
- Four mobile or tablet screens
- A comparison view for two saved room versions
If you want more
Optional extensions
Optional direction
Visual resources
Use these as a starting constraint if you want one. They are not part of the required solution.