FBQ Explorations
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 Flow
Split-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% Off
Ember promo banner
Free Meat
Gift picker step
No Promo
Code 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% Off
Dark hero with discount
Free Meat
Gold-accented gift step
No Promo
Code 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% Off
Warm promo callouts
Free Meat
Green gradient gift banner
No Promo
Code 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% Off
Sticky promo banner
Free Meat
Gift section in scroll
No Promo
Code 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% Off
Discount in summary panel
Free Meat
Gift in left summary
No Promo
Code 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% Off
Elegant overlay promo
Free Meat
Dramatic meat hero
No Promo
Code 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% Off
Butcher mentions deal
Free Meat
Chat-style gift picker
No Promo
Code 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% Off
Discount badge on cards
Free Meat
Gift card swoops in
No Promo
Code 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% Off
Banner above timeline
Free Meat
Gift panel in carousel
No Promo
Code 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% Off
Glass banner offer
Free Meat
Gold-themed gift step
No Promo
Code input on payment
Crowd Cow · Internal Design Review · Not for external distribution