A Visualization Tool for Personalized Interiors
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
A full showcase of Interio’s final UI — from onboarding to furniture selection, demonstrating a polished, user-friendly interface.
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.
Three-tier structure: brand → alias → mapped. Separates raw values, semantic meaning, and UI usage for clean, scalable design.
Core values like color scales, typography, and spacing — the visual foundation of the system.
Responsive heading and body styles built for readability across devices.
Base components like buttons and fields, styled with tokens for consistency and theming.
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.
A short demo showcasing key UI interactions like theme suggestions, color switching, and object rotation.
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.
Easily explore furniture variations. Users can switch colors mid-browse and place items directly into their space, no back-and-forth required.
Rotate furniture in real-time with smooth, intuitive gestures to find the perfect angle and fit, fine-tuning your design with ease and precision.
Curious about the research process that informed Interio?
👉 View Our Research Deck
A renter-first platform simplifying access to community solar with real-time impact, collective savings, and climate joy.
A medication tracker that eases post-discharge confusion, improves clarity, and puts care back in patients' hands.
Reimagining the grocery experience for blind shoppers—navigating aisles, reading products, and making decisions with independence.
