Collaborated with furniture retail "Overstock" for the Labor Day sales marketing event. (Beta Launch recording)
From 0 to 1
This outlines the development of the 'Changing Colors' feature, from early wireframes to refined mockups and final implementation in close collaboration with the front-end engineer.
Project Timeline
Why We Built It?
Replacing Costly Photo Setups with an Immersive 3D Solution for Online Retail
Furniture retailers rely on costly, time-consuming showroom setups and photo shoots for every product launch. IN3D Showroom offers a scalable 3D solution that streamlines product display, lowers production costs, and boosts customer engagement through immersive, e-commerce-ready experiences.
💭 How Might We…
Design a 3D virtual showroom that balances innovation with ease of use, inspiring users while driving purchase decisions?
Define & Develop
Defining User Flow
Aligned on key user journeys, clarified feature priorities
Building on the previously defined user and business goals, I led user flow sessions to help the team shape the overall structure of the project. Through multiple discussions and collaborative iterations, we aligned on key user journeys, clarified feature priorities, and ensured the experience met both user expectations and business needs.
Iterating through wireframes to refine ideas before development.
Wireframes and prototypes helped align the team and clarify the stakeholder’s vision. I led UI design from concept to execution, creating a style that fit the 3D showroom and delivered high-fidelity mockups.
Click images to see more details. 👀
Design System
Building for Scalability and Collaboration
Collaborating with front-end engineers, I developed a parametric UI system that allows for easy adjustments to styles, colors, typography, and layouts. This improves consistency and scalability for future brand implementations.
Feature 1
Interactive Furniture Customization
Users can now customize item colors, sizes, and styles in a more intuitive interface. This new design, a collaboration with the 3D team, streamlined the process by reducing clicks and improving clarity based on user feedback.
Feature 2
Onboarding Experience
Based on user testing that showed high bounce rates, I redesigned the onboarding process from a full-screen tutorial to a simplified instruction card. This change reduced onboarding drop-off from over 80% to 50%.
V.1 Lunched with a full-screen onboarding tutorial. While informative, it caused cognitive overload and led to high user drop-off.
V.2 Simplified to a two-step tutorial focusing on key features. Though more concise, it still felt heavy and interrupted the showroom experience.
V. 3 Final design: a lightweight instruction card appears at entry, with a help icon in the corner providing full access to a detailed tutorial for users who need it.
Feature 3 (Unreleased)
AI Stylist Assistant
Designed a mockup for an AI chat-based avatar assistant that helps users find products through natural conversation, paired with a modern, refined interface to enhance personalization and engagement.
A newly designed UI style was introduced to modernize the interface, making the product feel more current and visually engaging while maintaining usability.
Validating Design Through Cross-Team Feedback
I invited volunteers from other departments to test the product before launched. Their feedback revealed usability issues and helped refine the interface to ensure clarity for first-time users.
Validating and Refining with Stakeholders
Explored interaction ideas and shared them with stakeholders for feedback. This collaborative process helped align expectations, validate key decisions, and fine-tune the product before final implementation.
Learn From Users
After the beta launch, we were able to receive clear images of our true users. Get the most out of users
FullStory Session Recordings
Never Stop Iterating & Beyond
Following a successful launch, IN3D Showroom has continued to scale across multiple clients and industries. After our collaboration with Overstock, the product was adopted by new partners including Inspire Q, a Chicago-based furniture retailer, and EC-Life, Taiwan’s largest home appliances chain. With a solid UI foundation in place, I was able to adapt the interface to meet each brand’s unique visual style—proving the system’s flexibility and maturity as a scalable design solution.
The Wrap Up
Self-Review & What I Learned
✦ Cross-Functional Collaboration
This was a stakeholder-driven project, and I learned how to balance user needs with business goals and translate both into product decisions. I also gained experience in presenting design concepts clearly and persuasively to stakeholders unfamiliar with UX.
✦ Communication with Engineers
I made it a priority to involve engineers early when exploring product ideas. Their input was essential for ensuring design feasibility and helped me better understand the technical constraints and possibilities.
What I Would Improve Next Time
✦ Deepen Technical Knowledge
I would invest more time learning the basics of 3D technologies like Unity or Unreal Engine 5. This would help me communicate more effectively with the 3D team and find feasible design solutions within technical constraints.
✦ Better Adhere WCAG standards for accessibility
I would proactively follow WCAG guidelines earlier in the design process to ensure the product is accessible to a wider range of users. This includes improving color contrast, text readability, keyboard navigation, and overall inclusive interaction design.