best

back

Two builds for one Leeds shop. First the drop, then the whole store.

client
Best, Leeds
what I did
Design, build, drop launches, SEO
built with
Shopify, Liquid, vanilla JavaScript
live at
wear.best
Best homepage: a small script logo, two buttons for own label and lookbook, and a grid of product photos with a black tooltip showing a product name and price
The whole shop on one screen. Product names follow the cursor, so the grid stays nothing but clothes.

the shop

Best is a streetwear shop on New Market Street in Leeds, with its own label and a following that turns up for drops. I have built their website twice. The first time to launch a drop. The second time from nothing, because what they needed from a website had changed.

build one: the drop

The first job was a launch. The store had to stay locked until a set time, open early for members only, then open to everyone an hour later, without anyone touching it on the night.

I also shot the flatlays for it.

build two: the rebuild

Drops were working, but the store around them was still a standard theme with a lot bolted on. So I started again on a clean base and built the opposite: almost nothing on the page except the clothes.

Best product page: a grey henley on the left, with name, description, square size buttons and a yellow add to cart button on the right
Product page. Square size pills, one yellow button, and a way back to the shop.
Best 404 page reading Nowt here, with buttons back to own label and lookbook
The 404 page. It is a Leeds shop.

a lookbook you can shop from

Best had a full shoot and nowhere good to put it. The lookbook is a slideshow of that shoot, arranged into chapters by colour so it reads like a story rather than a camera roll. Every piece in every photo is marked, and each mark goes straight to the product.

Best lookbook: a photo of two models in grey tracksuits with a yellow marker on the hoodie linking to the product
The markers are barely there until you reach for one. Arrows, keyboard and swipe all move through the shoot.

It is built so the shop can run it themselves. Photos are added in the Shopify editor, and each marker is placed by dragging two sliders until it sits on the garment.

on a phone

On a phone the lookbook drops the markers and puts a button for each piece under the photo, because nobody can hit a small dot with a thumb.

Best shop grid on a phone, two products per row with names and prices underneath
Best product page on a phone
Best lookbook on a phone, with buttons for each product under the photo

getting the shop found in leeds

Best is a real shop with a real door, and the website was doing nothing to tell Google that. Alongside the rebuild I took on their local SEO:

"Gets the job done to an excellent high standard."

Perri, Best  ·  5.0 on Google

what this shows

Most designers hand over a site and leave. I have been with Best through a drop, a sale, a full rebuild and the search work that follows, and the site has changed each time the business has. That is what a monthly retainer is for. If you have a Shopify store that has been patched more times than it has been designed, this is the fix.

start a project see all the work →

more