SAM HO BACK
Mira, a conversational AI shopping assistant, shown on phone screens

Mira

Creating an AI assistant offering personalized fashion recommendations through CUI

Role
Lead UI/UX Designer
Motion Designer
Duration
4 weeks
Tools
Figma
After Effects
Team
2 Researchers
1 Designer

Background

Mira, powered by Spree AI, is a conversational assistant that delivers personalized fashion recommendations, simplifying online shopping and enhancing user satisfaction.

Challenge

"Online shopping can be overwhelming and frustrating."

Shoppers often struggle to find clothing that matches their style, size, and preferences, leading to frustration and low customer retention for fashion retailers.

Impact

Projected a 40% boost in conversion rates and a 30% reduction in product return rates by streamlining the shopping experience and helping users select better-fitting, more appropriate items through AI-driven assistance.

Finding Problems

“Where did the current online shopping experience fall short?”

Through qualitative and desk research, we uncovered key pain points in the online shopping experience and identified their broader implications.

User interview with a target shopper over video call

User interview with our target user

Desk research on existing online fashion shopping experiences

Desk research

Key Insights

We mapped out the complete shopper's journey by synthesizing user research, discussions with the SpreeAI team, and desk research findings. This reveals critical moments of friction and opportunity.

Shopper journey map highlighting moments of friction before, during, and after shopping

User journey

Synthesizing insights from the interviews, we identified three key problems that contribute to users’ frustrations during their shopping journey:

Illustration of a shopper overwhelmed by too many clothing options

1. Before shopping:

Decision Paralysis

Users feel overwhelmed by the vast number of options, making it difficult to narrow down choices and confidently make purchasing decisions.

Illustration of a shopper unable to find an item seen on social media

2. During shopping:

Tracking Difficulties

Shoppers struggle to locate items they’ve seen on social media, leading to frustration and interruptions in their shopping journey.

Illustration of an overflowing wardrobe with nothing to wear

3. After shopping:

Outfit Overload

Users often own too many clothes but struggle to decide what to wear, resulting in wasted time and underutilized wardrobe pieces.

“Why are these problems worth solving?”

Addressing these challenges not only improves user satisfaction but also drives business success by reducing return rates and increasing customer loyalty.

Design Goal

“A product that delivers personalized fashion recommendations, actively supports users in finding the perfect outfit, streamlining the online shopping journey.”

Illustration of guided shopping that streamlines decisions

1. Before shopping:

Guided shopping experience

Streamlines decision-making

Illustration of instant item search

2. During shopping:

Instant item search

Finds products in seconds

Illustration of personalized outfit suggestions

3. After shopping:

Personalized outfit suggestions

Tailored to user preferences

Why CUI?

Conversation UI (CUI) enhances accessibility by mimicking in-store assistance, delivers personalized fashion recommendations through dynamic conversations, and fosters engagement with its friendly, intuitive interface.

Key Features

Mira: A Conversational AI agent

Meet Mira, a personalized shopping assistant with conversational UI (CUI) and AI-driven recommendations:

Approachable CUI Character

Designed with color, form, and motion to create a friendly, trustworthy assistant.

Mira character design system: colors, shapes, and expressions

Design system

Motion states

1. Before shopping:

Personalized Onboarding Process

Personalization with AI agent personality selection.

Style and brand preferences gathered through simple quizzes.

2. During shopping:

Smart Photo Recognition & Preorder

Annotated anatomy of the conversational interface

Autonomy of the interface

3D Virtual Try-On

3D virtual try-on screens

Interactive 3D model technology for virtual try-ons.

Material & Fit Analysis

Material check with haptic feedback and size prediction screens

Garment material check with haptic feedback and size prediction.

3. After shopping:

Virtual Closet for Outfit Management

Virtual closet screens for managing saved outfits

Tailored Outfit Recommendations

Recommended outfits that can be shuffled and explored

Easily explore and shuffle through recommended outfits.

Takeaways

This project reinforced that successful AI products must strike a delicate balance between technological innovation and human connection. As we evolve, our focus remains on deepening personalization while preserving the authenticity of human interaction.