Создаем графику, которая продает
Создаём дизайн карточек товаров и инфографику, чтобы ваши товары выделялись среди конкурентов.
Мгновенно привлекающий взгляд дизайн карточки товара совершенно необходим на маркетплейсах, где по любому виду продукции тысячи предложений и конкурентов. Заказать его разработку, а также инфографику предлагает агентство Вboxa agency.
Мы создаём продукты, на которых все отличительные особенности и преимущества реализуемого товара отражены в виде привлекательного, простого и понятного графического изображения, выполненного в ярких цветах. А качественные фото дают потенциальному покупателю возможность рассмотреть изделия со всех ракурсов. Всё это в комплексе дополнит описание продукции.
Карточка товара для БАД-ов Гемакон
Карточка товара для средства для стирки
Карточка товара для видеорегистратора
$(document).ready(function(){
$(".owl-carousel").owlCarousel({
loop: true,
margin: 10,
nav: false,
dots: false,
responsive: {
0: {
items: 1
},
600: {
items: 2
},
1024: {
items: 3
}
}
});
});
// Не обязательно, но можно вручную инициализировать:
Fancybox.bind('[data-fancybox="gallery"]', {
// опциональные настройки
Thumbs: false,
Toolbar: true,
});
Вам нужен дизайн карточек, если
Вы только начинаете
Вы не знаете, как сделать продающие карточки. На основании тысяч карточек для наших клиентов и аналитики, мы создадим привлекательный, продающий дизайн карточек
Мало посетителей
Вероятно, вы не выделяетесь среди конкурентов. Мы повысим кликабельность ваших карточек с помощью грамотно прописанной инфографики
Конкуренты опережают
У вас отличное соотношение цены и качества, но клиенты выбирают конкурентов. Мы выделим преимущества вашего товара и увеличим продажи с помощью инфографики
Посетители есть, но мало покупают
Это говорит о том, что у вас плохая конверсия карточек товаров. Мы наглядно покажем преимущества продукта, что облегчит выбор для покупателей и поможет привлечь больше клиентов
Несколько советов
На товаре должен быть акцент
На главном слайде товар должен быть в фокусе и занимать большую площадь, чем тексты.
Выводите только самую важную информацию. Не перегружайте слайд.
Польза и необходимость
Подумайте, чем полезен ваш товар и какую пользу получает покупатель. Используйте лозунги, исходя из болей покупателя. Для этого можно изучить карточки конкурентов и их отрицательные отзывы.
Качественные фото и видео
Не экономьте на фото и видео съемке. Иногда можно воспользоваться услугами 3D дизайнера, который может воссоздать качественный рендер товара. Помните, что покупатель на маркетплейсе оценивает в первую очередь визуально.
Информация о товаре
Изучите товар и его свойства. При покупке товара
Правильно созданная инфографика подчеркивает достоинства вашего продукта и помогает покупателям быстрее принимать решения. На что влияет инфографика?
Привлекает больше посетителей в ваш магазин
Быстро и наглядно знакомит с основными характеристиками и преимуществами товара
Выделяет вас среди конкурентов в поисковой выдаче
Увеличивает конверсию посетителей в покупателей
Как мы работаем
Агентство Вboxa agency при создании товарных карточек для селлеров, торгующих на крупных интернет-площадках, таких как Wildberries, Ozon, Яндекс Маркет и других, делает всё, чтобы данные продукты стали идеальным продающим инструментом. Мы:
1
Проведем консультацию
Оставьте заявку и мы свяжемся с вами в ближайшее время для проведения первичной бесплатной консультации.
2
Проведем анализ аудитории
Производим анализ потребностей и запросов целевой аудитории.
3
Проанализируем конкурентов
Анализируем дизайн и инфографику ТОП конкурентов в конкретной нише, их сильные и слабые стороны. Решаем, чем может выгодно выделиться продукция заказчика.
4
Улучшим фото товаров
Получаем от клиента фотографии и правим их. Даже при высоком качестве фото их ретушь и коррекция цветов и оттенков, выгодный для реализуемого изделия фон будут очень важны.
5
Создадим инфографику
Создаём иконки и другие графические элементы, которые необходимы для юзабилити. Они делают интерфейс максимально понятным, улучшают восприятие информации.
6
Напишем грамотное описание
Формируем грамотное, читабельное, структурированное описание. Такой текст является не просто пересказом характеристик изделия, а отвечает на все вопросы о нём.
Читать всё
.intec-template .intec-template-title {
margin-bottom: 10px;
}
h2.h2-title, .intec-template .intec-template-title h1 {
font-weight: 700;
font-size: 2.5em;
}
.section-examples .intec-grid-item-3 {
padding: 5px;
}
.section-examples img, .section-infographics img {
border: none;
border-radius: 0;
}
.section-advantages .advantages-item {
background: #F7F5F5;
height: 100%;
padding: 30px 20px;
}
.section-advantages .advantages-item .advantages-item__title {
font-weight: 700;
font-size: 1.25em;
color: #f0003d;
}
.section-advantages .advantages-item p:nth-last-child(1) {
color: #0b0b0b;
line-height: 1.3;
}
.section-advantages .widget-item{
padding: 5px !important;
}
.section-infographics .section-infographics__title {
font-weight: 700;
font-size: 1.25em;
line-height: 1.3;
margin-bottom: 40px;
}
.section-infographics .section-infographics__list {
font-size: 18px;
}
.section-advice ol li p:nth-child(1) {
font-weight: 700;
font-size: 1.25em;
line-height: 1.3;
margin-bottom: 10px;
}
.section-advice ol li p:nth-last-child(1) {
color: #0b0b0b;
line-height: 1.3;
}
.section-advice ol li {
display: flex;
flex-direction: row;
gap: 10px;
}
.section-advice ol li::before{
color: #f0003d;
font-size: 32px;
position: relative;
line-height: 1;
font-weight: 700;
}
@media all and (max-width: 1024px) {
.section-examples img {
max-height: 400px;
}
.section-examples .intec-grid-item-3 {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
}
@media all and (max-width: 768px) {
h2.h2-title, .intec-template .intec-template-title h1 {
font-size: 1.8em;
}
}
/* Start:/local/templates/universesite_s1/components/intec.universe/main.stages/template.3/style.css?17376258274798*/
.widget.c-stages.c-stages-template-3 {
/* #eee */
}
.widget.c-stages.c-stages-template-3 [data-hide-items=true] {
position: relative;
}
.widget.c-stages.c-stages-template-3 [data-hide-items=true]::after {
content: "";
position: absolute;
display: block;
left: 0;
right: 0;
bottom: -10px;
height: 200px;
opacity: 0;
background: white;
background: linear-gradient(0deg, white 20%, transparent 100%);
pointer-events: none;
transition: opacity 0.4s;
}
.widget.c-stages.c-stages-template-3 [data-hide-items=true][data-state=collapsed]::after {
opacity: 1;
}
.widget.c-stages.c-stages-template-3 .widget-item-wrap {
padding: 40px 0;
}
.widget.c-stages.c-stages-template-3 .widget-item:first-child .widget-item-wrap {
padding-top: 0;
}
.widget.c-stages.c-stages-template-3 .widget-development.template-stages [data-hide-items=false] .widget-item:last-child .widget-item-wrap {
padding-bottom: 0;
}
.widget.c-stages.c-stages-template-3 .widget-item-name {
position: relative;
width: 45%;
}
.widget.c-stages.c-stages-template-3 .widget-item-name::before {
content: "";
position: absolute;
display: block;
top: 73px;
left: 24px;
bottom: -50px;
width: 1px;
background-color: #e8e8e8;
transition: background-color 0.4s;
}
.widget.c-stages.c-stages-template-3 .widget-item:last-child .widget-item-name::before {
display: none;
}
.widget.c-stages.c-stages-template-3 .widget-item-name-count {
font-size: 17px;
line-height: 44px;
text-align: center;
width: 48px;
height: 48px;
margin-right: 22px;
border-radius: 50%;
transition-property: color, background-color, box-shadow;
transition-duration: 0.4s;
}
.widget.c-stages.c-stages-template-3 .widget-item-wrap:hover .widget-item-name-count {
color: #FFF;
}
.widget.c-stages.c-stages-template-3 .widget-item-name-text {
font-weight: 300;
line-height: normal;
padding-right: 40px;
}
.widget.c-stages.c-stages-template-3 .widget-item-name-text[data-size=big] {
font-size: 45px;
}
.widget.c-stages.c-stages-template-3 .widget-item-name-time {
margin-top: 20px;
}
.widget.c-stages.c-stages-template-3 .widget-item-name-time-icon {
position: relative;
width: 32px;
height: 32px;
margin-right: 20px;
border: 2px solid #a6a6a6;
border-radius: 50%;
}
.widget.c-stages.c-stages-template-3 .widget-item-name-time-icon::before,
.widget.c-stages.c-stages-template-3 .widget-item-name-time-icon::after {
content: "";
position: absolute;
border: 1px solid #a6a6a6;
}
.widget.c-stages.c-stages-template-3 .widget-item-name-time-icon::before {
left: 13px;
top: 3px;
height: 12px;
border-radius: 1px 1px 0 1px;
}
.widget.c-stages.c-stages-template-3 .widget-item-name-time-icon::after {
left: 13px;
top: 14px;
width: 9px;
border-radius: 0 1px 1px 1px;
}
.widget.c-stages.c-stages-template-3 .widget-item-name-time-text {
font-size: 16px;
line-height: 20px;
}
.widget.c-stages.c-stages-template-3 .widget-item-name-time-value {
font-size: 16px;
line-height: 16px;
margin-top: 10px;
}
.widget.c-stages.c-stages-template-3 .widget-item-description {
font-size: 16px;
line-height: 23px;
color: #444;
}
.widget.c-stages.c-stages-template-3 .widget-button-wrap {
font-size: 0;
text-align: center;
margin-top: 10px;
}
@media all and (max-width: 1024px) {
.widget.c-stages.c-stages-template-3 .widget-item-name-text {
padding-right: 0;
}
.widget.c-stages.c-stages-template-3 .widget-item-description {
padding-top: 40px;
padding-left: 70px;
}
.widget.c-stages.c-stages-template-3 .widget-item-name::before {
display: none;
}
}
@media all and (max-width: 768px) {
.widget.c-stages.c-stages-template-3 .widget-item-name-text {
font-size: 30px !important;
line-height: 40px;
padding-top: 4px;
}
}
@media all and (max-width: 500px) {
.widget.c-stages.c-stages-template-3 .widget-header {
margin-bottom: 55px;
}
.widget.c-stages.c-stages-template-3 .widget-item-wrap {
padding: 30px 0;
}
.widget.c-stages.c-stages-template-3 .widget-item-name-text {
font-size: 25px !important;
line-height: 32px;
padding-top: 7px;
}
.widget.c-stages.c-stages-template-3 .widget-item-description {
padding-top: 30px;
padding-left: 0;
}
}
template.load(function (data) {
var $ = this.getLibrary('$');
var container = $('[data-role="items"]', data.nodes);
var items = $('[data-role="item"]', container);
var button = $('[data-role="button"]', data.nodes);
var state = container.data('state');
var collapsedHeight;
container.setState = function () {
if (state === 'collapsed') {
state = 'expanded';
container.attr('data-state', state);
} else if (state === 'expanded') {
state = 'collapsed';
container.attr('data-state', state);
}
};
container.getElementHeight = function (number) {
var elementHeight;
if (items[number] !== undefined) {
elementHeight = items[number].getBoundingClientRect();
elementHeight = elementHeight.bottom - elementHeight.top;
} else {
elementHeight = 0;
}
return elementHeight;
};
container.setCollapsedHeight = function () {
collapsedHeight = container.getElementHeight(0) + container.getElementHeight(1) + container.getElementHeight(2);
};
container.getExpandedHeight = function () {
var expandedHeight;
container.css('height', 'auto');
expandedHeight = container.height();
container.css('height', collapsedHeight);
return expandedHeight;
};
container.animateItems = function () {
var animatedItems = items.filter('[data-action="hide"]');
if (state === 'collapsed') {
animatedItems.animate({'opacity': 0}, 500, function () {
animatedItems.css('display', 'none');
});
} else if (state === 'expanded') {
animatedItems.css('display', 'block');
animatedItems.animate({'opacity': 1}, 500);
}
};
container.animateExpand = function () {
container.animate({'height': container.getExpandedHeight()}, 500, function () {
container.css('height', '');
});
};
container.animateCollapse = function () {
container.animate({'height': collapsedHeight}, 500);
};
container.adapt = function () {
var windowWidth = $(window).width();
container.setCollapsedHeight();
if (state === 'collapsed') {
container.css('height', collapsedHeight);
items.filter('[data-action="hide"]').css('display', 'none');
}
};
container.change = function () {
container.setState();
button.setText();
container.animateItems();
if (state === 'collapsed') {
container.animateCollapse();
} else if (state === 'expanded') {
container.animateExpand();
}
};
button.setText = function () {
if (state === 'collapsed') {
button.text('Читать всё');
} else if (state === 'expanded') {
button.text('Скрыть');
}
};
container.adapt();
button.setText();
button.on('click', container.change);
$(window).on('resize', container.adapt);
}, {
'name': '[Component] intec.universe:main.stages (template.3)',
'nodes': '#i-20-intec-universe-main-stages-template-3-HrHzeTdkptvg',
'loader': {
'name': 'lazy'
}
});
И, конечно, мы учитываем пожелания и требования заказчика. После выполнения работы остаётся только опубликовать готовый продукт на торговой платформе.
Преимущества заказа дизайна и инфографики в Вboxa Agency
Выбирая наш сервис для размещения заказа, селлер получает гарантию того, что работа будет выполнена быстро и с безупречным качеством. А уникальный дизайн и яркая продающая инфографика станут эффективным инструментом, который поможет:
Выделиться на фоне конкурентов
Привлечь внимание целевой аудитории
Обеспечить рост продаж и увеличение прибыли