Melli Website Experience
Melli · Website experience v1 design proposal
Subscribe & save 25% on every order, plus free shipping
New: Low Tide, our PM formula for easy evenings
Try both formulas: Full Day bundle saves 15%

Rise easy.
Unwind easier.

Kanna gummies for the whole day. Daily Lift brightens your morning. Low Tide softens your evening. No crash, no fog.

Shop Daily Lift → Find your ritual

From $26.24 per jar with Subscribe & Save

Third-party lab testedVegan, gluten-free30 servings a jar
Melli Daily Lift jar and box, a sunrise over the sea printed on the label
30 minto a lighter mood, typically
Two formulas, one day

Pick your hour.

Daily Lift box with a sunrise over water

Daily Lift

Take it with breakfast. A bright, even mood and clear focus that carries you to lunch without the coffee spike.

Kanna extract25 mgSceletium tortuosum. The mood lift.
Natural caffeine50 mgFrom green tea. About half a cup of coffee.
L-theanine100 mgSmooths the caffeine edge. Calm focus.
Shop Daily Lift → from $26.24

Doses are working examples for layout. Final amounts come from the formulation sheet.

How it feels

Up gently. Down softly.

One or two gummies. The lift arrives in about 30 minutes, holds for a few hours, then eases off without a crash.

Typical effect over five hours: onset around 30 minutes, steady for two to four hours, gentle landing. 01 hr2 hr3 hr4 hr5 hr Take 1 to 2 Lift begins, ~30 min Steady and clear, 2 to 4 hr Lands softly

Typical experience, illustrative. Individual response varies.

Kanna 101

A succulent with a very good mood.

Kanna (Sceletium tortuosum) is a low, fleshy plant from South Africa's Karoo. For centuries the San and Khoikhoi peoples chewed it for mood and connection. Modern extracts are standardized, lab tested and taken in small, steady amounts.

We pair it with two ingredients you already know, so the effect is familiar: brighter, more present, still you.

Most people describe a lighter mood, easier conversation and less mental noise. It is subtle and clear-headed, not a buzz.

Kanna is not cannabis and contains no cannabinoids. Its alkaloids act on mood pathways, so the effect is uplifting rather than sedating.

Cultivated kanna from South Africa, extracted and tested for potency and purity. Every batch has a lab report you can read by lot number.

Six flavors, all real fruit

Taste the morning.

Blood Orange

Daily Lift

Reviews widget (Okendo or Yotpo) at launch

Flavor
How would you like it?
1
Ships in 1 business day 30-day feel-good guarantee Lab report for every lot

Not for use if you are under 21, pregnant or nursing, or taking SSRIs, SNRIs, MAOIs or other serotonergic medication. Check with your doctor if you have a medical condition.

Save 25%, always

Every subscription order, not just the first one.

Change it in two taps

Skip a month, swap flavors or move a date from your account or by text.

Free shipping

On every subscription and on one-time orders over $50.

Why switch

Your mornings, minus the crash.

FeaturemelliDaily LiftCoffeeEnergy drinkEvening drink
Lifts your moodYesA littleBrieflyThen drops it
Calm, focused energyYesJitteryNoNo
No afternoon crashYesNoNoNo
Clear head next dayYesYesPoor sleepNo
Caffeine per serving50 mg95 mg160 mg0 mg
Plant-based, veganYesYesNoVaries
Our story

Made for the hours in between.

Melli started with a simple question: why do the tools for a good day come with a bad hour attached? Coffee brings a crash, a drink brings a foggy morning.

We built two small gummies around kanna, a plant with centuries of use, and kept everything else simple: clean ingredients, honest doses, and a lab report for every jar.

“A better mood should fit into a normal day.”

Reviews

Heard at breakfast.

4.8

Sample layout · live average appears at launch
Sample review · Daily Lift, Blood Orange
“I swapped my second coffee for one gummy. Same focus, none of the 2pm slump, and I'm nicer in meetings.”
Placeholder name, verified buyerSubscriber · 3 months
Sample · Low Tide
“Dinner with friends, fully present, and I woke up clear.”
Placeholder
Sample · Daily Lift
“Tastes like actual orange. Kicks in on my commute.”
Placeholder
Sample · Full Day bundle
“One in the morning, one at golden hour. It has become my routine.”
PlaceholderVerified buyer
As seen inPress logoPress logoPress logoPress logo
Find your ritual

Three questions. Your perfect jar.

Tell us when you want to feel good and how you take your caffeine. We'll match you to a formula and flavor.

Questions

Good to know.

Can't find it? Text us at the number in the footer. A real person answers, usually within the hour.

Please read: kanna affects serotonin. Don't combine Melli with antidepressants (SSRIs, SNRIs, MAOIs) or other serotonergic drugs. 21+ only.
Secure checkout
Blueprint

The Melli day, page by page.

The site is structured as a single day. Visitors enter at dawn with Daily Lift, move through morning proof and midday shopping, and leave at night with Low Tide and the footer. Color, copy and even the nav clock follow the sun, so the AM and PM formulas are the site's architecture, not just two SKUs.

PositioningSitemapJourneysSection specsCart & checkoutDesign systemMotionMobileComplianceOpen decisions

Positioning against the field

Both competitors sell kanna, but to different moods. Melli takes the space neither owns: the everyday ritual, split cleanly by time of day.

Ferris Wheel

getferriswheel.com
  • Party-first voice: “Ride the Feeling”, tablets lead
  • Daily Mood gummies at $34.99, six sour/candy flavors
  • Subscribe & save 25% + free shipping
  • Strong proof: 1,000+ reviews per tablet, press logos
  • Gap: no clear AM/PM story, gummies feel secondary

SŌKO

sokocanna.com
  • Luxury nightlife lifestyle: “Step Into Luxury”
  • Wide, mixed catalog plus apparel and events
  • Afterparty positioning
  • Gap: diffuse, hard to know what to buy, low daytime relevance

Melli

the daily ritual
  • Two products, one decision: AM or PM (or both)
  • Calm, warm, premium; the packaging sunset becomes the site
  • Match price at $34.99 and 25% subscribe discount
  • Win on clarity and trust: doses on the page, lab report per lot, safety up front
  • Flavors cover competitor favorites: blue razz, watermelon, sour apple, cherry, strawberry, tropical

Sitemap

Shallow by design: every product is two taps from anywhere. Learning pages all end in a shop module.

Home (the day)
ShopShop allDaily Lift · AMLow Tide · PMFull Day bundleFlavor sampler
LearnKanna 101How it feelsIngredients & dosesMelli vs coffeeJournal (SEO)
Find your ritual3-step quizResult + bundle
ProofReviewsLab reports by lotPress
AccountSubscriptionsOrder historyRewardsAddresses & payment
HelpFAQShipping & returnsContact / textWholesaleLegal

Core journeys

1 · The ad click

Paid social visitor on a phone, already curious, 90 seconds of attention.

Age gate→PDP (Daily Lift)→Flavor chip→Subscribe (default)→Sticky bar: Add to bag→Cart drawer + PM upsell→Express pay

2 · The researcher

Heard of kanna, wants to know if it's safe and what it feels like.

Home hero→Kanna 101→How it feels curve→Safety note + COA→Quiz→Full Day bundle

3 · The regular

Subscriber who wants to change something without friction.

Email / SMS reminder→Account: Subscriptions→Skip · Swap flavor · Add PM jar→Confirmation toast

Section-by-section spec

Every section of the prototype, top to bottom. Turn on “Design notes” in the Prototype view to see these pinned to each section.

SectionPurposeVisual hierarchyCompositionInteractionsTransition in / out

Cart & checkout system

The prototype runs the full purchase loop: add, edit, promo, checkout, confirmation. In production this maps onto Shopify (Storefront API cart + Checkout) with a subscription app such as Recharge or Skio.

Cart drawer

  • Slides in from the right on every add; the page stays visible behind it so shoppers keep their place.
  • Free-shipping meter: subscriptions always ship free; one-time orders show distance to $50.
  • Per line: quantity stepper, remove, and a Subscribe toggle that shows the 25% saving live.
  • Smart upsell: AM in bag suggests Low Tide and vice versa; hidden once both are present.
  • Promo field with inline validation (try MELLI15 or SUNRISE10).
  • Persists across visits in local storage; badge in nav bumps on change.

Checkout

  • Three steps on one page: Contact, Delivery, Payment. Completed steps collapse to a one-line summary with Edit.
  • Express pay (Shop Pay, Apple Pay) at the top for phone shoppers.
  • Required 21+ confirmation and a serotonergic-medication acknowledgement before payment.
  • Shipping rules: free for subscriptions or $50+, else $5.95; Express $12.
  • Validation on blur, errors in plain language under each field.
  • Confirmation page with order number, subscription schedule and a “how to take your first one” note.

Design system

Every color is lifted from the pack's sunrise. Each section owns one hour of that gradient.

Display · Young Serif · 96/0.95Rise easy.
H2 · Young Serif · 72/1.05Pick your hour.
H3 · Young Serif · 32Heard at breakfast.
Body · Figtree 400 · 17/1.55Kanna gummies for the whole day, with clear doses on every page.
UI · Figtree 600–700 · 14–16Add to bag · $26.24
Wordmark · Nunito 900melli

Components

  • Pill buttons: Ink (primary on light), Sun (primary on dark), Ghost (secondary)
  • AM/PM day toggle with sliding sun/moon thumb
  • Gummy swatch (CSS-rendered, colored by flavor token)
  • Plan selector with expanding detail row
  • Accordion (grid-row animation, one open at a time in FAQ)
  • Cart drawer, line item, free-ship meter, toast

Voice

  • Warm, plain, a little wry. Short sentences.
  • Time-of-day language: rise, golden hour, low tide, soft landing.
  • Never promise outcomes. “Typically”, “most people” and ranges.
  • Safety copy is written in the same voice, not hidden in legal type.

Motion

Signature moments

  • Sunrise on load: the hero sun rises 22% over 2.2s while the product arch settles. One orchestrated moment; nothing else animates on load.
  • The scroll clock: the nav time runs 6:00 AM to 11:00 PM as you scroll, and the icon turns from sun to moon.
  • AM ⇄ PM: the formula section's surface fades from shell to night over 0.8s; sun orb shrinks into a moon.
  • Curve draw: the feel timeline strokes itself when it enters view.

Rules

  • Easing: ease-out-quint for UI (.22,1,.36,1), ease-out-expo for pops. No bounce.
  • Durations: 300ms hover, 450–550ms drawers and accordions, 800ms scene changes.
  • Only transform, opacity, color and grid-rows animate.
  • Everything is visible at rest; motion only decorates arrival.
  • prefers-reduced-motion removes all of it.

Mobile experience

Most traffic will be phone traffic from social. The mobile order puts product first: hero image leads, then the promise, then the button.

mellibag 1
Rise easy.
Unwind easier.
Shop Daily Lift

Hero: image first, thumb-reach CTA

mellibag 1
Daily Lift
● Subscribe & save 25% · $26.24
○ One-time · $34.99
Daily Lift
$26.24Add to bag

PDP: sticky add-to-bag bar

Your bag✕
You've got free shipping
Daily Lift
Blood Orange · Every 30 days
Add Low Tide for evenings
$26.24 · Add
Checkout · $26.24

Cart: full-height drawer

Menu✕
Daily Lift
AM
Low Tide
PM
Full Day bundle
Flavors
Kanna 101
Reviews
Find your ritual

Menu: products before links

Mobile rules

  • Thumb zone: primary actions sit in the bottom third; sticky Add to bag appears once the hero CTA scrolls away.
  • Tap targets 44px minimum; flavor chips and quantity included.
  • Horizontal scrolling only inside the compare table, never the page.
  • Menu opens as a full sheet with the two formulas as big tiles first.
  • Express pay first in checkout; autofill attributes on every field.

Performance

  • Hero image in AVIF/WebP with a 1200px max, preloaded; everything else lazy.
  • Two font families, subset, font-display: swap.
  • Target LCP under 2.0s on 4G, CLS under 0.05 (all media has fixed aspect ratios).
  • Gummies, PM pack and illustrations are CSS/SVG: zero extra requests.

Compliance & trust

Required

  • 21+ age gate on first visit (the one justified full-screen overlay), remembered for 30 days.
  • 21+ confirmation again at checkout, plus age verification through the checkout provider where required.
  • FDA disclaimer on PDPs and in the footer next to every structure/function claim.
  • State shipping restrictions enforced at address entry, with a clear message instead of a failed order.
  • ADA: WCAG 2.2 AA contrast, focus states, labelled controls, reduced motion.

Trust builders

  • Lab report lookup by lot number printed on the jar.
  • Doses shown on the PDP, not only on the label photo.
  • Safety note (serotonergic medications) in the FAQ, PDP and checkout.
  • 30-day feel-good guarantee (needs business sign-off).
  • Reviews only from verified buyers; all sample reviews in this prototype are marked as such.

Open decisions

  1. PM name. “Low Tide” is a working name that pairs with the sunrise pack. Alternatives: Golden Hour, Moonrise.
  2. Final doses and caffeine source. Values shown are layout placeholders.
  3. PM flavors. Proposed: Black Cherry, Wild Berry, Honey Peach, Lavender Lemon.
  4. Pricing. $34.99 one-time and $26.24 subscribed matches Ferris Wheel; bundle at $59.49 (15% off two jars).
  5. Guarantee and reviews platform. Needed before launch copy is final.
  6. Legal review. Confirm the restricted-state list (the prototype blocks LA as an example), the guarantee wording and every effect claim before launch.
  7. Photography. Commission a morning kitchen set and an evening table set to replace the CSS PM pack and fill the reviews UGC strip.