Materium Furniture Product Detail

Materium's landing page is a gallery of their collection' photos. User can browse and see the details of products tagged in each photo.

The goal is to make a simple product gallery that has a similar experience both on desktop and mobile. On desktop, clicking a product tag will open a side pop-up that tells the detail of the product, while on mobile the pop-up will fit the whole screen.

Check the live website at materiumideas.com
Read more on Materium's case study https://medium.com/swlh/making-identical-experience-across-devices-materium-product-catalog-1f9a900eb215

Done under Thinking*Room in 2019. Art director: Ritter W.P.; graphic designer: Ignatius Leo; interaction design & development: Edwin.