BonCamel · E-Commerce Startup
Chat-based AI Shopping Agent
Designing an end-to-end AI shopping flow — from intent capture to personalized recommendations to seamless checkout — for an online gift platform.
Industry
E-Commerce
Timeline
Feb – May 2024
Role
Product Designer Intern
Team
PM, Engineers, Marketing
Deliverables
Hi-fi Prototypes
Tools
Figma
100+
Interactive Hi-fi Prototypes
50+
Components Built
35+
Key Interfaces Tested
92.9%
Task Success Rate
The Problem
NoviBox is an online gift shopping platform aiming to enrich everyday lifestyles with uniquely designed products. Their research revealed that most users spend a considerable amount of time browsing and selecting gifts, resulting in prolonged decision-making, user drop-off, and lower purchase conversion rates.
To address this, NoviBox set out to introduce an AI shopping assistant to enhance the gift selection, purchasing, and post-sale experience through data-driven personalized recommendations.
Research & Discovery
We began with desk research that surfaced a striking insight: 47% of consumers would buy items via a chatbot. A competitive analysis of Urban Outfitters, Amazon, and Bing Copilot revealed a fragmented landscape — clean but rigid preset flows, strong after-sales UI with no purchase recommendations, and powerful AI suggestions that required redirection to other platforms.
A survey of 100 respondents (15 questions across user needs, interaction styles, and feature design) confirmed that 93% already understood AI-driven features and chatbots, validating a high baseline of user readiness for an AI-first shopping experience.
Explore Products with AI Swipe
The first core flow lets users explore products through an AI-powered swipe experience. By simply collecting users’ preferred styles, the assistant curates a personalized feed and guides users to add items to their cart or purchase directly within the chat.
Usability testing revealed that users needed a more prominent “Review My Favorite List” prompt, along with discount information and detailed product descriptions surfaced earlier in the flow.
Find a Gift with AI
The second flow comprehensively gathers users’ gift-buying needs — occasion, recipient, budget — and returns a refreshable recommendation list with three potential matches at a time.
This flow achieved a 92.9% task success rate with only a 7.1% drop-off. However, the initial misclick rate of 37.5% prompted us to add a direct “View Product Details” button so users could build comprehensive understanding before committing.
Customer Service & Order Help
For post-purchase support, the assistant collects user feedback, provides human customer support hand-off, and surfaces policy and refund/return services — all within the chat interface.
The Order Help module supports after-sales services like quick order inquiries, address modifications, order cancellations, and return/refund processing, keeping users inside a single conversational flow rather than navigating disconnected help pages.
A/B Testing & Iteration
We tested two interaction paradigms across the full prototype suite. 69% of testers preferred Version A, which reduced the user misclick rate by 24% compared to Version B.
The checkout flow surfaced a critical insight: an 82.5% drop-off rate at the add-to-cart stage, caused by the absence of a direct purchase button. Users had to view product details before purchasing, and the “View Details” button lacked clear visibility. These findings drove a redesign that surfaced purchase actions earlier and more prominently.
Guiding Principles
Design Philosophy
Conversational, Not Transactional
The AI assistant should feel like a knowledgeable friend, not a vending machine. Every interaction captures intent and refines recommendations through natural dialogue.
Progressive Disclosure
Surface just enough information to maintain momentum. Detailed product specs, pricing, and reviews are one tap away but never block the decision flow.
Reduce Friction to Zero
Users should be able to discover, evaluate, and purchase without ever leaving the chat. Every redirect is a potential drop-off.
Data-Driven Personalization
Style preferences, occasion context, and browsing behavior combine to produce recommendations that feel curated, not algorithmic.
Key Insight
“69% of testers preferred Version A, which reduced misclick rates by 24%. Meanwhile, an 82.5% checkout drop-off exposed that missing direct purchase buttons was the single largest conversion blocker.”
— A/B Testing Results, NoviBox AI Assistant
Reflections
Takeaways
Test Early with Real Interactions
With 100+ interactive prototypes and 35+ tested interfaces, high-fidelity testing uncovered misclick patterns and drop-off points that static mocks would have missed entirely.
Visibility Drives Conversion
The 82.5% checkout drop-off taught us that even well-designed features fail when critical actions lack visual prominence. Surfacing purchase buttons earlier produced measurable lifts.
AI Readiness Is Higher Than You Think
93% of surveyed users already understood AI chatbots. The barrier isn’t adoption — it’s execution. Users expect AI interactions to be as polished as the rest of the product.
Thanks for reading
View More Projects→