Crowd Cow Internal Design Review

First Box Quiz Explorations

10 unique design directions, each with 3 promotional treatments. Click any to view the full interactive flow.

10
Designs
3
Promo Variants
30
Total Mockups
Promo treatments: 15% off first 3 boxes Free meat for a year No promo (code input)
Crowd Cow
Subscription Flow
Split-screen layout with the actual Crowd Cow subscription steps: welcome offer → curated/custom box → frequency → delivery & payment with express checkout.
Full FlowSplit-screen with promo code
Design 01
Minimal Editorial
High-end butcher meets Kinfolk magazine. Stepping-stone progress bar, generous whitespace, muted earth tones. Let the products speak.
15% OffEmber promo banner Free MeatGift picker step No PromoCode input on payment
Design 02
Bold Steakhouse
Dark backgrounds, dramatic hover effects, commanding typography. The feel of a leather-bound menu at a premium steakhouse.
15% OffDark hero with discount Free MeatGold-accented gift step No PromoCode input on payment
Design 03
Warm Farm-to-Table
Approachable and friendly. Rounded corners, warm cream backgrounds, conversational copy. Whole Foods meets meal kit unboxing.
15% OffWarm promo callouts Free MeatGreen gradient gift banner No PromoCode input on payment
Design 04
Single-Page Scroll
All steps on one scrollable page. Sticky progress bar with IntersectionObserver. Fixed bottom bar with order summary.
15% OffSticky promo banner Free MeatGift section in scroll No PromoCode in payment section
Design 05
Split-Screen
Sticky cart summary on the left (40%), step content on the right (60%). Live-updating order total. Shopify checkout meets Apple configurator.
15% OffDiscount in summary panel Free MeatGift in left summary No PromoCode input on payment
Design 06
Food Magazine
Full-bleed photography dominates. Text overlaid on images with gradient scrims. Each step feels like turning a page in Bon Appetit.
15% OffElegant overlay promo Free MeatDramatic meat hero No PromoCode input on payment
Design 07
Conversational Chat
Typeform meets iMessage. One question at a time, centered on screen. Answers as pill buttons. Like texting a knowledgeable butcher.
15% OffButcher mentions deal Free MeatChat-style gift picker No PromoCode input on payment
Design 08
Card Stack
Tinder-style stacking cards. Completed steps collapse into mini summary cards at top, forming a visual receipt of your choices.
15% OffDiscount badge on cards Free MeatGift card swoops in No PromoCode input on payment
Design 09
Horizontal Carousel
Steps progress left-to-right like a conveyor belt. Horizontal scroll-snap on mobile, arrows on desktop. Timeline progress at top.
15% OffBanner above timeline Free MeatGift panel in carousel No PromoCode in payment panel
Design 10
Glassmorphism Gallery
Rotating meat photo background with frosted glass UI card floating over it. Luxurious, aspirational. Net-a-Porter meets butcher shop.
15% OffGlass banner offer Free MeatGold-themed gift step No PromoCode input on payment
Crowd Cow · Internal Design Review · Not for external distribution