Logo of UI Challenges
Sign in
Wireframe example for Top Shelf
An example interpretation of the prompt
Icon of target

Top Shelf

Icon of book open

Top Shelf is a premium shopping experience for luxury goods. Design the core ecommerce surfaces for browsing, filtering, and buying, with a visual system that feels restrained, polished, and expensive without becoming ornamental.

Focus on the main purchase path: collection browse, advanced filters, product detail, wishlist, member sign-in, and checkout. The interface should help shoppers move from discovery to decision with minimal friction. Keep the layout calm, the hierarchy sharp, and the product imagery large enough to do the selling.

The filter system should support high-intent shopping: category, brand, price, condition or availability, and sort order. Filters need to be easy to open, edit, and clear without losing the current result set. Product cards should surface the few details that matter most at a glance, while the detail view should support zoom, variant selection, and quick comparison of key attributes.

Design for desktop and mobile. On smaller screens, keep navigation and filters usable, preserve space for imagery, and make the checkout steps readable and fast to complete. The final mock should feel like a private boutique with a clear path to purchase, not a generic luxury landing page.

Icon of book open

Highlight an item of the week to draw attention and encourage exploration on the platform. Use subtle animations to add a sophisticated touch.

Better at UI design with every challenge

Select complexity and generate challenge.

Pick a platform.

You can always choose to receive scheduled challenges. A unique design prompt will be sent to your email daily for the duration you select.

Get design challenge updates in your inbox

New prompts and challenge updates. It’s free.