Coffeedesk Product Listing

Redesigning filters and sorting on the Coffeedesk product listing page to make product discovery easier.

Type

Marketplace

, B2C

๐Ÿ‘‰ Check the responsive prototype ๐Ÿ‘ˆ

Context

Coffeedesk has one of the largest coffee selections in Poland and the rest of Europe, but product discovery was a known pain point - the catalog is extensive and filters were hard to use. To understand the real scope of the problem, I ran usability sessions across 4 user segments: from casual buyers to professional baristas.

What I found

The biggest blockers were: sorting was hard to find, filters were poorly labeled and grouped, the product list had no visual scanning mode, and less experienced users were lost by technical filter categories they didn't understand. At the same time, visual elements (icons for brewing methods and flavor notes) worked well across all segments.

What I designed

Based on the findings, I redesigned the product listing page: restructured filters into a single scrollable panel (accordion groups on desktop and chip groups on mobile), separated sorting and made it immediately accessible, introduced visual filter chips for methods and flavor notes, and moved to a full-width layout. I validated the direction with a second round of testing before finalizing the concept.

Where we are now

The first iteration - covering the new filter and sorting mechanics - is currently being implemented for large-scale usability testing in production.

After
Before