Tiffany & Co.
From Inspiration to Acquisition: Shop the Image
Transforming static editorial content into an interactive shopping experience through an animated, low-friction “Shop the Look” framework.
The Challenge: The Friction of Inspiration
Luxury editorial imagery is designed to evoke emotion, but on Tiffany.com, these images were often dead ends. Users would see a model wearing a curated stack of jewelry but would have to manually search the site to find those specific pieces, a process that led to frustration and lost sales. The challenge was to introduce a shoppable layer that was obvious enough to be useful, but elegant enough to avoid distracting from the high-art photography that defines the brand.
The Approach: Graceful Interactivity
I worked at the intersection of Content Strategy and Engineering to develop a ‘less is more’ interaction pattern. We landed on a subtle shopping bag icon that gracefully animated into a ‘Shop the Image’ CTA upon hover, signaling value without cluttering the initial view. To handle the complexity of images featuring multiple products, I designed a scrollable flyout menu. This allowed users to view the entire ‘look’ in one place, maintaining their momentum and keeping them immersed in the brand’s editorial world.
During my tenure at Tiffany & Co., I identified a significant gap in the digital journey: our shoppers were constantly inspired by our world-class editorial photography, yet they had no direct way to purchase the items they saw. I led the ‘Shop the Image’ initiative to bridge this gap, creating an intuitive interaction that allows users to explore and buy multiple products directly from a single image. By collaborating with our creative and merchandising teams, we designed a sophisticated, animated entry point that respects the brand’s visual heritage while driving measurable business growth across our most high-traffic pages.
Harmonizing Design and Photography
A primary goal was ensuring our new interactive elements didn't compromise the work of our Creative and Photography teams. By using an animated CTA that only expanded when a user showed interest, we preserved the integrity of the full-page editorial while providing a clear path for those ready to shop.
Mastering Multi-Product Discovery
Since many of our editorial shots feature several high-value items, the 'flyout' experience had to be seamless. I developed a scrollable, high-fidelity drawer that listed every SKU within the image. This ensured that whether a user was interested in the earrings, the bracelet, or the entire ensemble, they could access the specific Product Detail Pages (PDPs) with a single click, effectively turning one image into a mini-boutique.
ROLE
Manager, Digital Product Design
FOCUS
Visual Commerce, Interactive Merchandising, Content Strategy, Design Systems
TIMELINE
2021
TEAM
Product Management, Engineering, Merchandising, Creative, Content Strategy
Data-Driven Expansion
We didn't just launch and leave; I developed a monitoring plan to track how users engaged with these new shoppable cues. After seeing an immediate uplift in engagement, we began the strategic rollout of ‘Shop the Look’ features across other high-impact areas. This allowed us to turn every major visual asset on the site into a high-performing conversion engine.
Impact & Results
Elevated Average Order Value (AOV) by encouraging users to purchase coordinated ‘looks’ rather than single items, proving that visual storytelling is a powerful tool for cross-selling.
Drove deeper site engagement with users seeing significantly more Product Detail Pages per visit, as the shoppable images acted as a high-speed highway to our product catalog.
Strengthened the conversion funnel by increasing the rate at which users reached the checkout phase, successfully transforming editorial inspiration into measurable financial performance.