How to present a portfolio of over 100 products?

PHP JavaScript MySQL WordPress

High performance & user friendly product filter

Paramair GmbH is a B2B distributor for measurement devices. The company has more than 100 products in their portfolio. Introducing a high-performance and user-friendly product filter is the main goal of the redesign.

This challenge is addressed through a bilateral search approach: The user is able to search via a preferred industry like agriculture, science or logistics. Alternatively, the user searches by product types and associated filters like measurement task and or manufacturer.

In a nutshell

Technology stack

A WordPress theme was developed based on the Bedrock boilerplate by For workflow automation and dependency management Gulp and Composer are used.

To achieve the high performance requirements, the portfolio filtering was realized on the client site with JavaScript. As a core component for the filter technique the plugins Isotope and ImagesLoaded both created by David de Sandro are used.

The layout is designed from core applied with the BEM Method in mind and SASS as a preprocessor engine for CSS. The user-friendly and responsive layout is build upon Bootstrap 4.


Paramair GmbH