Shop the Look

Context

JCPenney.com uses Stylitics, a third party vendor that provides personalized styling and outfitting recommendations on the product description pages (PDP) in a ‘Shop the Look’ feature, to enhance customer engagement and drive sales.

Data showed customers who engage with Stylitics’ “Shop the Look” feature are up to 4X more likely to purchase.

Problem

Users may not be aware of our " Shop the Look" styling recommendations because they are placed further down the PDP, and user research indicates that most users do not scroll far enough to discover the Shop the Look feature.

Solution

Concept A

Stylitics recommended a circular jump link button—one commonly used by their other clients, such as West Elm and Chico's.

While they recommended placing it directly on the main product image to maximize visibility, the UX team was concerned that doing so could compromise the visual focus on the product itself.

Concept B

With guidance from my design lead, I created a jump link button that gives users a preview of a recommended outfit from Shop the Look feature, along with an arrow to indicate that more content is available further down the page.

Placing the jump link below the 'Add to Cart' CTA helps maintain focus on the primary product, while surfacing the recommended outfits at a more relevant point—after the user has engaged with the main purchase intent.

We ran both versions in an A/B test against control, and Version B came out on top! 🎉

Shop the Look Jump Link

Increase Visibility on Recommended Styles