2024 · E-commerce · Development

Silverskin Coffee Roasters

A WordPress and WooCommerce website for a Dublin coffee roastery. Specialty coffee, subscriptions, and the story behind every roast.

My role
Development
Built with
WordPress · WooCommerce

Overview

I developed an online home for Silverskin that brings its coffee, character, and commerce together. A custom storefront built on WordPress, with WooCommerce powering the shopping experience.

Silverskin Coffee homepage preview
The storefront in motion — from the first impression to the coffee collection.

Shopping for coffee

The coffee takes the lead. A spacious catalogue pairs product imagery with origins and tasting notes, while categories help visitors explore the range. Product pages bring the details, grind selection, and add-to-basket controls together in one place.

Silverskin coffee catalogue with category filters, coffee tins, and boxed specialty coffees
The coffee catalogue. Open the image to explore the full page.
Silverskin Coffee / Full page

Make it a coffee ritual

One bag or a regular delivery. Alongside individual products, the subscription page lets customers choose their coffee, roast, grind, number of deliveries, and frequency. Both journeys share the same stripped-back visual language.

Silverskin product page with a coffee tin, grind selector, quantity controls, and a subscription banner
A closer look at the coffee.
Silverskin Coffee / Full page
Silverskin subscription page with coffee, roast, grind, delivery count, and frequency selectors
A delivery tailored to the daily routine.
Silverskin Coffee / Full page

More than a shop

The roastery has a story of its own. Photography and editorial sections introduce the people, the roasting process, and the growers behind the coffee. The website gives that story room alongside the products.

Silverskin Our Story page, with a roaster at work beneath the headline Dublin Born Since 2012
A dedicated space for the roastery and its worldwide coffee partners.
Silverskin Coffee / Full page

The connecting details

A full-screen menu brings the different parts of the site together. Even the empty cart keeps the brand present, with a playful espresso machine and clear routes back to coffee, products, and subscriptions.

Silverskin Coffee homepage preview
The full-screen navigation in action.
Silverskin empty cart with an iridescent espresso machine and links back to the shop
An empty cart with somewhere to go next.
Silverskin Coffee / Full page
I also talk about web dev here: