Recipe Card Exploration

Fourteen recipe-card variations tested against a baseline pulled from a live site, exploring favoriting micro-interactions, hover/tilt states, category reveal, protein and stats rows, and collapsing/expanding card imagery. Built with vanilla HTML, CSS, and JavaScript as a static comparison harness, no framework, so each variation could be judged purely on markup and interaction weight.

This one is closer to a redesign proposal than a pure experiment: recipe cards are a conversion surface, and small changes to favoriting affordance or how much stat/metadata is exposed up front directly affect click-through to the full recipe. My conclusion from the fourteen variations: the collapsing image and stat-row treatments improved perceived content density without adding real load weight, which is the kind of change a content or e-commerce team could actually ship and measure against click-through and time-to-recipe.