AUDREA GUO

®2024

AUDREA GUO

®2024

A personalized AI stylist designed for SpreeAI’s AI-powered virtual try-on platform, using a Conversational User Interface to deliver tailored fashion recommendations.

A personalized AI stylist designed for SpreeAI’s AI-powered virtual try-on platform, using a Conversational User Interface to deliver tailored fashion recommendations.

Overview

For this project, we’ve partnered with SpreeAI, an innovative platform revolutionizing the virtual try-on experience. SpreeAI is dedicated to offering users a convenient and sustainable way to try on clothing virtually, helping them discover new styles and refine their wardrobes. But how can we elevate this experience and make it even more intuitive, personalized, and engaging? Meet Mira, an AI-powered smart virtual stylist. Mira not only enhances the virtual try-on process but also learns and defines a user’s unique style, curating a virtual wardrobe that evolves with their preferences. Together, we offer users a truly transformative and personalized fashion experience!

Role

Design Lead Motion Designer UX Researcher

Year

2024 2 month

Client

SpreeAI

Tool

Adobe After Effect Adobe Illustrator Adobe Photoshop Figma

COLLABORATORS

1 UX DESIGNER 2 UX RESEARCHERS

Take a Photo and Start a Guided Virtual Try-on With MIRA

Take a Photo and Start a Guided Virtual Try-on With MIRA

  • Visual and Voice-Based Guidance

  • Hands Free Experience

  • Photo Realistic Try-on

Custom Presets, More Flexibility, Less Exposure

Custom Presets, More Flexibility, Less Exposure

  • Quick Access

  • No full-body photo needed

  • Inclusive of Body Sensitivity

Choose Your Favorite Mira: Stylist with a Dash Of Personality

Choose Your Favorite Mira: Stylist with a Dash Of Personality

Collaborate With Mira and Discover Your Style


Collaborate With Mira and Discover Your Style


  • Tailored Recommendation

  • Emotional Connection

  • Save Hours of Shopping Across Different Sites

Solution Impact
Solution Impact
Research Overview

Projected impact by streamlining the shopping experience and enabling more accurate, AI-driven product selection.

40%

Conversation
Rates

25%

Order
Value

19%

Product
Return

Research Overview
Research Overview

Through collaboration with SpreeAI, competitor analysis, literature review, and interviews, we examined the platform’s values, benefits, and challenges, identifying opportunities for MIRA to integrate and support SpreeAI’s future growth.

Our Focus
Our Focus
Design Principle

For Mira we created design principles to establish a clear, cohesive framework that guides decision-making throughout the design process. These principles ensure consistency, align with SpreeAI's needs and goals.

Design Principle

For Mira we created design principles to establish a clear, cohesive framework that guides decision-making throughout the design process. These principles ensure consistency, align with SpreeAI's needs and goals.

Design Principle

For Mira we created design principles to establish a clear, cohesive framework that guides decision-making throughout the design process. These principles ensure consistency, align with SpreeAI's needs and goals.

Why Personality
Who is SpreeAI
Why Personality

We created Mira with distinct personalities to make the shopping experience more engaging, personalized, and interactive. By introducing a spirit-like presence, the AI builds trust, understands user preferences, and delivers tailored fashion recommendations aligned with SpreeAI’s vision for intuitive shopping.

Why Personality
Who is SpreeAI
About Extensibility

SpreeAI aims to integrate seamlessly with partner brands through a white-label experience. Mira was designed to be adaptable, enabling brands to customize its personality to fit their identity and audience.

Journey Map
Journey Map

By examining customer pain points, we created a user journey map to identify opportunities for integrating conversational UI (CUI) into the existing flow and personalized stylist experience. We then developed storyboards and scripts to illustrate interactions with different CUI personalities.

Design System
Design System

Maintaining stylistic consistency, we aligned Mira's visual system with Spree AI's established design aesthetic.

Motion States

Mira can respond dynamically to user needs while maintaining a consistent personality. We also carefully designed the transitions between motion states to ensure continuity, allowing movements to flow smoothly from one state to another without abrupt changes that could disrupt the user experience.

Motion States

Mira can respond dynamically to user needs while maintaining a consistent personality. We also carefully designed the transitions between motion states to ensure continuity, allowing movements to flow smoothly from one state to another without abrupt changes that could disrupt the user experience.

Each Mira personality incorporates subtle variations in movement and style to convey its unique tone and identity.

Friendly Mira’s motion states along a spectrum to create a flexible, context-responsive motion system.

Design Solution
Design Solution
01. Third Party Onboarding
01. Third Party Onboarding

We designed the Mira icon to integrate seamlessly into third-party platforms, serving as the entry point to SpreeAI. To support SpreeAI’s white-label approach, Mira is adaptable, allowing brands to customize its personality to match their identity and audience.

Design Solution
Who is SpreeAI
02. Visual And Voice-Based Guidance
02. Visual And Voice-Based Guidance

Guided voice instructions and visual cues lead users through onboarding step by step, creating a smoother, frustration-free experience.

Design Solution
Who is SpreeAI
03. Seamless Try-on Process
03. Seamless Try-on Process

Photo capture generates a user avatar, allowing users to adjust details or begin a photorealistic virtual try-on.

Design Solution
Who is SpreeAI
04. Customizable Preset Options
04. Customizable Preset Options

Photo capture generates a user avatar, allowing users to adjust details or begin a photorealistic virtual try-on.

Design Solution
Who is SpreeAI
05. Precision Adjustments
05. Precision Adjustments

Photo capture generates a user avatar, allowing users to adjust details or begin a photorealistic virtual try-on.

Design Solution
Who is SpreeAI
06. App integration

Photo capture generates a user avatar, allowing users to adjust details or begin a photorealistic virtual try-on.

Design Solution
Who is SpreeAI
07. Personal Smart Stylist with Personality

Photo capture generates a user avatar, allowing users to adjust details or begin a photorealistic virtual try-on.

Design Solution
Who is SpreeAI
08. Discover your style with Mira

Photo capture generates a user avatar, allowing users to adjust details or begin a photorealistic virtual try-on.

Design Solution
Who is SpreeAI
09. Tailored Recommendations

Photo capture generates a user avatar, allowing users to adjust details or begin a photorealistic virtual try-on.

Reflection
Reflection

We concluded the project with a concept video that brings our vision to life and demonstrates the experience in action. With my background in fashion design, I was excited to explore how AI can support more sustainable practices in fashion. For this project, we focused on onboarding and style discovery to personalize recommendations, but we envision expanding the system to surface clothing from multiple brands directly within the SpreeAI app. In this ecosystem, Mira acts as a bridge connecting buyers and brands while supporting a more innovative and sustainable fashion future.