PRODUCT CARD VARIATIONS
5 different directions for the product cards. Click opens a photo lightbox instead of going to the quiz. Hover to see interaction states.
VARIATION 1
"Clean Minimal"
Current style refined. Expand icon appears on hover. Simple and clean.
VARIATION 2
"Badge Overlay"
Taller image. Tag + photo count as overlay badges. Frosted glass name bar at bottom.
VARIATION 3
"Split Card"
Horizontal layout. Image left, details right. Room for description + explicit "View Photos" CTA.
VARIATION 4
"Stacked Premium"
Gold accent line. Thumbnail strip teases more photos. Shows price inline with name.
VARIATION 5
"Editorial"
Magazine-style. Full-bleed image with gradient overlay. All text lives on the image. Most visual impact.
NOTES ON EACH
V1 "Clean Minimal" — What we have now but with a hover-reveal expand icon. Familiar, low risk. Simple.
V2 "Badge Overlay" — More visual real estate for the image. Tag and photo count badges make it feel interactive. The frosted bar keeps it premium.
V3 "Split Card" — Horizontal layout shows product description + explicit "View Photos" CTA. Best for education, but only works well on desktop (would stack on mobile).
V4 "Stacked Premium" — The thumbnail strip is the key differentiator here — it visually tells the user "there are more images to see" without them even hovering. Gold accent bar adds brand polish.
V5 "Editorial" — Most impactful visually. The image does all the selling. Taller aspect ratio means more screen real estate. Magazine feel matches the premium positioning.
Recommendation: V4 or V5 are the strongest. V4 because the thumbnail strip creates a clear signal that clicking opens more photos. V5 because it maximizes visual impact and feels the most premium. Both can include a lightbox with the same carousel from the quiz funnel.
V2 "Badge Overlay" — More visual real estate for the image. Tag and photo count badges make it feel interactive. The frosted bar keeps it premium.
V3 "Split Card" — Horizontal layout shows product description + explicit "View Photos" CTA. Best for education, but only works well on desktop (would stack on mobile).
V4 "Stacked Premium" — The thumbnail strip is the key differentiator here — it visually tells the user "there are more images to see" without them even hovering. Gold accent bar adds brand polish.
V5 "Editorial" — Most impactful visually. The image does all the selling. Taller aspect ratio means more screen real estate. Magazine feel matches the premium positioning.
Recommendation: V4 or V5 are the strongest. V4 because the thumbnail strip creates a clear signal that clicking opens more photos. V5 because it maximizes visual impact and feels the most premium. Both can include a lightbox with the same carousel from the quiz funnel.