Collection of practical examples of eCommerce categories. These kinds of sections are necessary when creating homepages or listing pages. You will find here solutions for all the possible use cases that can occur during creating eCommerce projects.
Simple tiles with subtle hover effects .
List and carousel
Suitable for intro section - category list with links on the left and carousel on the right.
If you have a lot of categories and you need to present them all on your home page you can use these little thumbnails. However, be careful to not overcrowded your UI.
Thumbnails with description
If your category needs an additional explanation you can use this section containing an extra piece of information.
To diversify your listing pages you can combine a category tile with chosen products from this category to present what exactly the category includes.
Simple grid - well looking and effective. Classic.
The grid inside the grid - an advanced composition for more demanding UIs.