Interio

A Visualization Tool for Personalized Interiors

Project Background

Interio is an AR-based space design tool that helps users visualize furniture and layouts in their own home before buying. Built as a class project, this tool blends intuitive UI with spatial accuracy—empowering confident purchase decisions through immersive design.

My Role
Design System
UI Design
Prototyping

Advisors
Wenting Zhang

Team
2 Product Designers

Timeline
Jan '24 - May ‘24

Project Context (Brief)

A lot of users struggle to imagine how furniture will look and fit in their actual home environment. The goal of Interio was to simplify that experience and create an interface that feels intuitive, lightweight, and helpful.

Visual Showcase

A full showcase of Interio’s final UI — from onboarding to furniture selection, demonstrating a polished, user-friendly interface.

Design System 📐

Built a scalable and consistent design system featuring reusable components, a clear visual hierarchy, and a warm, modern aesthetic—ensuring consistency across every interaction and screen.

Token Architecture 🧩 ️

Three-tier structure: brand → alias → mapped. Separates raw values, semantic meaning, and UI usage for clean, scalable design.

Brand Tokens 🎨

Core values like color scales, typography, and spacing — the visual foundation of the system.

Typography Styles 🔠

Responsive heading and body styles built for readability across devices.

UI Primitives 🧱

Base components like buttons and fields, styled with tokens for consistency and theming.

Component Compositions 🔁

Larger components built from primitives using instance swaps, toggles, and variants.

Built with instance swaps, boolean toggles, and nested variants — making components flexible, reusable, and easy to update.

Prototype 🖥️

A short demo showcasing key UI interactions like theme suggestions, color switching, and object rotation.

1. AI Scene Switcher ✨

Transform your space in a tap. Interio suggests full-room layouts tailored to themes like Calm, Earthy, or Fun, helping users visualize curated styles instantly.

2. Quick Color + Add 🛋️

Easily explore furniture variations. Users can switch colors mid-browse and place items directly into their space, no back-and-forth required.

3. Object Rotation in Place 🔄

Rotate furniture in real-time with smooth, intuitive gestures to find the perfect angle and fit, fine-tuning your design with ease and precision.

How Did We Reach Here?

Curious about the research process that informed Interio?
👉 View Our Research Deck

More Projects

Solmate

A renter-first platform simplifying access to community solar with real-time impact, collective savings, and climate joy.

View Case Study
Progress card showing 20% completion and 10-day health streak in PillPro appMedication checklist for the morning with pill names and intake instructions in PillPro app

PillPro

A medication tracker that eases post-discharge confusion, improves clarity, and puts care back in patients' hands.

View Case Study

Seeing AI

Reimagining the grocery experience for blind shoppers—navigating aisles, reading products, and making decisions with independence.

View Case Study