Open Flutter Project: Product list and hashtags in E-commerce App

Product listing and navigation is one of the most important parts of the E-commerce App. Product listing and details are screens that convert into sales more than anything else.

We have two types of product listing: list view and card view. The main question we are trying to answer is which screen should be shown by default.

List view pros and cons:

• A longer description can be added. As you can see there is some free space under the product title.
• The image is smaller.
• Clickable area is smaller taking into account that image is more obvious to click on.

Card view pros and cons:

• The product images are bigger. Our example of the E-commerce App for clothes shows the difference quite well.
• The like button is next to the image. If a user does not open the product details the like button will be clicked with a bigger chance.
• The discount label has more space to be placed over the image.
• Visual positioning of the product title, rating and price is under the image and is more convenient for review from top to the bottom.
• Less space for detailed description or it will bring the next product images lower.

If you see more pros and cons of each view add a comment.

The next important thing is hashtags. The E-commerce App has both categories and hashtags. One of the questions in the previous article about “Product categories in E-commerce App” was should we have both hashtags and categories or should there be only hashtags that represent both of those entities.

Search is another important component that should include facet search and autocompleter.

The questions for discussion are:

1) Is the change view button big enough to be clicked?

2) Should we add a short description instead of a category title in the list view under the product title?

3) Should the products be tagged deeper than only categories and include other product aspects that are part of the description?

4) Should there be a button for instant ordering only one concrete product?

Leave your comments below to discuss all the aspects described above to get a better E-commerce App.

Want this app to be done quicker?

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