The one decision behind a New Zealand online store demo
The demo gives every product card a single green Order button that leads to a product link, with no cart or checkout. The rest of the store is built around that one action.
The decisionEvery product card gets one full-width green Order button that points straight to a product link, with no cart and no checkout.
Why
The owner wanted products shown clearly and orders taken online through a link. Here the order path is a link to the product's own page, so the site's job is to get a visitor from liking an item to that page in one tap. One button on each card says that plainly, in the green the owner asked for.
What we passed on
A cart and checkout flow, the usual shop pattern. It would add steps and a fake checkout to a demo, when the order path is a link. A busy grid with badges and extras was also ruled out, so each card keeps one action.
What rests on it
The home page grid of six products, the shop page with all twelve and its category filter, the Browse by room tiles that deep-link into it, the Order sheet, and the green band that explains the three steps.
Around the decision
Three kinds of everyday-goods store were looked at: how they group clothing, kitchen and household items, how they keep a busy grid readable, and how calmly they speak about quality.
A bright, green-led shop window for everyday home goods: big clear product photos, plain labels and one green Order button on every item. White page, deep green for buttons, band and footer, with a friendly retail display font and a round, legible body font for small product cards.
The signature moment
Tap Order on any product and a sheet rises with that product, the three steps and the example link it would open. It then says plainly that nothing was sent and no order was placed. It shows the owner exactly where a customer would go.
What we tookA busy grid gets hard to scan, so each card here keeps one action, Order, with no badges or figures.
What we tookShop by room first, plain product names and big square photos. This became the Browse by room tiles and the category filter.
What we tookUseful, good quality, said quietly. This sets the tone of the about page.
The build sheet
Colour
Type
Bricolage Grotesque for headlines, Figtree for reading.
Pages
- Home
- Explains the store in one line, shows the three ranges in a shop window, and lists six products with the filter and Order buttons.
- Shop
- All twelve products with the category filter and an Order button on every card. Browse by room tiles link into it.
- About
- Says in a calm tone that the store is useful and good quality.
Search built in
- Page title pattern: business name, then Home and everyday goods, ordered online.
- Meta description: a demo online store for clothing, kitchen and household goods, with clear product photos and an Order button on every item.
- Structured data on the home page: OnlineStore.
- An llms.txt summary file is published.
This was a free demo website built for a real business before they had paid anything. We keep the business anonymous.
Want a demo built for yours?
A few minutes of questions on your phone. Richard builds a demo of your site, free, and you decide from there.