Advance Flooring

Multi-level header navigation allows multiple ways of reaching the desired catalogue destination: by category, by application, and by brand. For the catalogue itself, a comprehensive filtering and search system, powered by Algolia, with the ability to browse products in different modes, including a special “Compare mode” that allows quick browsing through key product attributes.

An engaging way of browsing various rooms and areas of key sectors Advance work with, with the ability to quickly navigate to recommended products or add samples.

Custom-tailored sample cart solution allows visitors to easily select and add product samples from anywhere, including a one-click addition of relevant samples used for case studies. The sample enquiry is then integrated directly with SugarCRM to streamline the process for the Advance team.

During the discovery phase, we approached multiple third-party product visualiser companies and found that none of them worked as we needed, being too abstract, outdated in terms of UX and design, or overly complicated to use. We have designed and developed a custom solution, that allows visitors to preview selected products in different environments and explore different shapes and colour patterns, specific to each product, and managed in the CMS.

Under the hood, we used architectural visualisations to pre-render layered imagery without floor surfaces (but with a separate transparent layer of shadows and highlights) and merged that with WebGL-based dynamically generated surfaces. This gave us full control in implementation and best performance, compared to most of the third-party solutions' backend-based rendering. The resulting feature turned out to be very useful for the sales team, and simply fun to play with, especially the randomiser, which gives you interesting patterns and combinations on every click.

We have selected the industry-leading NextJS framework along with Sanity, a modern headless CMS, and Vercel, our go-to cloud hosting solution. Following modern Jamstack architecture best practices, the website is fast, secure and supports any amount of simultaneous visitors.

Advance website has relatively high volume of content types, some of which are highly custom, such as Products and their relations with product visualisers and sampling systems. In those cases, Sanity's flexibility allowed us to develop custom CMS components for the best content management experience