Get your own unique domain through Ecwid and give your customers an easy way to find you. Learn more →
Everything you need to sell online

Set up an online store in minutes to sell on a website, social media, or marketplaces.

How to Design Product Category Pictures That Your Customers Can’t Resist to Click

How to Design Product Category Pictures That Your Customers Can’t Resist to Click

7 min read

Whether you are a newbie who just opened a first online store or an e-commerce shark, your product categories need particular attention as they are the key to successful store navigation.

A strong concept for category images is a must if you want to make this page appealing. It also makes it easy to add new categories when you create a new type of product to your store.

The difference between a product image and a category image is that the latter is more abstract and requires some logic to make its meaning crystal clear.

Keep in mind the following nuances to create the best-navigated categories that your customers would love to click on.

First, let’s talk about some image suggestions that make a category page look professional.

How to sell online
Tips from e-commerce experts for small business owners and aspiring entrepreneurs.
Please enter a valid email address

Use Large Images

Try to use large images: they let your customers quickly understand what you sell and see your products in detail, and they look perfect on retina screens.

It’s recommended to use large images with a width of at least 650 px (1000 px is the best).

You can even use pictures taken with your smartphone: the resolution will be fine, just make sure the photo represents your products in the best way.

Learn more on how to take quality pictures: Simple Product Photography Tips to Beautifully Showcase on Your Store

yarose

The Yarose store uses large quality images for their product categories.

Related: Optimizing Images for Web: A Practical Guide

Keep Proportions

Your category pictures should be either vertical or horizontal — never both. Category pictures of the same proportions improve the navigation and make the storefront look professional.

Choose which is right for your product type. If it’s hard to say what is better for your store, use a win-win square format.

Check out Taylor Family Farm if you’d like to have a closer look.

Taylor Family Farm

Taylor Family Farm

Related: Simple Ways to Make Your Products More Appealing to Consumers

S_Ecwid_201_Cover

Ecwid 201: Ecwid Store Design and Customization

An in-depth guide explaining how to change the store design with CSS

Please enter a valid email address

Unify Style

Thoughtful stylization is a crucial element of a professional web page. Category pictures unified by one and the same perspective, background, and light will never confuse your customers — it will lead them directly where they want, with no second thoughts.

mislistudio

Mislistudio

Read also: How to Make a Good Background in Pictures of Your Products Without Using Photoshop

Create Meaningful Pictures

The category picture serves certain goals: helping your customers navigate in your store and attracting attention to your products.

The pictures you use should have a direct meaning so that it only takes seconds for the visitor to decide where to click next.

your4walls

Your 4 Walls uses pictures of their own products that explain directly what the category is about.

If you refer to photo stocks and clipart websites for your product category images, keep in mind that they normally offer very generic and abstract pictures that you shouldn’t use because they can confuse your visitors. For example, check out what Getty images offers for “family”:

Stock images

Do not use abstract and generic images from photo stocks.

Imagine you still found the picture that perfectly suits your storefront.

Unfortunately, you should be ready for another headache: Some customers won’t be happy when they realize that the boots on the category image that they loved are not for sale in your store. They might want to leave the store at that point.

Getty images stock

Stock pictures may look fine but don’t represent what’s really in stock in your online store.

Strive for Distinguishable Images

Don’t go to extremes in an attempt to stylize your product category images. Using either your logo or just a picture that fits the page design for all the categories might be a bad idea.

Remember the 7-second rule: this is how long it should take your customer to understand what exactly your website or online store is about.

dh6store

The DH9 store has distinguishable categories.

The example below shows that the use of similar pictures makes it hard to distinguish the difference between the categories at first sight.

bad design example

Simple Practices to Shoot Beautiful Category Pictures

Even if you are short of time and other resources, you don’t have to use stock images or look for other shortcuts. There are simple ways to design your product categories and make them look stunning — all you need is your products and your smartphone camera.

Take a look at the two ways to shoot your category pictures below.

Pile up a bunch of your products and take a shot

Use the picture of one of your bestsellers from this category

Learn more: How to Take Great Photos for Your Online Store

Your Next Steps

Now it’s time to go to your store and check if you:

  • Use large images
  • Stick to the same proportions
  • Choose a unified style
  • Make sure your images have a direct meaning
  • Do your best to use distinctive images

Have you already done it? Have you run any tests on what image types work better?

 

Table of contents

Sell online

With Ecwid Ecommerce, you can easily sell anywhere, to anyone — across the internet and around the world.

Ecommerce that has your back

So simple to use – even my most technophobic clients can manage. Easy to install, quick to set up. Light years ahead of other shop plugins.
I’m so impressed I’ve recommended it to my website clients and am now using it for my own store along with four others for which I webmaster. Beautiful coding, excellent top-notch support, great documentation, fantastic how-to videos. Thank you so much Ecwid, you rock!
I’ve used Ecwid and I love the platform itself. Everything is so simplified it’s insane. I love how you have different options to choose shipping carriers, to be able to put in so many different variants. It’s a pretty open e-commerce gateway.
Easy to use, affordable (and a free option if starting off). Looks professional, many templates to select from. The App is my favorite feature as I can manage my store right from my phone. Highly recommended 👌👍
I like that Ecwid was easy to start and to use. Even for a person like me, without any technical background. Very well written help articles. And the support team is the best for my opinion.
For everything it has to offer, ECWID is incredibly easy to set up. Highly recommend! I did a lot of research and tried about 3 other competitors. Just try ECWID and you'll be online in no time.

Your ecommerce dreams start here

By clicking “Accept All Cookies”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts.
Your Privacy

When you visit any website, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer. More information

More information

Strictly Necessary Cookies (Always active)
These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information.
Targeting Cookies
These cookies may be set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant adverts on other sites. They do not store directly personal information, but are based on uniquely identifying your browser and internet device. If you do not allow these cookies, you will experience less targeted advertising.
Functional Cookies
These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third-party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly.
Performance Cookies
These cookies allow us to count visits and traffic sources, so we can measure and improve the performance of our site. They help us know which pages are the most and least popular and see how visitors move around the site. All information these cookies collect is aggregated and therefore anonymous. If you do not allow these cookies, we will not know when you have visited our site.