- Bespoke WordPress build website
- Imagery gallery Lightbox
- Advanced features
- Shorter loading time
- Refreshed brand
Hunters is an independent furniture consultancy, based in Central London. They have many high profile clients, including Unilever and Mazda. The brief was to modernise the site and make a big move away from its existing black and white feel and heavy text areas. Preface Studios received a referral from a previous successful project and won the pitch to redesign the Hunters website and refresh the brand.
We designed and built a bespoke WordPress website with simplified content and mobile-first philosophy. The refreshed Hunters brand is clean and considered with lots of white space and new web fonts.
Hunters’ furniture solutions are beautifully designed and the company needed a website that reflected that. The lightbox feature we developed in-house really makes the new website stand out. When you click on Projects, it enlarges and just focuses on the image. A carousel slider for the gallery of images sits underneath the banner. The slider is 100% width at smaller screen widths, but when there is enough space, such as tablet landscape size, the website responds and the image and part of the next gallery images show up on the left and right of the current image. It sizes well no matter what width the browser window is. All of this was created using responsive images and the picturefill polyfill with srcset. This means only an image relevant to the screen size and device pixel density is displayed. So images never look blurry, but also load at the correct size – saving loading time and memory use in the slider and full screen slider.
The magic really starts when you click the View Case Study buttons, either in the banner or the sidebar and enter the full screen slider. The current image in the carousel will animate into a full width photo viewer overlay with a caption displayed either underneath (on mobile) or on the right of the full screen image. As you touch and swipe, click and drag or click through the images, the case study text changes and the project is explained in stages, showcasing each case study beautifully.
The final website creates a whole experience that is a lot like a native app on your phone, but in a website, which is huge from a developer and user perspective. It showcases over 40 projects and shows the Hunters furniture solutions process in a simple and eye catching way.
“The new website uses responsive images and works on all devices. Our employees can easily use it on their phones or an iPad when pitching to potential clients by swiping through pictures. The lightbox functionality is fantastic and showcases our work brilliantly. It’s great to be able to zoom and drag images. We’ve already seen uplift in enquiries and had great client feedback.”
Dave – Brand & Marketing Manager at Hunters