Fontaine Decorative Antiques

Summer 2018

  • CSS3
  • Django
  • HTML5
  • JavaScript
  • Webpack

Having spotted some relevant work of mine in the wild and been referred by one of my long-term clients, Fontaine approached me with a brief to redevelop their antiques catalogue site from the ground up. I crafted an extensive proposal for a phased programme of development, starting with a feature set that would supersede their legacy site, then planning subsequent phases that would add significant new functionality.

Browser bar illustration
The Fontaine homepage

The Fontaine homepage

High on Fontaine’s list of requirements were UI and UX improvements to address some functional shortcomings in their existing site, and the promise of a new CMS that would reduce their admin workload and help them stay on top of their content. They supplied an initial set of design comps, and we were able to work quickly together to extend these into a more comprehensive responsive design language with wireframes and illustrative mobile designs from me.

Laptop illustration
Fontaine product detail view, desktop layout

Hey!
This preview is scrollable!

Fontaine product detail view, desktop layout

After agreeing a scope for the first phase of development I was able to rapidly create a rich Django-based back-end and a fully responsive set of front-end templates. I was stoked to have a chance to use the recently stabilised CSS Grid Layout in production, and this was an incredible help in rapidly creating flexible two-dimensional layouts across a range of viewport sizes without the traditional fuss and fight.

My development toolchain included Yarn, Webpack, SASS, Babel for ES6 JavaScript, SVG Symbols for highly compact icons and CircleCI for back-end tests.

Neat customer-facing touches include a loupe feature on the product detail template that allows a quick glance at the finer details of a product’s imagery.

Having delivered a website I’m truly proud of for our initial phase, I’m looking forward to returning to the project to build on top of this foundation and provide Fontaine and their customers with exciting new features.

Mobile device illustration

Hey!
This preview is scrollable!

Browser bar illustration

The loupe feature – one of my favourite touches