Skip to content
herosmith
Heroes / Food & drink / labcookie
labcookie Cookie Counter design

Design brief

Why it works.

People pick a cookie box by flavour. Show the whole counter, priced, with Build a box under the headline.

Why this layout

  1. 01

    The real counter, not a grid

    eight cookies, prices chalked by hand.

  2. 02

    Hover a cookie

    its name turns into a diagram of what's inside.

  3. 03

    Cookies of the month on black tiles

    box size changes the button as you pick.

Fits

  • Cookie shops with 5–10 flavours
  • Bakeries with a short signature range
  • Dessert bars that sell gift boxes

Not for

More than 10 products, or no counter photo

Try instead: a menu-board or grid hero

You'll need

  • 5–10 cookies with price and 3 ingredients
  • One high-angle counter photo
  • Box sizes and prices
  • An order link

Connects to

  • Box orders Shopify, Square or WooCommerce, with the box size EASY
  • Cookie of the month CMS collection MEDIUM

Works as HTML, Webflow, Framer, WordPress.

Measure

Build a box clicks per visit

More heroes

All heroes →
Get the code