Puckhaber Decorative Antiques

Summer 2016

  • CSS3
  • Django
  • HTML5
  • JavaScript
  • Python

Puckhaber Decorative Antiques is quite possibly my original client – I’ve been very fortunate to have been able to work on three generations of their site over the years, and I'm particularly proud of its most recent iteration.

Browser bar illustration
The Puckhaber Decorative Antiques desktop homepage

The Puckhaber Decorative Antiques desktop homepage

I was first approached by Puckhaber in 2009 to design and build a site to allow them to better market their amazing catalogue of antiques. The initial version completed in that year featured a bespoke CMS written in PHP (we all went through that phase, right?), but I rebuilt the site in Django in 2012 to take advantage of the latest back-end tech and skills I'd then-recently learned, and improve upon shortcomings of the original site. 2016 saw a further major update, improving and expanding the site's content management features and replacing the front-end with a brand-new, fully responsive redesign.

Laptop illustration
The Puckhaber product detail page, desktop layout

Hey!
This preview is scrollable!

The Puckhaber product detail page, desktop layout

The current site features a fully managed product catalogue and image library, static page management and a managed news and press features section. There's also integration with Mailchimp for newsletter subscription, and the latest photos are automatically pulled in from the shop's Instagram profiles. The front-end is designed to scale from mobile to mega-desktop resolutions with extensive use of responsive images to optimise performance across devices.

Mobile device illustration

Hey!
This preview is scrollable!

Puckhaber Decorative Antiques is part of the Lillie Road Association, and since by happy coincidence I had the privilege of developing that particular website as well, I was able to create an API through which the Puckhaber site and others members of the Association can automatically export stock data to the Lillie Road site, saving effort for all involved.

The 2016 refresh included an updated development toolchain featuring Grunt, SASS and RequireJS.