How a Skincare & Beauty Brand Increased Perceived Value and Product Differentiation With Catalog Hover Images

In the beauty and skincare industry, visual storytelling is everything.

Customers don’t just buy a product — they buy the experience, the routine, the texture, the promise. This creates a challenge for category pages: a single clean thumbnail rarely shows enough to communicate what makes a serum luxurious, a cleanser gentle, or a moisturizer innovative.

A premium skincare brand on Magento 2 faced exactly this issue. Their main product images followed a minimalist aesthetic: clean bottles, white backgrounds, a sophisticated look. While elegant, the uniformity made their category grid feel repetitive. Customers couldn’t easily distinguish between product lines or understand key differences at first glance.

To address this, the brand introduced the Catalog Hover Image module and used hover photos to bring texture, mood and story into the browsing experience.

Background

The brand specialized in mid-to-high-end skincare: serums, toners, moisturizers, oils and treatment masks. Their packaging was beautiful but similar across product families. On category pages, customers saw:

• white or frosted bottles
• identical shooting angles
• nearly identical silhouettes
• very subtle variations in tone

This minimalist visual identity worked well on PDPs, where customers could scroll through multiple shots and read benefits. But on category pages it made differentiation difficult.

The result:

• customers opened several PDPs just to figure out product differences
• new customers felt overwhelmed and unsure
• products with unique textures weren’t receiving deserved attention
• high bounce rate after minimal interaction

The brand needed to elevate their visual communication earlier in the journey — without breaking their aesthetic.

The Problem

A deeper UX audit revealed:

1. Customers couldn’t see product texture or richness

   Serums with shimmering finishes looked identical to matte toners in thumbnails.

2. Product lines blended together

   The brand’s minimalist style unintentionally reduced product differentiation.

3. Shoppers clicked into PDPs but exited quickly

   The experience felt like trial and error.

4. Category pages lacked emotional appeal

   Skincare is sensory; thumbnails were not.

Hover images offered a powerful solution: introduce visual storytelling without redesigning layouts.

Solution: Use Hover Images to Show Textures, Lifestyle Shots and Ritual Moments

The team used the Catalog Hover Image module to assign images that conveyed:

• product texture (gel, cream, oil)
• color and viscosity (golden oils, light serums, rich moisturizers)
• lifestyle photography (product in a bathroom setting)
• usage moments (product applied to skin or hand)
• ingredients (botanical elements, active components)

Hover images gave customers instant sensory context when they hovered over a product tile.

Admin setup was quick:

• select a compelling secondary photo
• assign it as the hover image
• save settings
• done

No coding. No redesign. No disruption to existing brand identity.

Impact

1. Product differentiation increased dramatically

   Customers could instantly recognize which products were lightweight, which were creamy, and what each category offered.

2. Perceived product value increased

   Premium skincare sells through visual cues — textures, ingredients, application. Hover images brought these cues forward.

3. Higher engagement across the catalog

   Shoppers hovered over nearly every product, exploring textures they couldn’t see before.

4. Stronger performance for previously “invisible” SKUs

   Products with interesting textures or colors (vitamin C serums, clay masks, golden oils) experienced a significant jump in PDP clicks.

5. Increased conversion for sensory-rich products

   Items that rely on texture storytelling showed the highest lift.

Overall, the brand saw a meaningful improvement in product-page visits and time on site — indicators of healthier exploration behavior.

Customer Behavior Insights

Heatmap and session data showed:

• shoppers paused longer on product cards with strong texture hover shots
• customers hovered multiple times to compare textures before clicking
• users described the experience as “editorial” and “more premium”
• new customers navigated more confidently without feeling lost

This shift in engagement wasn’t tied to discounts or promotions — it stemmed purely from better visual communication.

Conclusion

For beauty and skincare brands, category pages often fail to express what makes each product unique. The Catalog Hover Image module solved this by transforming static thumbnails into dynamic, sensory-driven previews.

Hover images allowed the brand to:

• differentiate products
• highlight textures and ingredients
• elevate the premium aesthetic
• guide customers toward products aligned with their needs
• increase PDP engagement and conversion

This case demonstrates an essential truth: in visually driven categories, the more context customers receive before clicking, the more confident — and more willing to purchase — they become.