Skip to content
herosmith
Heroes / Food & drink / Hoopla Doughnut Co.
Hoopla Doughnut Co. Glaze Wave design

Design brief

Why it works.

Doughnut shops sell out early and earn on boxes. Show today's flavours and let people pre-order a six.

Why this layout

  1. 01

    A drifting wave

    the whole range is in view, like fresh trays behind glass.

  2. 02

    Centre doughnut named and priced

    hover, focus or drag stops the wave.

  3. 03

    Add to my six fills a box

    the box price beats six singles, so the bigger order wins.

Fits

  • Doughnut shops that take pre-orders
  • Cookie, macaron or cupcake boxes
  • Dessert bars with a daily range

Not for

No box or pre-order, or only 2–3 products

Try instead: a single photo hero

You'll need

  • Today's flavours with a note and price
  • Top-down cut-out per doughnut
  • Box price and size
  • A pre-order link

Connects to

  • Pre-orders Shopify, Square or a form, with the box filled in EASY
  • Today's flavours CMS collection or Google Sheet MEDIUM

Works as HTML, Webflow, Framer, WordPress.

Measure

Pre-order clicks per visit

More heroes

All heroes →
Get the code