PortfolioWhat is Related Product Display?
This feature shows "products similar to this one." We suggest other products from the same category to help customers compare options.
While "coordination suggestions" propose products from different categories, related products expand choices within the same category.
How We Select Products
Basic Conditions
- Same Category: If viewing a jacket, show other jackets
- Same Gender: Men's for men's
- Same Season: Fall/winter for fall/winter, or all-season
- Exclude Current Product: Don't show the product being viewed
Priority Considerations
When many products meet the conditions, we consider the following:
- Similar Price Range: Prioritize products in a similar price range over vastly different prices
- In Stock: Prioritize products available for immediate purchase over out-of-stock
- New Arrivals: Prioritize newer products over older ones
Difference from Coordination Suggestions
| Item | Coordination Suggestions | Related Products |
|---|---|---|
| Purpose | Outfit pairing | Comparison |
| Category | Different category | Same category |
| Example | Jacket → Pants | Jacket → Other jackets |
Display Optimization
Number of Items
Too many related products actually makes choosing harder. We limit to an appropriate number.
Image Importance
Related products need to be "quickly comparable at a glance." We focus on product images with concise price and product name display.
Responsive Design
On smartphones, we display as horizontal scroll; on PC, as multi-column grid—optimizing layout for each device.
Efficient Data Retrieval
Minimizing API Calls
When displaying a product page, we fetch related products together with the main product information. This reduces the number of network requests compared to fetching separately.
Cache Utilization
We cache related product information for a set period. Even with multiple customers accessing the same product page, API load is kept low.
Architecture Diagram
Summary
Related product display supports customer comparison. By selecting and displaying appropriate products, we encourage purchase decisions. Combined with coordination suggestions, we can provide a richer product proposal experience.