Hifi Filter
Your filtration partner
![airplane](https://cdn.sanity.io/images/zvxprgaj/production/2a4c66460d354b201d083c0695cd2120e449df4d-3600x1720.jpg?w=2560&h=1440&q=80&fit=crop&auto=format)
- Art Direction
- Conception
- UX/UI
- Front-end development
HIFI FILTER, specialized in filtration and separation solutions for mobile equipment and industrial processes, enlisted our services for the creation of a custom showcase website. The goal was to highlight their range of high-performance filters and to strengthen their presence as a reference partner among professionals.
![Custom homepage for Hifi filter website](https://cdn.sanity.io/images/zvxprgaj/production/7356f4941dc8ed8d8634e21c8b98ee40f29ea0c4-2880x5834.jpg?w=2304&q=80&fit=crop&auto=format)
Art direction
For the HIFI FILTER website, we took charge of the art direction by creating a sleek and modern design. Using large headlines and the color red for a punchy look, we aimed to give their site a dynamic appearance. Collaborating with Hocus Pocus for the 3D part of the filters added a nice touch to the whole.
![Custom website hifi filters with desktop burger menu](https://cdn.sanity.io/images/zvxprgaj/production/9b32eb6cc2e00c6cbfb41e4e9d6a72f95d8268e9-3840x2160.jpg?w=2560&h=1724&q=80&fit=crop&auto=format)
![Custom website hifi filters with desktop burger menu](https://cdn.sanity.io/images/zvxprgaj/production/9b32eb6cc2e00c6cbfb41e4e9d6a72f95d8268e9-3840x2160.jpg?w=1280&h=1748&q=80&fit=crop&auto=format)
![Custom website construction for desktop with high-fidelity filters](https://cdn.sanity.io/images/zvxprgaj/production/e0a268add6591748208f2b71ebca38eadb0d400b-1600x3248.jpg?w=1352&q=80&fit=crop&auto=format)
Burger menu
We opted for a full-screen burger menu to facilitate navigation and more clearly prioritize the various products and areas of Hifi Filter. This approach allows for a structured view of all services and products from the moment the menu is opened.
![Custom desktop internet filter site engine](https://cdn.sanity.io/images/zvxprgaj/production/31f4cbd76edbea936348c185fd06a53b7cc4d09a-1600x3086.jpg?w=1352&q=80&fit=crop&auto=format)
![Custom website hi-fi filter slider menu](https://cdn.sanity.io/images/zvxprgaj/production/f11c689a18418da55b007b7195ff0f8a9238a970-2880x1600.jpg?w=2304&h=1294&q=80&fit=crop&auto=format)
![Custom website menu with high-fidelity filter](https://cdn.sanity.io/images/zvxprgaj/production/462ab26b2b14b43d25be1c27226174f0c3fd7149-2880x1600.jpg?w=2304&h=1294&q=80&fit=crop&auto=format)
![Agence web Akaru](https://cdn.sanity.io/images/zvxprgaj/production/f11c689a18418da55b007b7195ff0f8a9238a970-2880x1600.jpg?w=2304&h=1294&q=80&fit=crop&auto=format)
![Agence web Akaru](https://cdn.sanity.io/images/zvxprgaj/production/462ab26b2b14b43d25be1c27226174f0c3fd7149-2880x1600.jpg?w=2304&h=1294&q=80&fit=crop&auto=format)
![Custom red car internet filter site](https://cdn.sanity.io/images/zvxprgaj/production/df24f3fca9d834480c08214e56f80ecc3ec4ddc4-3840x2160.jpg?w=2560&h=1724&q=80&fit=crop&auto=format)
![Custom red car internet filter site](https://cdn.sanity.io/images/zvxprgaj/production/df24f3fca9d834480c08214e56f80ecc3ec4ddc4-3840x2160.jpg?w=1280&h=1748&q=80&fit=crop&auto=format)
![Custom desktop internet site with high-fidelity filter and e-catalog](https://cdn.sanity.io/images/zvxprgaj/production/01c1ff061ce2ed03b2366d7097773d050b1965e7-2880x4238.jpg?w=2304&q=80&fit=crop&auto=format)
From the showcase site to the e-catalog
For this showcase website, Hifi Filter already had an e-catalog site intended for BtoB companies for specific orders of parts. The goal was to inform visitors as much as possible to encourage them to make a purchase. So we reused the code from the e-catalog site to create the front-end of this site, while Digitz agency took care of the back-end development.
![Custom internet filter website](https://cdn.sanity.io/images/zvxprgaj/production/0b0da45c9f802299b3dda5835feebe29f5384657-2880x1620.jpg?w=2304&h=1294&q=80&fit=crop&auto=format)
![Custom desktop internet filter for high-fidelity activities](https://cdn.sanity.io/images/zvxprgaj/production/764d06bf98de0940de277aa425ec7a5837622c78-2877x1620.jpg?w=2304&h=1294&q=80&fit=crop&auto=format)
![Agence web Akaru](https://cdn.sanity.io/images/zvxprgaj/production/0b0da45c9f802299b3dda5835feebe29f5384657-2880x1620.jpg?w=2304&h=1294&q=80&fit=crop&auto=format)
![Agence web Akaru](https://cdn.sanity.io/images/zvxprgaj/production/764d06bf98de0940de277aa425ec7a5837622c78-2877x1620.jpg?w=2304&h=1294&q=80&fit=crop&auto=format)