Bartley Studio Get your price

Product page exampleFrom Larder, a concept store by Bartley Studio

Homewares product page example: the Sunday tablecloth, from Larder

A working product page from Larder, a kitchen and table shop we designed, built and photographed as a concept. Use it in the window below, then read why each part is there.

Scroll inside the window, choose options, add to the cart

Open it full size

Larder is a concept store: we designed it, built it and made every photograph on it. It is not a real business and nothing is for sale.

Why each part of the Sunday tablecloth page is there

Every part answers a question a buyer has before they add to cart, in the order they ask it.

  1. Five colours, three sizes

    Each colour swaps the photograph and each size reprices the cloth.

  2. A finder for your table

    Give the size of the table and the finder picks the cloth that fits it.

  3. Matching napkins, priced

    Napkins in the same colour as an add-on, priced for four or six.

  4. The weave up close

    A mitred hem and slubby linen in raking light answer how it is made.

  5. Set for lunch

    A room frame shows the cloth set for four, so the colour is judged with plates and glass on it.

  6. The weaver behind it

    A storytelling frame shows the loom, so woven by hand is shown, not claimed.

What to take from this page for your own store

The ideas behind this page work on any product page. Here is each one, why it works and how to try it on yours.

  1. Make every option change the photo, the price and the stock

    A buyer who picks a colour or size and sees a different product, price or stock level knows exactly what they are buying, and does not have to guess.

    On this page: Five colours, three sizes

    Try it on your store. Give each variant its own photo, price and stock or lead time, so choosing one updates all three at once.

  2. Let buyers check size or fit before they buy

    Baymard Institute found that 42% of shoppers try to judge how big a product is from its images alone. A scale image, a sizer or a finder answers that before the order, not after the return. Baymard Institute, in-scale product images

    On this page: A finder for your table

    Try it on your store. Add one image with a person or a familiar object for scale, or a simple finder that turns a buyer's measurement into a size.

    How do I cut returns caused by "not as pictured"?
  3. Price every add-on before it is added

    When an underlay, a matching set or gift wrapping shows its price up front, buyers add it with confidence instead of meeting a surprise at checkout.

    On this page: Matching napkins, priced

    Try it on your store. Show each add-on with its price beside the main option, and update the total as it is chosen.

  4. Show the detail that justifies the price

    Close-ups of the material, the joint or the stitching answer how it is made and how long it will last, which is what a higher price is paying for.

    On this page: The weave up close

    Try it on your store. Add two close-ups: the material, and the one detail that shows quality in your product.

  5. Show it in use, in a real setting

    A product in a room, switched on or being worn lets the buyer picture it in their own life, which a plain packshot cannot do.

    On this page: Set for lunch

    Try it on your store. Add one image of the product in use, in the kind of place your buyer would use it.

    How many images, and which kinds, does a product page need?
  6. Show who makes it

    A photograph of the maker at work shows the product is made by real people with real skill, which supports a handmade price.

    On this page: The weaver behind it

    Try it on your store. If your products are made by a person or a small team, add one real photo of them at work to the gallery.

The imagery on the Sunday tablecloth page

Every frame on this page was made by Bartley Studio. For a real brand, they start from phone photos of each product.

  • Sunday tablecloth: folded
    Folded
  • Sunday tablecloth: another colour
    Another colour
  • Sunday tablecloth: the weave up close
    The weave up close
  • Sunday tablecloth: set for lunch
    Set for lunch
  • Sunday tablecloth: the weaver
    The weaver
  • Sunday tablecloth: the yarn
    The yarn

Score your own product page against this one

Open one of your product pages and tick what it does. It takes a minute, and every unticked line is a question your page leaves open.

0 of 8

Tick what your product page does today.

Questions about this example

Is Larder a real store?

No. Larder is a concept store designed and built by Bartley Studio, with every photograph made by the studio, to show what a product page and its imagery can do. Nothing on it is for sale.

Can Bartley Studio build a product page like this for my store?

Yes. Bartley Studio redesigns product pages around the photos you already have, or makes new imagery for them as well, and builds them into your Shopify store as a template for every product of that type.

Do I need new photos to get a page like this?

Not always. If your photos are good, the redesign uses them. If the gallery is missing frames buyers need, such as scale, detail or the product in use, Bartley Studio makes them from a phone photo of each product.

Still have a question? Ask us

Start a product page project

Redesign my product pages

Tell us about your store and you get a clear quote.