Your Playmat storefront banner: an anime character in black and electric blue beside the words Personalize your protection

Collections organized by artwork.

Visit yourplaymat.com (opens in a new tab)

Unit 2. Shopify storefront

Your Playmat

Shop by the picture, not the product

A store for custom playmats, card sleeves and gaming accessories, where shoppers browse by artwork and pick gear that suits their style.

Type
Shopify storefront
Sells
Custom playmats, sleeves, deck boxes, mousepads
We did
Storefront design and development
See it live
Visit yourplaymat.com (opens in a new tab)

The story

The problem

Card game players buy a playmat the way other people buy a poster. They care about the picture first and the rubber second. A store organised by product type puts the wrong thing in front of them.

The idea

Let the artwork lead. Collections are grouped by the worlds players already belong to, so shoppers land on pictures and only then choose what the picture goes on.

The result

The store is live and trading at yourplaymat.com, which is the best case study we could give you. Go and look.

The Your Playmat home page with a full-width character illustration
The home page opens on artwork, with no product grid in sight.
The Your Playmat product row: custom sleeves, playmat, deck box and custom size playmat
Custom products sit one scroll down, each with its own options.
The fantasy card game artwork collection banner
A collection for fantasy card game players.
The anime artwork collection banner
A collection for anime fans.

What we built

Browsing
Artwork-led collections and product discovery
Options
Custom product options for sizes and uploaded artwork
Platform
Built on Shopify, so the team runs it day to day
Visit yourplaymat.com (opens in a new tab)