Open Flutter Project: Product filters in E-commerce App

This article is the second part of the “E-commerce Product List” article series.

Filtering and sorting is another must have feature to navigate your product list in the app. If you have more than 20–30 products it makes sense to have filters to speed up process of selecting the right product for the customer.

We propose to have the following filter variants for your consideration:

1. Price range (slider)
2. Product Color
3. Product Size
4. Top category or type of the product (all, women, men, etc)
5. Brand

Since we are building some sort of universal solution for E-commerce business we need to specify different product filter element types. They are as follows:

• Range slider
• Color variant picker
• One or several of many variants (size, type/category) picked by boxes.
• One or several of many variants (brands) selected on a separate screen.

This set of filters is applicable to the app development process as well. It means that you will have ability to specify it for each app separately.

Hashtags/categories are selected separately right above the list of products which makes it easier to filter without having to navigate to a new screen will complete list of filters.

You can sort by:

• Most popular.
• Newest at the top.
• Best customer reviews.
• Price: lowest to highest.
• Price: highest to lowest.

Questions to discuss:

1. What other elements for filter selection should we consider developing? Please, provide with screenshots?
2. Do we make a shorter variant of complete list of filters on the same screen (like sort by popup at the bottom)?
3. Sorting by customer reviews should be done using number of reviews or rating?

Want this app to be done quicker?

Get in touch via LinkedIn to share your ideas and thoughts.