Show the task first
Search, category and sorting sit together so the catalog is scannable.
Concept case
Make the catalog easier to read.
Een demonstration case voor een fictieve webshop. We behandelen drie herkenbare problemen zonder onderzoeksresultaten te verzinnen.
Original / proposed
See the change.
Voor
shopplazaMenu
FilterProductsSort
AeroPad 11SRD 1899
Norda headphonesSRD 899
Orion laptopSRD 4299
Na
ShopPlazaSearch / Cart
FilterProductsSort
AeroPad 11SRD 1899
Norda headphonesSRD 899
Orion laptopSRD 4299
Three decisions.
Make product differences legible
The card carries one useful specification instead of decorative badges.
Keep mobile in the same system
The filter becomes a compact control. The product hierarchy stays intact.
Mobile check
Same choices, less chrome.
ShopPlazaSearch / Cart
FilterProductsSort
AeroPad 11SRD 1899
Norda headphonesSRD 899
Orion laptopSRD 4299