🤏

Product cards

Tap any tip to open toggle ⚡ some gifs may take a moment to load

Featured ideas 🦄 are rare ideas you may not have seen before ;-)

💡 Ideas and tips

Thumbnail image effects

‣

Animate featured product thumbnails

‣

🦄 Try double-shot product cards

‣

🦄 Try a tile gallery nudge

‣

Let mobile users slide through thumbnail gallery

‣

Make “product demo” animations the primary image (where relevant)

‣

Or, make product demo the “swap image” (hover)

‣

Use product infographics as “swap image” (hover)

‣

Try dynamic message flags

‣

Animate tiles with rotating bundle options

‣

Animate tiles with stop-motion

‣

Use stop-motion tiles on hover

‣

Try a product tile tagline

‣

🦄 Try a flipbook pattern

‣

🦄 Try 360 auto-rotation

‣

🦄 Try a video play button

‣

Place favorites links over images for visually-driven products

‣

Use alternating color blending

‣

Try ombre color blending

🫰Toggle tactics

‣

Toggle image sizes in grid

‣

Toggle between model and flat lay product shots

‣

🦄 Toggle between model sizes

‣

Toggle between grid and list view

‣

Toggle between product and lifestyle shots

👗 Apparel-specific

‣

🦄 Try “photoshoot” tiles

‣

🦄 Try “freeze model” tiles

Displaying variant options

‣

Show all available variants in the product card (kill the +More link)

‣

Show color/shade names on swatch tap/hover

‣

Show subscription options from list view

‣

Consider listing variant options individually (where it makes sense)

‣

Show an “Almost gone” flag on low stock variant hover

‣

🦄 Allow shoppers to choose variants before saving to Wishlist from Product List

Line item detail

‣

Show per-unit pricing for multi-pack SKUs

‣

Use red color for sale prices

‣

Call out when specific variants are on sale

Badge/flag detail

‣

Show “Almost Gone” flags for low-stock products

‣

Show % discount flags on sale items

‣

Try contextual attribute badges

‣

Try “Sustainable” flags

‣

Try “Most gifted” flags (with caution)

‣

Highlight extended sizes and widths

‣

Give unique colors to different flag types

‣

Highlight social proof / star ratings

‣

🦄 Try a scrolling ticker on select products

‣

Try “Sale ends in” badges

List view

‣

Separate specs from price and pickup options

‣

Don’t present list view IF YOU DON’T PROVIDE BULLETS 🔫

‣

Don’t stuff your list view with Product Descriptions

‣

Avoid chunked details

Quick view

‣

Make the “View Full Details” link obvious

‣

Try a flipbook Quick View pattern

‣

Try a Quick Add shelf instead of lightbox

‣

Support Quick Add with variant selection

Pagination & load patterns

‣

Make your pagination elements tap-friendly

‣

Quantify the number of results in “Show more” links

‣

Use “Showing XX of YY results” with your Load More button

‣

Give your Back to Top link its own lane

‣

Label your Back to Top icon

More ideas

‣

Try a short description with your product cards

‣

Provide Qty selectors for quick add-to-cart (for the right products)

‣

Improve comprehension with a spacer line between list rows

‣

Try a background field

‣

🦄 Show “similar products” inline

‣

🦄 Try a “customers also bought” drawer

‣

🦄 Show button CTAs for private sale items

‣

🦄 Show GenAI “why buy/gift” this item

🫣 Cautions

‣

AVOID ALLCAPS in list details

‣

Don’t send customers to the PDP when they don’t expect it

‣

Be careful with lifestyle imagery

‣

Don’t hide all color variants

‣

Avoid inline scroll windows

Back to Category page ideas

👉 Follow on LinkedIn for daily ideas 💡