Munchkin Product Listing Page

Smarter browsing, better discovery, fewer dead ends.

Role

Senior Digital Designer, UI/UX

Industry

Retail: Infant and Toddler

Tools

Sketch, Adobe Creative Suite

Problem

Users were browsing visually and largely ignoring filters. On mobile, 50% of sessions on the Bath category page scrolled past pagination entirely, suggesting the filtering tools weren't resonating. The result: shoppers getting stuck in a single collection and missing the broader product range.

Goal

Redesign Category Pages to guide more intentional browsing, surfacing related products, reinforcing reasons to buy direct, and giving users the information they need to compare options and buy with confidence.

a cell phone with a yellow rectangular screen

• Added category pills to encourage exploration beyond the current page • Introduced attribute flags: "Web Exclusive," "New," and "Best Seller" to surface key product signals • Improved mobile product cards with color swatches, star ratings, and review counts • Refined visual hierarchy across image sizing, typography, and spacing for easier scanning • Updated pagination styling to improve visibility against the white background

• Built category-specific filters so users shop by criteria that actually match what they're looking for • Added age-based filtering in 3–6 month increments from newborn to 3+ years • Introduced material filters (bamboo, BPA-free, stainless steel) for feeding and cup categories • Implemented sticky Clear and Apply buttons for consistent access throughout the filtering experience • Designed a slide-out filter panel with a semi-transparent background so users can see results update in real time as they refine

Enabled multi-select filtering with live feedback: the Apply button dynamically reflects the number of active filters, and selections appear as pill-style tags with an updated filter icon count, keeping users in control of their results.

Added lifestyle imagery to desktop hover states so users could see products in context: a change that received positive feedback. For the Miracle® 360° Tie Dye Cup launch, designed custom pattern swatches to accurately reflect each tie-dye variation.

Outcome

Click-Through Rate (CTR) on Product Cards increased by: +20%
After visual and UX changes made with image sizing and adding lifestyle image hover states, adding labels etc.)
Filtering & Sorting Usage Rate increased by: +25%
After making filters more visible, mobile-friendly, and intuitively grouped and relevant
Time on Page increased by: +15%
The baseline was about 45 seconds and increased to about 60 seconds.