Создаем графику, которая продает
Создаём дизайн карточек товаров и инфографику, чтобы ваши товары
выделялись среди конкурентов.
Мгновенно привлекающий взгляд дизайн карточки товара совершенно
необходим на маркетплейсах, где по любому виду продукции тысячи
предложений и конкурентов. Заказать его разработку, а также
инфографику предлагает агентство В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
Выбирая наш сервис для размещения заказа, селлер получает
гарантию того, что работа будет выполнена быстро и с безупречным
качеством. А уникальный дизайн и яркая продающая инфографика
станут эффективным инструментом, который поможет:
Выделиться на фоне конкурентов
Привлечь внимание целевой аудитории
Обеспечить рост продаж и увеличение прибыли