Shopping with Your Digital Twin: Rapid UX Upgrades & Skybox Worlds
An AI-generated avatar shopping experience that lets users shop with a digital version of themselves in an immersive 3D environment.
Phase One | Quick UX Changes
Current Experience
Updated Experience
🌀 Two Flows: Auto vs. Advanced
We designed two user flows: Auto and Advanced.
The Auto Flow—or as I like to call it, the "One Click Wonder"—lets users simply paste in their business link. The AI then generates a custom avatar, curated welcome messages, and tailored shopping cards based on its analysis of the site content.
Advanced Flow let's user pick out key features or tools to customize the avatar and space in. I renamed this flow to "Builder Mode"
Along the way, we identified several quick UX fixes to streamline the experience, which are currently being implemented to improve clarity, reduce friction, and guide users more intuitively through avatar creation and product setup.
Goal:
Improve onboarding, navigation, and purchase flow to reduce user friction and prepare the platform for scalability.
⏩ Quick UX Changes
We had a short turnaround time to make quick UX changes, so we focused on redesigning the final page—our "One Click Wonder" flow—to fit all key options onto a single screen. We refined the visual design and updated the CTA to better guide users toward exploring the full product experience.
🔀 Quick UX User Flow:
👥 Two Audiences, Two Experiences
A core challenge was designing for two distinct audiences:
The Business Owner – This is the primary user of our tool. They’re setting up their AI avatar, uploading products, and customizing the look and feel of their virtual shopping assistant. Their priorities are ease of setup, brand alignment, and quick onboarding—hence the need for our Auto and Advanced flows.
The End Customer – These are the shoppers visiting the business’s site, often on their phones. They interact with the AI avatar via a mobile-friendly interface, asking questions, exploring products, or getting recommendations in real time. For them, the focus was intuitive UI, fast load times, and a smooth mobile experience that feels natural and engaging.
Designing both sides of the experience meant balancing setup complexity for business users with simplicity and delight for end customers—two very different, but equally important, UX goals.
🔧 UX Updates
Before: Users struggled to understand how to initiate avatar creation or preview items on avatars.
After: Simplified the flow with step-by-step onboarding, microcopy enhancements, and progress indicators.
✅ Key Changes:
Converted confusing modals into a linear flow with status feedback.
Layout increase and sticky preview instead of scroll bar on left-hand side.
Quick turn-around Visual Design updates with sleeker look and utilizing space.
Result:
Reduced drop-off by 30% during avatar setup and increased time spent exploring the shop world.
