Preview image. Unlock full-res
Green-accented 2x2 grid explaining a collective savings club with product cards, price comparison, cart, and recurring order UI.
Summary
A "How it works" four-card grid for a group purchasing portal, each tile pairing a short benefit headline with a floating commerce UI snippet.
Visual description
White page, green eyebrow "Discounts without the catch", bold centered "How it works" headline, gray paragraph about independent shopping through a Savings Club portal. Four light gray rounded cards in 2x2: top-left overlapping product cards for Paper Towels and Baby Wipes with green "Save 38%" and "Save 15%" badges; top-right price comparison card showing $29.96 Best Price versus faded Target and Amazon strikethrough prices with confetti dashes; bottom-left shopping cart list (Diapers, Baby Wipes, $86.83 total); bottom-right repeat purchase scheduler with monthly checkbox and blue "Schedule Order" button. Green savings badges and blue primary actions throughout.
Key takeaway
Each card teaches one concept with a micro UI vignette instead of an icon. Overlapping product cards create depth and imply catalog breadth without a full screenshot.
Reuse notes
Use for marketplace, perks, or group-buy features adjacent to core SaaS. Commerce UI must stay simple; dense product data will not read at this scale.
