We are designing an e-commerce website where our client is a marketplace for merchants to offer discounts or great prices on services/products to end users.

Some merchants may give multiple options for a single offer, for example, a Theater may give tickets for a play and have multiple options for the available dates.

In order to not clutter the product details page, we show the users the most relevant options up-front and hide less relevant ones. To see the rest of the options we added a "View more options" button that opens a side-panel with all options. enter image description here

This worked fine in most situations, but some offers require a second step to complete. For example, in a Cinema the merchant may have options for the date, but then require to select a particular seat.

Would it be a bad user experience to have a second step process in the side-panel? Would it be better to move the seat selection step within the first panel? Or the whole side-panel route needs to be rethought?

1 Answer 1


Well, there are several ways to solve this, just have a look at any e-commerce site and check how they manage their multiple variations.


Splitting the offers into two tabs: Offer + additional options

enter image description here


Setting any option which has variations as a slider:

enter image description here


Adding a bottom field with the variations for the selected option:

enter image description here

... and a hundred more!

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.