clickable prototype · partner preview

every screen.

All 29 screens of cornrad.com, grouped by flow. Tap any card. Everything runs on demo data, so nothing you do here costs anyone money.

shop

Browsing. Kids can do all of this without giving us anything.

  • /
    home

    Front door: the current drop, shelves by category, the corn guy in his hero spot.

  • /d/the-kernel
    the drop

    Where TikTok links land. Product owns the first screen, sticky Add to cart, launch time as plain text.

  • /shop
    shop all

    Everything, with category chips and price bands.

  • /shop/squishies
    category

    One category (squishies) with its deadpan one-liner and filters.

  • /p/the-kernel
    product

    Gallery, variants, size line, safety note, Add to cart and Send to a grown-up.

  • /search
    search

    Recent and popular searches; the zero-results state says "no corn found".

  • /saved
    saved

    The heart list. Per device, no account. Can be sent to a grown-up.

cart & checkout

Kids pick, grown-ups pay. Two ways to get from one to the other.

  • sheet · any page

    Mini cart: bottom sheet on phones, side drawer on desktop.

    Opens right here, on top of this page

  • /cart
    cart

    Full cart page. The deep link and no-JS fallback for the sheet.

  • sheet · any page

    Pick a ready-made message, then share, copy the link or show a QR. Nothing typed.

    Opens right here, on top of this page

  • /share/demo
    shared cart

    What the grown-up sees when the link opens on their phone.

  • /checkout
    checkout

    One page, three steps: contact, delivery, payment. Guest first.

  • /checkout
    payment declined

    Card declined: calm message, nothing charged, try again. In checkout, tap "demo: simulate a declined card".

  • /checkout/thanks?ref=CR-10423
    confirmation

    Order placed. One popcorn celebration per order.

orders

For grown-ups who checked out as guests, straight from the emails.

  • /track
    track an order

    Order number + email, then we email a link. No account needed.

  • /orders/CR-10423
    order page

    Guest order and tracking: timeline, carrier, items, help.

account

Optional, grown-ups only. Demo user: Sam Rivera. Any email works; any 6 digits sign you in.

info

The calm pages. Parents, help and the story.

  • /help
    help & faq

    FAQ accordions and a contact form with the "Under 13? Ask a grown-up" note.

  • /grown-ups
    for grown-ups

    What we sell, ages and safety, Send to a grown-up, no data from kids, no pixels, returns, a human.

  • /about
    about

    corn + rad, the nickname, and who Cornrad is.

  • /this-page-got-eaten
    404

    "this page got eaten." Innocent face, kernel crumbs, search, Home and the drop.

mascot

The live corn guy: moods, reactions, trips and controls.

  • /mascot
    meet cornrad

    Every expression from the rig, how he reacts, and his rules.

for partners

what's real, what's demo.

The screens, flows, copy and the mascot are the product. The data behind them is placeholder until the partner API is connected.

demo data in this prototype

  • Catalog: 17 products in 4 categories. Names, prices, photos and copy are placeholders.
  • Cart and saved list: stored in this browser only. A starter cart is pre-filled.
  • Account: one demo grown-up (Sam Rivera), two addresses, orders CR-10423 and CR-10388.
  • Sign-in and payments: any email works, any 6 digits are a valid code, and no card is ever charged.
  • Emails, tracking, returns: buttons show what would happen; nothing is sent.

what the partner API replaces

Catalog
Products, variants, prices, stock (sold out / back soon), images, age grades and safety flags.
Cart
A server-side cart behind a token, so share links, QR codes and "Open in browser" keep the same cart.
Checkout & payments
Tax, shipping rates, card payments, wallets where supported, declines and 3-D Secure, order creation.
Accounts & orders
Email-code sign-in, passkeys, addresses, order history, tracking events, returns, data export and deletion.

tips for clicking around

  • On a phone, open it in TikTok's browser too. That's where most visitors arrive.
  • Lists in the account take ?state=loading, empty or error.
  • The corn guy has a switch in the footer and in settings: On, Chill, Off.
  • Tap him in the header to call him out. Tap again to send him home.