Ecommerce Product Recommendations Example

Overview

The home page adapts for two shoppers. A center handle compares the two states: left shows a tablet-focused visitor; right shows a gaming-focused visitor. In each state, the hero, the first carousel, and the primary CTA align with the shopper’s interest.

Personas & What Changes

Persona A — Robert (Interested in Tablets)

• Hero: latest iPad promo and tablet imagery.
• Recommendations: “Most popular tablets.”
• CTA: “Shop iPads & Accessories.”

Persona B — James (Gaming Enthusiast)

• Hero: Spider-Man PS4 banner with game artwork.
• Recommendations: trending PS4/PS5 titles.
• CTA: “Explore PlayStation Games.”

Home Page Experience

The top of the page changes immediately after identification. The hero headline, visual, and first carousel introduce the most relevant category. Below the hero, the “You may like” row continues with items consistent with the visitor’s current interest (tablets vs. console games).

Signals Used

• Recent views & purchases: e.g., iPads and accessories vs. Spider-Man (PS4).
• Affinity/category interest: tablet category vs. PlayStation games.
• Session context: current visit hints reinforce the selected hero and carousel.

What exactly changes on this page?

Hero banner content, the first recommendation carousel, and the main CTA.

Is this limited to these two personas?

No—additional personas can map to different heroes, carousels, and CTAs in the same layout.