Инфографика для вайлдберриз что это
Инфографика для вайлдберриз что это
Выделит на фоне конкурентов, покажет покупателю преимущества товара на сразу фото и поможет быстрее купить.
Можешь заменить только контент, а можешь переделать дизайн и оформление шаблона:
добавить новые иконки, стрелки, плашки, поменять их размеры, вид, цвета и другие параметры
InfoGraffer обменивается фото с Wildberries через API:
*дополнительная опция +1000₽/мес
Введите телефон чтобы начать:
Текст активного элемента:
Добавить новый текст
Без ограничений по количеству фото!
Инфографика для Вайлдберриз: Как сделать крутую карточку товара, если вы не дизайнер
Разбираемся из чего состоит привлекательная карточка товаров и что лучше НЕ делать, если вы занимаетесь оформлением сами.
У селлеров на маркетплейсах есть вопрос: как продать свой товар среди бездны таких же предложений с одинаковыми ценами? Один из рабочих вариантов — сделать привлекательный дизайн карточки: яркий, сочный, с наглядным описанием преимуществ. Давайте посмотрим как делается классный дизайн и как не сотворить монстра убивающего продажи и отравляющего душу.
Будем отталкиваться от настоящих примеров. Мы делаем конструктор инфографики для маркетплейсов Wondercard и ориентируемся на тех пользователей, которые далеки от дизайна. Бывает, что итоговые результаты карточек на выходе получаются не очень, и мы ищем закономерности, которые к этому приводят. На основе этих закономерностей мы дорабатываем сервис, а идеями, как сделать хорошие дизайны, делимся с вами.
В качестве примеров я подобрал товары прямо с Wildberries. Здесь не важно в каком редакторе они были сделаны. Главное наглядно показать суть и принципы дизайна.
Эти советы актуальны для новичков, поэтому для тех, кто хорошо разбирается в оформлении карточек, некоторые из пунктов могут показаться наивными.
Для начала выделим самую простую идею — хороший дизайн в коммерции должен приносить деньги. Чтобы это работало в сфере маркетплейсов, я лично для себя определил три задачи дизайна карточек (свои варианты можно написать в комментариях):
В качестве примера приведу вот эти картинки:
Яркие и контрастные цвета привлекают внимание. В заголовках сразу обозначено, что это узнаваемый бренд и что корпус крепкий и сделан из металла. С точки зрения добавленной стоимости, тоже понятно. Эти машинки мало бы кого интересовали за эти деньги, если бы товар выглядел вот так:
С графической точки зрения — здесь тоже все круто: динамика, глубина, цвет и шрифты. Много сложных элементов, которые собираются в единую атмосферную конструкцию.
Мне очень нравится как сделана эта карточка, но!
Новичкам я предлагаю так НЕ делать!
Вот 3 причины, почему новичкам не стоит делать сложный дизайн:
Каждый раз продумывая структуру дизайна обложки хочется рассказать о товаре как можно больше: вес, габариты, цвет, отличительные особенности. Впихнуть по максимуму, чтобы покупатель узнал сразу все. Но акцентировать все — невозможно. Так можно потерять самое главное, а текст может превратиться в нечитаемый узор. Как например здесь:
Если информации много, разбейте ее на несколько разных изображений. Заинтересуйте привлекательной обложкой с основной характеристикой и добавьте информацию с помощью второстепенных картинок.
На заглавной фотографии оставляйте только самое важное:
В нашем конструкторе есть шаблоны, с помощью которых можно сделать яркую заглавную картинку, например:
Есть 3 популярных графических способа привлечения внимания к карточке:
Когда мы делали первую версию Wondercard, мы хотели создать миллиард тематических шаблонов с яркими подложками и элементами. Плюс прикрутить инструмент для простого стирания фона с фотографий. Так пользователи смогут делать классные дизайнерские карточки сами, а вопрос итогового изображения должен зависеть от качества и потенциала шаблона. Мы сделали несколько ярких шаблонов с цветным фоном:
Но на практике такие шаблоны подходят не для всех фотографий. Например, только для студийных фото с изначально нейтральным фоном. Если у вас такие, то этот вариант для вас. Но часто бывает, что в арсенале продавца не всегда есть подходящие фото, либо товаров много и вырезать фон будет очень долго, а выкладывать товар надо уже сегодня. Поэтому решение с заменой фона подходит не всегда и в этом нет ничего страшного, потому что есть и другие способы выделиться.
Если у фотографии сложный фон, например, съемка проходила в интерьере или после обтравки кадр выглядит хуже, то лучше его вообще не трогать, а оставить в первоначальном виде. Вместо этого для привлечения внимания можно обвести кадр в рамку. На примере вот этого товара видно, что нет смысла удалять фон, так как сама фотография и без этого хорошая, а чтобы привлечь внимание ей сделали обводку.
С заменой фона, фотография будет выглядет странно — девчонка на матрасе летит по космосу с одеялом вместо паруса. Или сидит на фоне взрыва, а одеяло спасает от осколков. Жесть, не надо так.
Рамка может выглядеть нескромно, но даже Вайлдберриз практикует этот эффект на своих товарах. Очевидно, что они шарят в том, как делать, чтобы продавать лучше.
Или вот как сделано, а фон остался белым и никаких взрывов.
В нашем конструкторе есть несколько вариантов рамок. Они накладываются отдельным слоем от фотографий, поэтому дополнительное редактирование фото не нужно:
Яркий фон или рамки могут не всегда работать. Посмотрите на карточку товара с гамаком:
Мы видим яркий акцент, но при скроле страницы покупатель может не успеть считать, что это за товар. Фотка гамака классная и судя по количеству продаж работает, но бежевый товар сливается с бежевым фоном и теряется акцент.
В то же время, рядом находятся капсулы для стирки, которые на мой субъективный взгляд сильнее бросаются в глаза. Почему так происходит? Здесь играет роль четкие очертания товара и контрастные элементы.
Другой пример, когда установлены неконтрастные значки. Они сливаются с фоном. Товар виден, а инфографику не разобрать:
Вот несколько минималистичных карточек на белом фоне со значками, которые хорошо привлекают внимание:
В Wondercard есть готовые наборы со значками, как для заглавных фотографий, так и для дополнительных. В них можно менять цвета, тексты и изображения:
Я заметил несколько закономерностей в работе со шрифтами, которые делают дизайн хуже или лучше. Вот несколько частых ошибок, которые встречаются.
Смотрите как по-разному может выглядеть текст в разном шрифте и с разными стилями:
БЕСПЛАТНЫЙ
Конструктор карточки товара
для маркетплейсов
Удобный бесплатный онлайн-редактор карточки товара для Вайлдберриз, при помощи которого вы можете легко и быстро оформить свой продукт, добавить к фото текст и описание, украсить при помощи инфографики и сделать его привлекательным для покупателя и увеличить количество продаж.
Конструктором уже пользуются: 13,596 человек
Все обновления и новости сайта — в нашем Инстаграм
Подписался — узнал о новых шаблонах, иконках, апдейтах и прочих плюшках быстрее других!
Создавайте дизайн карточек товара, который нравится вашим покупателям
Загружайте созданные изображения на маркетплейсы
Увеличивайте свои продажи и оставляйте далеко позади конкурентов
Часто задаваемые вопросы
Конструктор инфографики бесплатный?
Да. В базовой версии — абсолютно бесплатный. При регистрации мы просим только указать e-mail и задать пароль, чтобы «отсечь» ботов и роботов. Ни кредитных карт ни оплаты нам не надо. Если хотите — позже сможете перейти на расширенный тариф.
Будет ли реализована мобильная версия конструктора?
Когда нибудь наверное да. Пока что версия для мобильных платформ (смартфонов и планшетов) не разрабатывалась и на смартфоне или планшете рисовать не получится. Да и неудобно это.
Конструктор инфографики работает только под формат Вайлдберриз?
Уже нет. Рабочую область можно трансформировать под Вайлдберриз, Озон и Инстаграм и (создавать посты и сторис прямо на базе дизайна карточки товара) — эта функция доступна пользователям платного тарифа.
Будет ли реализована поддержка видео?
Пока с уверенностью можно сказать, что — нет.
Заказать создание инфографики у профессионального дизайнера
Если у Вас нет желания самостоятельно оформлять карточки товаров, вы всегда можете заказать услугу создания инфографики у нашего профессионального дизайнера. Вам достаточно предоставить фотографии товаров и описания основных конкурентных преимуществ. Остальное за вас сделает наш специалист.
Инфографика для фотографии товара на сайте или в карточке Wildberries
Попробуйте создать дизайн карточки товара БЕСПЛАТНО.
Рост недельного количества просмотров карточки товара после установки фото с инфографикой
Рост трафика
У инфографики на 30% больше вероятности быть увиденной и воспринятой, чем у обычного текста. Она «останавливает взгляд» и заставляет всматриваться. Есть статистика, согласно которой контент с применением визуализации информации (в виде картинок, цифр, графиков и т.п.) привлекает на 94% больше трафика, чем просто фотография или текст.
Улучшаются поведенческие факторы
Так или иначе, люди всматриваются в цифры, иконки и картинки. Соответственно — дольше задерживаются на странице. А поисковые алгоритмы считают это хорошим признаком — значит страница интересная.
Повышает доверие
Изображения, наполненные содержательным смыслом, цифрами, статистическими данными, характеристиками, повышают ваш экспертный авторитет.
Стоимость инфографики для маркетплейсов
Конечно, каждый проект по созданию инфографики рассчитывается индивидуально. На стоимость влияет сложность графики, необходимость анимации, количество разных по дизайну элементов. Для простоты понимания, мы выделяем два понятия — МАКЕТ и ВЕРСТКА. Макет — это уникальный шаблон, выполненный дизайнером.
При создании МАКЕТА, дизайнер выполняет подбор шрифтов, цветового решения, расположение текста и изображений, подгонку всего материала под стандарты маркетплейса.
После утверждения макета, производится верстка. Для каждого товара в макет вставляются индивидуальные характеристики, изображения, цена и тому подобное.
При расчете стоимости создания инфографики, мы руководствуемся следующими принципами:
Инфографика для вайлдберриз что это
В этом разделе вы можете задать вопросы относительно возможностей и инструментов сервиса, выразить свое мнение о его работе, пообщаться с разработчиком, предложить что-то поменять в функционале и т.п.
77 ответов
Добрый день! Скажите как добавить фото в программу и ее редактировать?
Добрый день! Фотографию можно добавить при помощи кнопки — «Выберите Файл» внизу рабочей области. Можно добавлять фотографии товара с прозрачностью (png). А вот редактировать фото тут нельзя. Редактор не настолько продвинутый. Для этого есть Фотошоп.
Как набирать текст в редакторе?
Очень просто — перетаскиваете в рабочее поле текстовый блок или заголовок, дважды кликаете по нему и вуаля. 🙂
Чтобы выйти из редактора текста — кликните вне поля редактора или нажмите Enter
Как поставить размеры на товар?
Пока только при помощи инструментов «линия» и «текст». Идея добавить размерные элементы — хорошая! Спасибо, реализуем.
В нашем редакторе пока не реализована функция удаления фона. Вы можете воспользоваться фотошопом и загрузить сюда PNG с прозрачным фоном. Либо воспользоваться сервисами удаления фона (например https://www.remove.bg/ru)
Сегодня запустили функцию удаления бэкграунда. Тестируйте, пишите — как работает :))
Как сделать в рамках, тексте одинаковый цвет? (так как начиная делать новую позицию, аналогичный цвет подобрать тяжело) Спасибо.
Как в редакторе залить или поменять фон фотографии?
Убираете задний фон у основной картинки (есть кнопка ‘удалить задний фон’), а потом загружаете картинку для фона и отпускаете её на слой ниже основной.
как в редакторе сделать лупа что бы часть какая то увеличена была?
Пока никак. Нет такой функции.
Добрый день! Перестал работать конструктор. Купила тариф за 350 руб, все равно не заработало.
Добрый день! Опишите пожалуйста проблему подробнее — не загружается страница? Что именно происходит? Какой браузер? Заходите с компьютера?
Проблему нашли и исправили! Спасибо за обратную связь!
не могу войти в редактор, что с ним?
Обновите страницу через Ctrl+Shift+R на Windows или Shift+Command+R на Маке. Напишите пожалуйста — получилось ли
Проблему нашли и исправили! Спасибо за обратную связь!
Добрый день! Под рабочей областью есть кнопка — «Скачать дизайн» — нажимаете ее и сохраняете картинку на компьютер
Доброе утро. Кнопка скачивания находится прямо под областью, в которой вы создаёте макет. Если вы хотите сохранить сам макет, чтобы его потом снова загрузить и редактировать, нажмите кнопку с шестеренкой и выберите в доп меню кнопку скачивания.
Здравствуйте нажимаю на шестеренкой скачать макет скачивает в интернет формате и не фото а какие то символы
Значит вам нужна другая кнопка, она прямо под областью для рисования. На ней написано скачать макет и иконка PNG
Здравствуйте, вообще не понятно как пользоваться, снимите видеоурок. Но в данный момент для меня бесполезная программа, жалко 350 р
Добрый день! У нас есть бесплатная версия для того чтобы понять как пользоваться интерфейсом. Платная версия отличается от бесплатной только количеством шаблонов, фонов и шрифтов. Поэтому вовсе не обязательно покупать сразу платную — можно потренироваться бесплатно и разобраться для начала в ней.
Здесь вы можете задать все вопросы, если что-то непонятно. Видеоуроки мы конечно планируем снимать. В ближайшем будущем появится цикл обучающих видео.
Я купила уже. Будем ждать уроки. Ребят, задумка супер но нужен урок (пример)
Спасибо! Мы работаем над этим! Примеры, уроки, гайд по интерфейсу и тому подобное.
Здравствуйте, виснет постоянно не возможно работать
Добрый день. Уточните с какого устройства заходите, какой браузер, какая операционная система?
Добрый день поработала вчера в бесплатном тарифе, понравилось. Но сегодня почему-то с левой стороны активны только иконки, все остальное нет. Не могу работать с цветом, шрифтом и другими благами. Почему, что делаю не так??
Добрый день. Вчера был апдейт. Обновите страницу через shift+ctrl+r
Здравствуйте! Подскажите, как новый слой можно наложить под старый?
Добрый день! Выделяете новый слой и при помощи кнопки «на слой вниз» (пятая сверху в правой панели) отправляете его под старый.
Здравствуйте, сохранила макет, скажите, как его теперь загрузить для дальнейшей работы?
Добрый день! В раскрывающемся списке (при клике на гаечный ключ с шестеренкой), рядом с кнопкой «сохранить» есть кнопка «загрузить». На нее нажимаете и указываете сохраненный файл.
Добрый! Подскажите, тень к макетам или заголовкам есть возможность добавить? Не нашла.
Можно скопировать тот же текст, залить чёрным и сделать полупрозрачным. Пока только так. Тень сделаем. Спасибо за идею 🙂
Передали в работу, в следующий апдейт постараемся включить. По поводу тормозов — смотрите — это из-за больших картинок. Есть смысл их уменьшать до 1900 по бОльшей стороне перед загрузкой в конструктор. Все же это не фотошоп, все происходит в браузере, а браузер довольно прожорлив.
Здравствуйте!Почему внизу нет кнопки сохранить((макет?
Добрый день! Кнопка есть! Если Вы ее не видите — попробуйте нажать CTRL и минус — возможно она ушла за пределы экрана.
Где найти личный кабинет?
Добрый день. Его нет, вся работа происходит в конструкторе. Если ЛК необходим, сделаем. Скажите, что хотите в нем видеть? Какой функционал?
Как загрузить свой макет на сайт для продвижения?
Прислать нам на designer@wbcard.ru на рассмотрение. Есть много нюансов, по которым мы отбираем макеты
Добрый день!
Нужно внести корректировки в карточки, которые сделала в вашей программе пару дней назад. Очень не хотелось бы заново их отрисовывать. Но не получается — не загружаются. Есть ли такая функция?
спасибо! впредь буду сохранять
Каждый месяц нужно оплачивать. Подписка не автоматическая. Вверху рабочей области есть счётчик с указанием оставшегося времени.