In line with the redesign of WestwingNow’s corporate identity, the design of the new Product Listing Page (PLP) had to be clean, minimal and elegant. With a sleeker cross-category navigation, horizontal filters and a cleaner product cell with a light grey background, the page was designed first for mobile, later for both android and IOS app, and lastly for desktop.
Below you can see a comparison of how the PLP looked before and after the redesign.
The Westwing brand consists of two websites: the club which is private, only accessible by logged in users, and the shop, which is this one. Being WestwingNow the only public one, SEO played a particularly important role, which meant cross-category navigation was key. I worked very closely with the SEO team and we ended up with this “tag” system under the page title, which allows the users to narrow down their search seamlessly, providing a great SEO structure, without hurting the design or interrupting the user’s experience.
For the product cell, as the pre-existing image catalogue had a white background, the light grey layer was coded on top of all of the images. This reduced the cost of reshooting all the products on a new background, and allowed for a much faster rollout. This background anchors all the information (wishlist icon, tags, price) to the corresponding product, creates a pleasant grid and makes the navigation easier for the user.