PortfolioWhat is Complete the Fit?
"Complete the Fit" is a feature that suggests products that can be used together with the currently viewed product.
For example, when a customer is viewing a jacket, we suggest "How about pants, gloves, or boots that go with this jacket?"
Matching Rules
We select products to suggest based on the following conditions.
Conditions to Match
- Gender: Same gender products (men's for men's)
- Season: Same season products (fall/winter for fall/winter, or all-season)
- Sport Type: Products for the same sport (motorcycle for motorcycle)
Conditions to Exclude
- Same Category: If viewing a jacket, don't show other jackets
- Same Product: Exclude the currently viewed product
Category Exclusion Logic
When a customer is viewing a jacket, suggesting "another jacket" doesn't help with coordination. So we automatically exclude the same category as the viewed product.
| Viewing Category | Excluded Category |
|---|---|
| Jacket | Other jackets |
| Pants | Other pants |
| Helmet | Other helmets |
| Suit | Other suits |
Randomizing Suggestions
If the same products are shown every time, customers get bored. So we randomly select from matching products to display.
Each page refresh shows slightly different products, giving a fresh impression.
Fast Data Retrieval
Product Index
Fetching all product information via API every time takes too long. So we pre-save product information as an index.
The index contains only information needed for matching:
- Product ID, URL, Title
- Price
- Image
- Category, Gender, Season, Sport Type
Cache Utilization
We cache recommendation results for a set period. Even with continued access to the same product page, API load is reduced.
Architecture Diagram
Summary
Complete the Fit improves the customer shopping experience. With appropriate matching rules and fast data retrieval, we quickly suggest highly relevant products.