WebsLead
0468 397 383Start a projectEnquire

QUIET, a demonstration skincare store on Shopify.

A full Shopify store for a fictional skincare brand, built to show what a calm, premium online store can do, from the first screen to the catalogue.

DemoA demonstration store for a fictional brand. Its products, reviews and figures are invented; the build is ours.

Start a project like this
Platform
Shopify
Type
Demo store
Stage served
02 Convert
Products
20
The whole QUIET home page, top to bottom: the guarantee hero, the starter set and range, three product promises, a week-by-week barrier repair timeline, reviews, gift sets, a reassurance banner, common questions and the footer.

The brief.

QUIET is our own demonstration brand: skincare for people whose skin barrier has been over-treated. The store had to feel slow and reassuring rather than loud, sell sets and refills as well as single products, and hold up on a phone. The brand, its products and its reviews are invented, and the store says so on every page.

Services used

Prices are our current rate card, so you can see what a store like this starts from. See all prices

What we built.

  1. A home page that leads with a promise

    A full-screen guarantee, "If it stings, you don’t pay", with one clear action, then the starter set and the range.

    See fig. 07

  2. A catalogue people can narrow

    Search, departments with product counts, and sorting, beside a grid of every product.

    See fig. 01

  3. Product pages that answer before you ask

    Size and price, one Add to cart, the guarantee in plain words, and delivery and returns right beside the button.

    See fig. 02

  4. Gift sets and sale pricing

    Boxed sets with their original and sale prices shown side by side.

    See fig. 04

  5. A story, not just a shop

    A brand story, a week-by-week timeline of what to expect, reviews and questions answered before checkout.

    See fig. 03

  6. Laid out for phones

    Every page rebuilt for a small screen, from the guarantee to the product grid.

    See fig. 06

The build, screen by screen.

Captured from the live site. Select any screen to see it full size.

The QUIET catalogue, "The whole range", 20 products: search, departments with counts and a sort order on the left, and a grid of skincare products with prices, one marked on sale.
Fig. 01The catalogue: search, departments and sortingDesktop
The QUIET product page for the Barrier Cream Refill pouch: the product photo, a 50 ml option at $26.00, an Add to cart button, the Barrier Guarantee panel, and notes on delivery and returns.
Fig. 02A product page: size, price and the guaranteeDesktop
The QUIET brand story: a woman in linen in a stone room beside three skincare bottles, and the heading "Built for the skin that everything else made worse."
Fig. 03The brand story, "Why QUIET exists"Desktop
The QUIET gifts department: six boxed skincare sets in soft colours, each marked on sale with its original price struck through.
Fig. 04Gift sets, with sale pricesDesktop
The foot of the QUIET home page: skincare bottles and a jar beside still water under the heading "Take the week. The skin is not going anywhere." with a Read the guarantee button, a strip reading fragrance-free, acid-free, retinoid-free and fourteen-day guarantee, and the footer.
Fig. 05The closing banner and footerDesktop
The QUIET catalogue on a phone: the heading "The whole range", 20 products, and a two-column grid of products with names, short descriptions and prices.
Fig. 06The catalogue on a phonePhone
The QUIET home page on a phone: an amber dropper bottle under the heading "If it stings, you don’t pay" and a green "Start The Reset" button.
Fig. 07The guarantee on a phonePhone

Tell us what's broken.

Pick where it hurts. We'll tell you which stage is costing you money, then send a written scope and price.

  • No brief needed
  • A written scope and price
  • Yours to keep either way
Tell us what you're trying to fix0468 397 383