Design

Product Card Design on Ozon and Wildberries: What to Avoid

Product Card Design on Ozon and Wildberries: What to Avoid

Try 4 top design professions. Free ➞ In 5 days, you'll learn about illustration, UX/UI, web, and graphic design. Add 4 compelling case studies to your portfolio and decide on your next direction.

Learn more

We'll analyze the reasons why product cards can look unattractive, fail to drive sales, and lead to negative reviews. Visual product presentation plays a key role in customer perception. Poor images, insufficient product information, and ineffective design can discourage potential buyers. Furthermore, a lack of reviews or a low rating can create a negative impression of the product. It's important to remember that well-designed product cards, emphasizing visual appeal and information, can increase sales and improve a store's reputation. Optimizing product cards for SEO will also help attract more traffic and increase conversion.

What is important to know about product cards and infographics

Marketplaces are more complex platforms than traditional online stores, and their success requires more than just high-quality product images. Effective product presentation on marketplaces includes many aspects, such as accurate descriptions, detailed specifications, optimized keywords, and quality customer reviews. All of these elements contribute to increased product visibility and sales. To successfully promote on marketplaces, it is important to consider platform requirements and tailor content for maximum impact.

These platforms are home to tens of thousands of sellers offering millions of products. Among them are thousands of generic items, which leads to many identical offers appearing in search results. To stand out from the competition and attract buyers, it is necessary to create an effective digital showcase – a product card. It should not only inform about the characteristics, but also visually attract consumers, contributing to increased sales. The correct design of the product card, including high-quality images and a detailed description, plays a key role in the successful promotion of products on the platform.

Product card in IKEA's own online store: fairly concise descriptions, a small number of buttons and tags. There is no need to try to highlight the product among others, because they all belong to the same business, the same brand. Screenshot: IKEA / Skillbox Media
The same product on Yandex Market: the product card is designed according to the rules of the marketplace. For example, the description contains clickable words, the image includes a "see similar products" icon, and the element with reviews and ratings is much more vibrant. Screenshot: Yandex Market website / Skillbox Media

The product card is a full-fledged page containing extensive product information. It includes a title, a detailed text description, a table with specifications, product ingredients, and a section with customer questions and reviews. Visuals, such as photos and videos, also play an important role in presenting the product. This media content is often referred to as a product card or infographic for marketplaces and is a key element for attracting customer attention and increasing conversion. Proper product page design can significantly impact sales, so it's important to pay attention to every detail.

These images aren't exactly called infographics, but the term has become widely used among marketers and designers working with content for marketplaces. It's important to understand that such visual materials serve to simplify the perception of information and attract the attention of potential customers. Proper use of images can significantly improve the effectiveness of marketing strategies on e-commerce platforms.

Reading is an important part of our lives. It enriches knowledge, develops thinking and promotes personal growth. Reading books, articles and other materials helps us expand our horizons, gain new ideas and find inspiration. It is important to choose high-quality sources of information to get the most out of what you read. True works of art can leave a deep imprint on our souls and change the way we perceive the world. Don't miss the opportunity to read, because it is one of the best ways to improve and develop yourself.

An infographic is a visual representation of information, data, or knowledge that allows you to quickly and effectively convey complex ideas to your audience. It combines text, graphics, and visual elements, making the information more accessible and understandable. In today's digital world, infographics have become an essential tool for marketing, education, and information technology, helping to improve the perception of content and increase its memorability.

Various online services exist that allow you to create infographics quickly and without the need for advanced design skills. Here are five popular tools for creating infographics:

Canva is a versatile platform offering a wide selection of templates and graphic elements for creating infographics. Users can easily edit elements and adapt them to their needs.

Piktochart is a service specializing in creating infographics and offers an intuitive interface. It provides a variety of ready-made templates that can be customized to suit your data.

Venngage is another convenient infographic creation tool that offers a variety of templates and icons. Venngage allows users to easily visualize information and share it in a variety of formats.

Infogram is a service that allows you to create interactive infographics and charts. It is aimed at users who need dynamic visualizations for presentations and reports.

Visme is a platform that offers the ability to create not only infographics but also a variety of other visual materials, such as presentations and graphs. Visme has a variety of tools for customizing and personalizing content.

Using infographics in your content can significantly enhance its appeal and improve audience engagement. Choosing the right infographic creation tool depends on your needs and level of expertise.

Infographics for platforms such as Wildberries, Ozon, and Yandex Market are visual materials, including graphic images and short animated videos. Designers use these formats to showcase products, highlighting their key features and benefits. Infographics use icons, text descriptions, and additional illustrations to attract buyers' attention and enhance product information comprehension. Effective infographics can increase sales and improve user experience in online markets.

The designer turned the product photoset into media for the card. Image: Galina Chuprova / Behance

Sellers prefer to use graphic designs instead of simple photographs of products from different angles for several reasons. Firstly, graphic design allows you to create more attractive and memorable visual content, which better attracts the attention of buyers. Secondly, such samples help highlight the key features of the product, which allows potential customers to quickly understand its benefits. Furthermore, graphic design can be adapted to various marketing strategies and target audiences, making it a versatile tool for increasing sales and improving brand image. Using high-quality graphic design helps build trust in the product and the company as a whole, which is an important factor in the purchasing decision process.

  • show the product in the most advantageous way;
  • indicate its key selling characteristics;
  • answer the buyer's main questions about the product;
  • remove their doubts that the product is good enough;
  • stimulate purchase.

A product card can effectively generate demand in customers. For example, a marketplace visitor who initially did not plan to buy coffee in drip bags may be attracted by an attractive photograph and stylish packaging design. This may encourage them to add the product to their cart, even if they had no intention of purchasing. A well-designed product card with high-quality images and a compelling description can generate interest and stimulate purchasing behavior.

The cover of the "Hot Coaster Set" card in the general feed may well attract a buyer. Screenshot: Ozon website / Skillbox Media

Design Covers need to be tailored to the target audience. For example, recessed lighting may appeal to a broad range of users aged 25 to 65, regardless of gender or geographic location. However, for some products, the audience may be narrower and more specialized, requiring a precise approach and the ability to "speak" the language of that niche. It is important to consider the interests and preferences of the target group to create an attractive and memorable design that will attract attention and increase sales.

The card design is aimed at a wide audience, and the copyright is for a narrow one: the text will be understandable to young girls who read X and watch reels. Screenshot: Wildberries website / Skillbox Media

Every graphic element, text, and composition should be aimed at achieving one goal: enticing the user to click the "Add to Cart" button. Design errors can negatively impact the sales funnel and reduce conversion. It's important to create visually appealing and intuitive interfaces that effectively guide users to the desired action. Effective design ensures not only aesthetic appeal but also functionality, which ultimately leads to increased sales.

These images aren't exactly called infographics, but the term has become common among sellers and designers working with marketplace content. Correct use of terminology is essential for creating high-quality content that will attract attention and increase sales on marketplaces. Using visual elements such as images helps convey information to potential customers and improve the user experience.

Lack of Structure

People typically don't linger on product images or read descriptions in detail. Content on these platforms should be concise and informative: clearly state the product's nature, its intended audience, its key benefits, how to use it, and what's included in the purchase. Effective descriptions can attract buyers' attention and increase the likelihood of a purchase.

Poor design, in which graphic elements and text lack a clear structure, increases the cognitive load on potential buyers. This prevents them from quickly absorbing the information presented in the images. Excessive information and cluttered design can discourage consumers, leading them to abandon the product page. Proper structure and clear presentation of content help improve perception and increase the likelihood of purchase.

The thin vertical line in the infographic signals that the information in the table is divided into two parts. The five masks on the left have a "base", the five masks on the right have a "texture" (although every similar product has a "base" and "texture"). The five masks on the right can be used in the morning and evening. It's unclear when to use the five masks on the left, but they will provide "regeneration and protection." Screenshot: Wildberries / Skillbox Media website.
Chaos in texts and pictures: under the words "metal lid" there is a picture of a lid, under "heat-resistant glass" there is the text "spring filter", and not a visualization of heat resistance. glassScreenshot: Wildberries / Skillbox Media website

Read also:

Design editing: basic principles of layout for magazines, newspapers, and websites

Layout is a key element in creating visually attractive and functional publications such as magazines, newspapers, and websites. To achieve high-quality layout, it is necessary to adhere to certain rules. First, it is important to consider the composition, which includes the harmonious distribution of elements on the page. A balance between text and images contributes to better perception of information.

Second, fonts play a significant role in design. The correct choice of fonts, their size, and line spacing ensure the readability and appeal of the text. It is also worth paying attention to the contrast between the text and the background to improve visibility.

The third important aspect is the use of a color palette. Colors should be combined with each other and correspond to the theme of the publication. In addition, it is important to maintain a consistent style throughout the material to ensure integrity and professionalism.

Fourth, attention to images and graphic elements is important. They should support the text information and not distract from the main content. The use of high-quality images and icons makes the layout more attractive and informative.

Finally, responsive design is becoming increasingly relevant. It's important that your layout displays well on a variety of devices, including mobile phones and tablets, to improve the user experience. By following these basic layout principles, you can create high-quality, attractive publications, whether magazines, newspapers, or websites, that effectively communicate information to your audience.

Visual Noise

An excessive number of attractive elements in infographics for Ozon or Wildberries can have the opposite effect: instead of engaging, they can repel potential customers. An optimal number of visual elements and a clear structure of information will help improve the perception of the content and make it more appealing to the target audience.

A design error can significantly increase the cognitive load on the buyer, hindering their ability to navigate the information presented. It becomes difficult for the user to determine which graphic elements are of primary importance and which are secondary. This leads to a lack of focus on the key aspects necessary for making a purchase decision. It is important to create a clear and intuitive interface that will allow users to quickly find the information they need about the product, while minimizing their effort and stress.

Because of the abundance of bright ribbons, bars, and colors, the purple image also seems like an advertising banner, and not the packaging of a specific product. Screenshot: Wildberries website / Skillbox Media
The infographic contains a dozen pictures, numbers, words, and colors. Because of all this volume of information, the buyer may decide that they are selling a wholesale lot of children's carnival costumes, and not wet wipes. Screenshot: Wildberries / Skillbox Media website.

Read also:

Swiss design is a style in graphic design that emerged in the mid-20th century in Switzerland and became famous for its Simplicity, functionality, and clear typography. Key characteristics of Swiss design include the use of a grid system, minimalism, and an emphasis on clarity and readability. This style seeks to convey information as effectively as possible, avoiding unnecessary embellishments and complex forms.

Swiss design has had a significant influence on modern graphics and web design, and its principles are applied in the creation of logos, advertising materials, and user interfaces. The use of contrasting colors, clear lines, and harmonious proportions makes Swiss design visually appealing and easy to perceive. This style remains relevant today, providing a harmonious combination of aesthetics and functionality.

Useless Information and Effects

Images in the card gallery should effectively answer the key questions of the audience and anticipate potential objections. However, designers and clients often try to fill images with too many elements: trendy effects, striking visuals, calls to action, and humor. This can be distracting and make it difficult to perceive the main information. Optimizing visual content with an emphasis on clarity and simplicity will help better convey the essence and increase audience engagement. Vague and meaningless information is counterproductive to digital sales. Product cards overloaded with content can discourage potential buyers, creating associations with pushy vendors at a bazaar. Users come to marketplaces seeking a comfortable and free selection of products. To increase conversions, it is important to provide clear and concise product information that helps buyers make quick decisions. Optimized product cards with clear descriptions and high-quality images help build trust and increase customer satisfaction.

The kitten illustration may be from the product's brand book, but the bubble with its "speech" repeats the information below about color safety. Moreover, it is very noticeable that this shape and font are not native to the illustration. "Active ingredient 100%" is completely meaningless, because it doesn't specify which active ingredient has this concentration. Screenshot: Wildberries website / Skillbox Media
The animation distracts from the product, obscures it, and doesn't help the audience imagine this vase in their interior, since in reality such a rain of petals doesn't happen. Screenshot: Ozon website / Skillbox Media

Overly Decorative Fonts

Designers of product cards for Wildberries and Ozon platforms often don't pay enough attention to typography, as in this format, small details such as kerning, font combinations, and experiments with space are not always important. However, using unsuccessful fonts can lead to significant errors and negatively impact product perception. The correct choice of fonts and their competent use can significantly increase the appeal of cards and improve the user experience. Typography optimization is an important aspect in creating effective cards for online stores.

Content on marketplaces is quickly perceived by users, especially on mobile devices. For example, on Ozon, more than 90% of orders are placed through mobile apps. This emphasizes the importance of legible text on product cards. If the font is too complex, delicate, or small, the buyer may not understand the information and leave the page. In the worst case, he may place an order and then cancel it because he misinterpreted the text in the images. Therefore, to increase conversion, it is important to use a clear and simple font that is easy to read on the screen.

The calligraphic text blends in with the pattern on the product and does not allow you to quickly read important information. Screenshot: Yandex Market website / Skillbox Media
The top word in the image is designed in the trendy Soyuz Grotesk font. Its graphics have a very interesting history, and there is an amusing reason why it is read as geweggep and not "deshedder." However, these are too deep meanings for such a commercial design: the marketplace user just needs to read the text correctly, and not get stuck in the vocabulary. Screenshot: Wildberries / Skillbox Media website.

Reworked text:

Also study:

Soyuz Grotesk font: application and combinations

Font Soyuz Grotesk has become a popular choice for a variety of design projects. Its modern and concise style is ideal for web design, print, logos, and advertising. Thanks to its versatility, Soyuz Grotesk easily combines with other fonts to create harmonious typographic solutions. When using Soyuz Grotesk in design, it's important to consider its features. The font is easily readable in both headings and body text, making it an excellent choice for websites where accessibility is important. It also looks great when paired with more classic fonts, such as serif, to create a contrasting and eye-catching design.

Soyuz Grotesk's visual purity makes it suitable for a minimalist style, and its geometric shapes give projects a modern look. When choosing a color palette for a design using this font, it is recommended to use neutral shades that highlight its elegance.

In conclusion, the Soyuz Grotesk font is an excellent option for designers seeking to create stylish and readable projects. Its versatility and ability to combine with other fonts open up many opportunities for creative expression.

Clearly Generated Images

Creating images for marketplaces is a process that often requires designers to organize an efficient workflow. In a highly competitive environment and the need to complete tasks quickly, many of them resort to template solutions. One of the current methods is the use of neural networks for image generation. This approach not only speeds up the process but also allows for the creation of vibrant and engaging visuals at minimal cost. Using modern technologies in design helps meet market needs and improve the competitiveness of products on marketplaces. Using artificial intelligence in design can lead to undesirable consequences if approached without due care. Using free visual content creation tools can make a marketing design less appealing and perceived as cheap. Currently, there is a trend toward perceiving neural network illustrations as mass-produced, which can negatively impact product and brand image. Understanding this aspect is important for creating a high-quality design that will distinguish your product in the market and contribute to the formation of a positive opinion about your brand.

Neural networks make mistakes. For example, here the generated image is of a wolf, not a dog, but the design does not indicate that the repeller is suitable for use against wild animals. Screenshot: Ozon / Skillbox Media website
The product has a modern, minimalist design, and the generated illustrations conflict with this aesthetic and distract from the product. Screenshot: Ozon / Skillbox website Media

Learn also:

Stable Diffusion: What is this neural network and how to use it

Stable Diffusion is a powerful neural network designed to generate images based on text descriptions. It uses advanced machine learning algorithms, allowing users to create unique visual materials with minimal effort.

To use Stable Diffusion, you need to prepare a text description that will serve as the basis for image generation. The neural network then processes the input data and creates visual content that matches the given description. This makes Stable Diffusion a popular tool among artists, designers, and content creators looking to reduce the time spent creating illustrations and enhance the creativity of their projects.

To get started with Stable Diffusion, simply install the necessary software or use online platforms that provide access to this neural network. Users can experiment with different styles and themes, achieving diverse results, opening up new horizons for creativity.

Thus, Stable Diffusion is not just an image generation tool, but an entire ecosystem that fosters the development of creative ideas and visual content.

Design exactly the same as competitors

Before creating covers and infographics, designers thoroughly research competitors and analyze the visual solutions used in the cards of similar products. This approach often leads to the search results becoming monotonous for the user, and the images becoming similar to each other. As a result, it becomes difficult for the user to choose a product based on the visual presentation. To stand out from the competition, it is important to develop unique and attractive designs that will help attract attention and facilitate the selection process.

Research and competitor analysis are an important stage in the marketing strategy. However, it's important to remember that even a small image on a product card plays a key role in shaping a brand's image. It should stand out and attract the attention of potential buyers. Ignoring visual elements is a mistake, as they can significantly influence a customer's purchase decision. High-quality images can strengthen brand trust and improve its competitiveness in the market.

Each product card has its own design, even with different texts and palettes, but they all blend together in the overall feed. Screenshot: Wildberries website / Skillbox Media
In this search result, branded cards are visually different from others, although the product photo in them is exactly the same as in the neighboring ones. The bottom right card is also different, but it's harder to immediately identify the product—maybe it's a corner of a sofa? Screenshot: Yandex Market website / Skillbox Media

Learn more about design by subscribing to our Telegram channel. We share the latest news, helpful tips, and inspiring ideas in the world of design. Join us and stay up to date with the latest trends and news.

I'm reworking the text, preserving the main theme and adjusting it for SEO.

Please pay attention to the following materials:

  • 10 trends in graphic design - 2024
  • "Design is work": what a designer needs to know, besides Photoshop and Figma
  • Best logos: beauty
  • 6 free neural networks for creating presentations
  • Special project marketing + design

Learn more about design on our Telegram channel. Subscribe to stay up to date with the latest news, tips, and inspiration in the world of design. We share useful information and interesting ideas that will help you develop your skills and find new solutions.

Profession Graphic Designer PRO

You will learn how to create corporate identity elements and graphics for business. You will put together a portfolio that reflects your style and confirms your design skills. You can start a career in a studio or as a freelancer.

Find out more