Hero product, variants and an order form
Smart Mug DTC is for direct-to-consumer businesses selling one everyday product in a small range, guiding shoppers from the product story and comparisons through sets, reviews, questions and an order form.
Switch devices, scroll the full page, or open the live demo. This is the exact layout, photos and sample text a new page starts with.
The headings are the demo's own sample text. Your brief, or the AI copy pass, replaces them; the structure stays.
Perfect Temperature. Longer Mornings
Perfect Temperature. Longer Mornings introduces the mug and ordering option; supply four product photographs, order-link details, and evidence for the temperature-control promise.
Features should explain the mug’s functions using accurate product details, benefits and limitations the owner can verify before publishing.
More Than a Mug
More Than a Mug explains the product through three points and four photographs; provide verified functions and substantiate the perfect-temperature claim.
Stay in the Flow
Stay in the Flow connects everyday use to purchase; provide one relevant photograph and ensure claims about keeping drinks ready are supportable.
Three Steps to a Better Cup
Three Steps to a Better Cup gives buyers a simple process; supply three accurate steps that match how the mug actually works.
Made to Match Your Vibe
Made to Match Your Vibe lets shoppers consider finishes; supply three photographs that accurately represent each available colour or option.
Brewly vs. the Rest
Brewly vs. the Rest compares specifications, including the 10 oz capacity; provide measured product data and evidence for every comparison.
Find Your Perfect Brewly
Find Your Perfect Brewly presents three purchasable sets; supply three product photographs, current set details, and free-shipping terms you will honour.
Real People. Real Mornings
Real People. Real Mornings gathers customer feedback in a slider or tabs; supply genuine quotes and six authorised customer photographs.
Your Best Mornings Start Here
Your Best Mornings Start Here collects orders; supply form content, one photograph and three purchase points, and honour stated delivery, trial, warranty and dispatch terms.
Good to Know
Good to Know answers common concerns in an accordion; supply accurate answers, the support email, and a response process that meets the within-a-day commitment.
Good Coffee Leads to Great Things
Coffee’s role in better days closes the page with a purchase prompt; supply two photographs and closing copy that avoids unsupported outcome claims.
Smart Mug DTC is built for a direct-to-consumer launch or store page centred on one hero product. It works where the item has a clear job in daily life, but shoppers still need to understand why this version is worth choosing. A smart mug is the example, but the structure can also suit a kettle, lamp, speaker or bottle.
A generic shop page can make a considered product look interchangeable. This template gives the main item room to be photographed, described and compared before the order stage. It also makes space for variants, sets, customer comments and practical questions. That matters when the buyer is not simply choosing an item, but deciding whether it belongs in their routine.
The page is for a business that can state one useful promise plainly. It is less suited to a broad catalogue with many unrelated product categories. The focus remains on the lead product and the choices around it.
The template is light and minimal, with a choice of Ink, Espresso, Sage or Clay colour schemes. Hanken Grotesk is used for both display and body text. The font alternatives retain Hanken Grotesk as the body face, with either Caveat or Manrope paired alongside it. Choose the combination that keeps product information easy to read and fits the business’s own voice.
It calls for 25 photographs overall. The work is spread across the hero, product explanation, lifestyle band, colour choices, sets, reviews, order area and closing band. Plan the photography before writing the page. Capture the product on its own, in the relevant daily setting, in every real colour, and in each genuine set. Review images should support real customer material, while the order photograph should still make the item clear at the point of commitment.
Starting from this template costs no credits. Rewriting the copy with AI costs about 20 credits. A useful brief names the product, who buys it, the main use case, the variants, the sets and the facts that can be promised. It should also name the words customers use when they describe the problem or the result.
Give the AI the real capacity, materials, timing, dispatch details, trial terms and warranty terms where those belong on the page. State what must not be claimed. If a product has three colours but no commuter version, say so. The aim is not to preserve the mug example. It is to keep the page’s progression while making each statement true for the business.
Write the one-sentence promise for the hero first, followed by the three feature points and the three steps in the How band. Prepare the product details for Specs, including the measurements shoppers need to compare. Decide which variants and sets are actually available, then give each one a clear name.
Collect real customer quotes for Reviews. Write the answers for the Questions accordion, especially around use, care, delivery and any product limits that customers ask about. Finally, confirm the order terms shown beside the form. The delivery window, trial, warranty and dispatch statement must agree with the business’s current policy.
For a smart kettle, make the hero promise about preparing drinks rather than keeping one warm. Use How for the real brewing sequence, and use Specs for the details buyers compare between kettles. The lifestyle band can show the moments when it is used, provided the photographs reflect them.
For a smart lamp, replace the colour story with the lamp finishes or available options. The product band can explain its useful features, while the lifestyle band should show the rooms and routines it is made for. Keep the sets band only if there are genuine single and multi-item offers.
For a speaker or bottle, retain the same order: promise, features, use, steps, choices, specifications, sets, reviews and order. Change the language so it describes the product’s real role. The page works best when the story stays about one item and one consistent buyer need.
If the product is a wearable launch rather than a kitchen or home object, Smartwatch Launch is the closer starting point. For one product without this particular mug-led product story, consider Single Product Launch.
If the main offer is a short sales event, 11.11 Flash Sale is a more relevant route. A skincare item may fit Natural Skincare better. Browse the ecommerce template collection for other store page starting points.
It opens in the editor with the layout, the photographs and the sample text you have just scrolled through. Starting from a theme costs no credits.
