Highcloud Tea
A Malaysian highland tea brand’s own store and the office behind it: teas dated with their harvest, a tea planner that becomes a subscription, gift boxes and self-serve corporate gifting, sold on its own store, Shopee, Lazada and TikTok Shop from one stock count.
The brief
The Malaysian tea brand stores we studied are thin: a name, a price, one paragraph and Add to cart. None shows when a tea was harvested or how long it keeps, corporate gifting is a form and a wait, and the brands also sell on Shopee, Lazada and TikTok Shop with no single count of their stock.
What we shipped
A store where every tea is a dossier: tasting notes, caffeine, the harvest batch and best-before, a brew guide, the Bahasa Malaysia label and photo reviews; tins, refill pouches and sachets with the price per cup; a tea planner that turns cups a day into a subscription; gift boxes and gift cards; rewards; a checkout with Malaysian payment methods and instalments; receipts with tax by code. Companies build gift boxes, upload their recipients and get a quotation and e-invoice at once. Behind it: cart and next-harvest reminders, review moderation with a food claims check, packing by courier and by batch, one stock count across four channels and an owner overview, in English and Bahasa Melayu, with prices in MYR, SGD or USD.
Built for: Brands that sell their own food and drink online, such as tea, coffee, snacks and other packaged goods, on their own store and the marketplaces, and the small teams that pack their orders and sell to companies.
Inside the build
Every part, and what it does
A closer look at what was actually built — screen by screen, so you can judge the depth for yourself.
Highland tea, dated with its harvest
The home page opens on the estate at dawn, with this week’s pluck shown as a harvest docket, and English, Bahasa Melayu and prices in MYR, SGD or USD in the header.
- Batch, plucked date and best-before
- Facts that link to the detail
- MYR, SGD or USD
Shop by tea type, caffeine and time of day
A filter column made for tea buyers narrows 24 products by type, caffeine, time of day, origin and format, and every tile shows the price per cup.
- Type, caffeine, time of day and origin
- Price per cup on every tile
- Best-seller and limited-harvest badges
A dossier for every tea
The buy box puts the tin or refill pouch, cups and price per cup, buy once or subscribe at 10% off, instalments and the tax status in one place; below sit the batch you will receive, the brew card, the label and photo reviews.
- Saving per 100 g on refill pouches
- Buy once or subscribe
- Photo reviews marked as samples
A tea planner that becomes a subscription
Shoppers enter their cups by time of day and get a month’s plan with the cheapest mix of tins and refill pouches and the price per cup; one click subscribes every four weeks at 10% off.
- No caffeine after 6 pm swaps in a herbal blend
- The cheapest mix of packs
- Skip, swap or pause from the account
Malaysian payments in four steps
FPX, DuitNow QR, cards, Touch ’n Go, GrabPay, ShopeePay, Atome and Grab PayLater each show their own steps, and the summary splits sales tax by code. Nothing is charged.
- Eight ways to pay
- Instalments shown before paying
- The seller’s company and SST numbers on review
Tracking and a receipt with tax by code
Once Packing hands the parcel to the courier, the order shows the tracking number, the timeline and a printable receipt that names each line’s harvest batch and tax status, with an e-invoice on request.
- Paid, packed, shipped, delivered
- Amount before tax and tax per code
- An e-invoice on request
Rewards with tiers you can see
The three tiers are drawn as terraces with the shopper’s place on them: one point per ringgit, double on refill pouches, spent as money off or a taster pouch.
- Double points on refill pouches
- Money off or a taster pouch
- Higher tiers lower the delivery threshold
Corporate gifts quoted at once
A company builds 28 gift boxes for eight addresses and gets a priced quotation with both companies’ tax numbers; accepting issues the invoice and e-invoice and splits one tracked parcel per recipient.
- Volume prices, sleeve and card per box
- Recipients uploaded and checked
- Invoice and e-invoice on acceptance
Cart and next-harvest reminders
Carts left at checkout and next-harvest requests become WhatsApp or e-mail reminders, but only for shoppers who agreed, after the set delay and never in quiet hours; the funnel counts what they recovered. Simulated: nothing is sent.
- Only to shoppers who agreed
- The message shown before it goes
- Recovered orders counted
Packing by courier, picking by batch
Orders from every channel sit in courier lanes with their cut-off, every pick slip names the harvest batch to take, and gifts are held until the morning that lands them on the chosen day. Simulated bookings.
- Lanes by courier cut-off
- Pick slips name the batch
- Labels booked and handed over
One stock count, four channels
A TikTok Shop order takes stock from the shared count, earliest batch first, and the sync log shows the new count pushed to the store, Shopee and Lazada, less a safety buffer. Connections are simulated.
- Own store and three marketplaces
- Short-dated batches held back
- A sync log of every push
Owner overview
Weekly sales by channel, including company gifts, with best sellers, repeat customers, subscription and company revenue, a harvest watch and what the reminders brought back. Sample data.
- Sales by channel each week
- Batches to sell first
- Reminder results
Click through it yourself
Every screen above is interactive. No sign-up, nothing to install.
Behind the build
Researched first, then built
Before designing anything, we studied 14 tea brands and store tools: Malaysian and Singapore tea brands, international tea brands known for subscriptions, gifting and reviews, and the subscription, review, messaging and courier tools behind them. Nothing was copied. Each finding below changed a decision.
Studied (14)
- BOH Tea
- Cameron Valley Tea
- Ahmad Tea Malaysia
- TWG Tea
- Gryphon Tea Company
- The 1872 Clipper Tea Co.
- T2 Tea
- Bird & Blend Tea Co.
- teapigs
- Tea Forté
- Recharge
- Judge.me
- Klaviyo
- EasyParcel
What we saw
What Highcloud Tea does
What we saw
Malaysian brand stores are thin: a name, a price, one paragraph and Add to cart.
What Highcloud Tea does
Every tea is a dossier: tasting notes, caffeine, origin, the harvest batch, a brew guide, the label, reviews and pairings.
What we saw
Some state how to brew and some state cups per pack, but rarely both.
What Highcloud Tea does
Grams, water, temperature and minutes on every tea; cups and price per cup on every pack; a brew guide with a timer.
What we saw
No site we studied shows harvest or best-before dates.
What Highcloud Tea does
Batch, plucked date and best-before on every tea, packing that picks the earliest best-before first, and a public harvest log.
What we saw
Sold-out teas end in a “notify me” form.
What Highcloud Tea does
“Notify me when the next harvest is in”: the request becomes a WhatsApp or e-mail the moment the batch arrives, and the link opens the tea.
What we saw
Subscriptions let shoppers skip, swap, pause and cancel.
What Highcloud Tea does
A tea planner that turns cups a day into a monthly plan and a subscription, managed from the account.
What we saw
Corporate gifting is a form and a wait.
What Highcloud Tea does
A self-serve builder: box, quantity, sleeve proof, recipient upload, an instant quotation and an e-invoice with the company’s tax details.
What we saw
Brands run separate stores, and points stop at their own site.
What Highcloud Tea does
One store with Singapore delivery, one stock count across Shopee, Lazada and TikTok Shop, and a sync log the owner can read.
Feature checklist
54 of the 65 features the leading sites offer
We listed every feature we found in the research above. Highcloud Tea has 54 of them, and 4 more in part; the 7 left out are listed with the reason.
Catalogue and discovery12
- Shop by tea type
- Caffeine filter
- Time of day
- Origin and single estate
- Tasting notes
- Brew guide
- Ingredients
- Cups and price per cup
- Site search
- Pairs well with
- Bundles and gift sets
- Wishlist
Formats3
- Refill pouches
- Teaware
- Cold brew
Reviews5
- Ratings and reviews
- Photo reviews
- Highlights by topic
- Verified buyers
- Moderation with a claims check
Subscriptions and loyalty8
- Subscribe and save
- Skip, swap, pause or cancel
- Points
- Tiers
- Redeem for products
- Referrals
- Birthday reward
- Welcome code
Gifting9
- Gift boxes
- Message cards
- Chosen delivery date
- Digital gift cards
- Corporate gifting
- Branded sleeves
- Delivery to recipients
- Instant corporate quotations
- Company invoices and e-invoices
Delivery and payment7
- Free-delivery thresholds
- Pickup
- Order tracking
- Buy now, pay later
- Malaysian payment methods
- Other currencies
- Singapore delivery
Channels1
- Shopee, Lazada and TikTok Shop on one stock count
Marketing5
- Back-in-stock alerts
- Abandoned-cart reminders
- WhatsApp messages
- Limited harvests
- Festive campaign page
Operations4
- Courier rates, booking and labels
- Subscription portal
- Harvest and best-before dates
- An honest halal statement
Built in part
- Tea finder: the planner asks taste, caffeine and times of day instead of a separate quiz.
- Tasters: offered as a rewards redemption, not a shop of their own.
- Tea rooms: one pickup counter in Petaling Jaya.
- Journal: the brew guide and help articles stand in for a blog.
Left out, and why
- Paid membership: tiers do the job at a store with a RM 100 delivery threshold.
- Same-day delivery: it needs an on-demand courier contract.
- Reviews on the marketplaces: each marketplace keeps its own reviews.
- A wholesale store: a separate business-to-business system; corporate gifting is covered.
- A newsletter pop-up: the sign-up sits in the page with its consent wording.
- Workshops: not part of a store and its back office.
- Drop-off points: the courier collects from the packing room.
Design research
How the leading sites look, and what we took
We measured the fonts, colours and layouts of the stores we studied, then applied what most of them share in an original design, in the store and on every office screen.
Across the leading sites
In Highcloud Tea
Across the leading sites
Classical serif headings with a geometric sans.
In Highcloud Tea
Brygada 1918, sturdy at display sizes, with Kumbh Sans for text and a monospace only for batch codes.
Across the leading sites
Colour carried by colour-coded packaging on a quiet base.
In Highcloud Tea
An ink-and-mist base, with each tea type’s own tin colour used on tins, filters and labels.
Across the leading sites
Plantation and dry-leaf photography.
In Highcloud Tea
Highland photography of the mist, the plucking and the packing bench, with packs, labels and documents drawn so every word is real type.
Across the leading sites
A story band about where the tea comes from.
In Highcloud Tea
The harvest docket: batch, elevation, plucked date and best-before on the home page, tea pages, pick slips and a public harvest log.
Across the leading sites
Size tiles with cups and two priced options.
In Highcloud Tea
Tin, refill pouch and sachet tiles with grams, cups and price per cup, and buy once or subscribe as two priced rows.
Rules it follows
The business rules, built in
The prototype enforces each of these, so you can test them yourself.
Freshness and batches
- Orders take the batch with the earliest best-before first, on every channel
- No pack is sold with under 90 days to its best-before
- A returned sealed pack goes back only if it still has that shelf life
Tax and invoices
- Tea exempt, herbal infusions 5% inside the price, no Malaysian sales tax on Singapore orders
- Own-store sales in a monthly consolidated e-invoice; company orders get their own
- Receipts show the amount before tax and the tax per code, in ringgit
Labels and claims
- Labels in Bahasa Malaysia first, with “scented tea” and “herbal beverage mix” as the law names them
- Disease, cure, “health” and halal wording held for checking; no halal claim without a certificate
Delivery and gifting
- Free delivery from RM 100 in Peninsular Malaysia, RM 200 in Sabah, Sarawak and Labuan
- Gifts held until the morning that lands them on the chosen day
- Company orders from 20 boxes, with volume prices and 14-day quotations
Consent and loyalty
- Marketing consent unticked, stored with its wording and time; no reminders in quiet hours
- Points only on paid orders, removed on refunds; points pay at most 20% of an order
Connected roles
One action, every screen
Every role works on the same records, so one person’s action shows up for the others.
- 1
A shopper asks to hear when a sold-out harvest is back; when Packing receives the batch, the shopper gets a WhatsApp with its best-before, and the link opens the tea from the new batch.
- 2
A shopper who agreed to messages leaves a cart; an hour later Marketing’s reminder goes out, the link restores the cart, and Marketing and the owner count the order as recovered.
- 3
A Shopee buyer orders a tea; the owner sees the shared count fall on every channel in the sync log, and Packing sees the order with its Shopee badge and the batch to pick.
- 4
Packing books the label and hands the parcels to J&T; the shopper gets a WhatsApp with the tracking link to the parcel’s timeline.
- 5
A shopper returns a wrong item; Packing puts the sealed pack back in its batch and refunds it, and the shopper’s order shows the refund as the points come off.
- 6
Marketing approves a photo review; shoppers see it on the tea’s page marked as a sample, while a review claiming to cure insomnia is held by the claims check.
- 7
A company accepts a quotation for 28 boxes to eight addresses; Packing sees one parcel per recipient, the buyer sees each one’s tracking, and the owner sees the company e-invoice.
Services it proves
Where Highcloud Tea is our example
Each of these service pages uses a part of Highcloud Tea to show the work. Open one to see what we would build for you.
- E-commerce websitesShows: A dossier for every teaA tea brand’s own store with subscriptions, gift boxes and corporate gifting, eight ways to pay, receipts with tax by code, and one stock count across Shopee, Lazada and TikTok Shop.
- Subscription commerceShows: A tea planner that becomes a subscriptionA tea planner that turns cups a day into a monthly plan with the price per cup, then a subscription every four weeks at 10% off.
- WhatsApp automationShows: Cart and next-harvest remindersCart and next-harvest reminders by WhatsApp or email, only to shoppers who agreed and never in quiet hours, with the message shown first and recovered orders counted.
- Food & beverageShows: A dossier for every teaA tea brand’s own store: harvest-dated teas with Bahasa Malaysia labels, subscriptions, corporate gifts and one stock count with the marketplaces.
- Retail & ecommerceShows: One stock count, four channelsA tea brand’s own store: harvest-dated teas, a tea planner that becomes a subscription, corporate gifting, packing by courier and one stock count across four channels.
Core systems
What this build is made of
These are systems we build repeatedly — each links to every other project that contains it, so you can compare implementations before deciding what you need.
Industry: Retail & ecommerce, Food & beverage
Unique to this build
Built specifically for this project rather than assembled from the shelf.
Harvest batches, earliest first
Every order on every channel takes stock from the batch with the earliest best-before, and no pack is sold with under 90 days left.
Tax by code on every receipt
Tea is exempt, herbal infusions carry 5% inside the price and Singapore orders carry no Malaysian sales tax; receipts show the amount before tax and the tax per code, in ringgit.
Food claims check
Disease, cure and function claims, “health”, “pure”, “detox” and halal wording are held in reviews and campaign copy before they can appear.
Want a build like this for your business?
Tell us what you have in mind and we'll put together a functional prototype of your project — free.