On Filling Pieces

A few self-initiated explorations of how I’d imagine the Filling Pieces store experience.

During my tenure at Bolden one of the bigger projects I was working on was Amsterdam-based footwear label Filling Pieces. They started out selling their products online using an open-source platform called OpenCart. Even though OpenCart is a capable tool, it couldn’t really keep up with the pace the company was growing. Which was especially true during the peak of an ongoing sale.

In order to guarantee a more solid checkout-process no matter the traffic, we went through the process of migrating to Shopify. Shopify itself comes with its own set of limitations, but once you learn how to embrace them instead of finding workarounds you’ll end up a happy camper. The huge plus of Shopify is that it’s amazingly stable and easy to manage.

Unfortunately the design of the site didn’t undergo a similar evolution and remained basically untouched. In a weekend project, I translated some ideas into a concept of how I’d envision a classic, yet adaptable design that works well in the case of Filling Pieces.

Unsolicited redesign

Filling Pieces releases new products twice a year. Every release comes along with a new theme which would usually require a few small updates in various places (“Y’all, for spring-summer 2017, is it possible we add an extra section that contains a product image with clickable areas and have the menu-drawer dark-blue?”). With the current site not really designed to be theme-able, this would usually lots of fiddling and patchwork.

The concept I’ve been working on is based on a theme-able front page plus one interchangeable accent colour for the entire site. That way, the initial impression of a visitor can be completely different with every release in whatever design the new theme requires, with the rest of the site basically remaining unaffected. This would convey the sense of something new twice a year, while keeping the same familiar shopping experience from the product overview to the checkout. View the prototype in your browser:

https://fp-597cff.netlify.com

The homepage

The front page in a generic theme for the purpose of this demo. The idea is that this page can be themed differently with every new product release.

The product overview

The product overview with the apparent underlying three-column-grid, which allows for plenty of interesting compositions.

The product page

The product page with detail imagery and a purchaser component that sticks to the right third of the page.

The cart

Slide-out cart component

The images and logo used in these screenshots aren’t mine, but property of Filling Pieces.