The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
UX Critique: Price Sliders vs. Segmented Buttons (And the crucial "Sort By" feature)
I'm currently refining the collection page for a luxury e-commerce website and testing two functional approaches for the filter states.
Since both filter menus can be fully collapsed to maintain a clean, minimalist layout, the decision comes down to user control and functionality.
Option A (Image 1):
Uses segmented button ranges for pricing (e.g., "Under $15k", "$15k - $20k").
Lacks a dedicated "Sort By" option.
Option B (Image 2):
Introduces a continuous, fluid price slider for custom budget targeting.
Integrates a "Sort By" dropdown (Featured, Newest, Price High-to-Low) to give users full control over how they view the collection.
From a usability standpoint, Option B feels like a massive step up, especially for high-ticket items where buyers want precise control over how they browse.
What are your thoughts? Does the slider offer a better premium feel, or do you prefer the simplicity of quick-tap price buttons?
Let’s discuss in the comments! 👇
#UXDesign #UIDesign #WebDesign #EcommerceUX #ProductDesign
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
Related posts
Another project wrapped up! ✨
Not every website needs a complete redesign.
Sometimes the foundation is already there – it just needs a fresh perspective. An audit can uncover what's creating friction, where visitors get lost, and what small changes can make the biggest impact.
For this Kajabi project, we started with a full website audit, mapped out our recommendations, redesigned the updates in Figma, and then implemented everything on the live site. No full rebuild, just thoughtful improvements that made the website cleaner, easier to navigate, and more intuitive for new visitors.
The best part? The entire transformation was completed in just two weeks.
Sometimes, improving what you already have is exactly what's needed. 🚀
Fantastic work
Every interaction on Rime is intentional. The waveform moves with purpose, not decoration.
That's the difference between animation and motion design.
https://www.rime.ai/
It is a good and intentional design. But the mid-to-end could be less animated. Right now it feels overwhelming
Building a Minimal Fashion E-commerce Landing Page
Every great website starts with solving a problem, not just making something look beautiful.
The Challenge:
The goal was to create a fashion landing page that felt modern, premium, and distraction-free while keeping the shopping experience intuitive.
Some of the key challenges included:
Creating a clean luxury aesthetic without making the page feel empty.
Organizing product information so visitors can scan products quickly.
Maintaining strong visual hierarchy across the hero section and product listings.
Designing a layout that works seamlessly across different screen sizes.
My Approach
I focused on simplicity backed by thoughtful design decisions.
Here's how I tackled it:
✔ Designed a spacious layout with generous white space to create a premium shopping experience.
✔ Used a neutral color palette that allows the products to become the visual focus.
✔ Built a clear typography hierarchy to guide users naturally from the headline to the call-to-action.
✔ Structured the product grid for easy browsing with consistent spacing, pricing, and descriptions.
✔ Kept the navigation minimal to reduce friction and help users reach products faster.
The Outcome
The final result is a modern e-commerce experience that is:
• Clean and premium
• Easy to navigate
• Product-focused
• Mobile-friendly
• Designed to improve user engagement and shopping confidence
Good design isn't about adding more, it's about removing everything that gets in the customer's way.
This landing page is stunning
