The post has been translated automatically. Original language: Russian
Занимаетесь продажами через интернет, но не знаете, как разработать эффективный дизайн карточки? Рассказываем, что нужно учесть при составлении концепта. Также покажем, где выполнить работу, чтобы создание карточки товара для маркетплейса прошло быстро и комфортно.
Конкуренция на маркетплейсах высока. Чтобы ваш товар выделялся из массы предложений, нужно оформить красивую и информативную товарную карточку. Давайте разберем по пунктам, что делает изображения по-настоящему продающими.
Фотографии — ваше визуальное оружие
Качество изображений — это фундамент успешного визуала. Покупатель видит на экране не просто товар, а результат вашего отношения к нему. Поэтому инвестируйте в качественные фото, сделанные профессиональным фотографом на хорошее оборудование.
Интригующий заголовок
Заголовок должен быть коротким и емким, точно отражать суть товара и вызывать желание узнать больше.
Текст — лаконичность и убедительность
Покупатели не терпят информационного перегруза — это факт. Длинные тексты мало кто читает. Поэтому сконцентрируйтесь на главном:
- Используйте короткие, четкие предложения.
- Обрисуйте выгоды, которые получит покупатель, через описание ключевых характеристик.
Подсказка: некоторые нейросети генерируют уникальные описания по введенным ключевым словам. У вас будет красивый и грамотно составленный текст, даже если вы не владеете литературными талантами.
- Разбейте текст на логические блоки с использованием маркированных или нумерованных списков для облегчения восприятия.
- Включите в описание релевантные ключевые слова, по которым алгоритмы маркетплейсов ищут товары по запросам пользователей.
- Не пренебрегайте графической информацией. Инфографика помогает покупателям понять ключевые преимущества товара, просто посмотрев на карточку.
И не забывайте, что оформление карточки товара на маркетплейсах должно быть гармоничным и привлекательным. Цвета, шрифты, клипарт — все должно сочетаться.
Шаблоны — помощь для новичков
Если вы не обладаете навыками дизайнера, используйте готовые шаблоны. Они помогут создать профессионально выглядящую карточку без больших затрат времени и усилий.
Такие шаблоны можно найти в специальных онлайн-сервисах, например в Граформе. Это популярный бесплатный сервис для разработки качественных визуальных концептов на все случаи жизни: от поздравительных открыток до идеальных товарных карточек. Для маркетплейсов есть готовые решения с точными размерами под Wildberries, Ozon и Яндекс Маркета. Также эти шаблоны можно легко адаптировать под любые другие торговые площадки — достаточно изменить размер холста.
Сервисы, подобные Граформе, помогают менеджерам маркетплейсов вовремя обновлять информацию и экономить время при оформлении новых позиций. Особенно они полезны, когда ассортимент очень большой.
Редактуре поддается каждый элемент: меняйте текст, графику и изображения на свои или выбирайте из встроенной коллекции на сайте.
Если хотите создать привлекательный и уникальный дизайн самостоятельно, сделайте это с чистого листа. Опция предполагает полностью индивидуальное заполнение карточки, чтобы другой такой или похожей точно ни у кого не было.
При скачивании работы на ПК вы можете выбрать цветовой профиль (RGB, CMYK) и формат (JPG, PNG, PDF).
А сейчас рассмотрим на практике, как сделать карточку товара для маркетплейсов.
Зайдите на сайт Граформы и зарегистрируйтесь. Это быстро: вы можете ввести почту вручную или войти через свой аккаунт ВКонтакте, Яндекс или Mail.ru.
Когда окажетесь в своем личном кабинете, нажмите «Создать дизайн». Дальше вы сможете перейти в раздел «Шаблоны» и просмотреть доступные макеты от профессиональных дизайнеров. Все варианты разбиты на категории, так что искать тоже будет легко.
Нажмите на любой шаблон — он появится в рабочей области. Каждый из проектов содержит около 5 страниц: заглавную и дополнительные.
Внизу экрана выберите лист, с которым собираетесь работать. То есть кликните на него один раз левой кнопкой мыши.
Панели со страницами можно скрыть, нажав на перевернутую галочку.
Для изменения элемента в шаблоне также требуется разово на него щелкнуть. Появится выделение в виде рамки. Вы можете:
- потянить за узловую точку, чтобы увеличить клипарт;
- зажать круглую стрелочку, чтобы повернуть элемент;
- кликнуть на стопку слоев, чтобы скопировать деталь, или на корзину, чтобы удалить ее.
Кроме того, сверху появятся дополнительные параметры. Для картинок — это возможность центрирования, настройки прозрачности, удаления фона.
Удалите слой с девушкой. Перейдите в раздел «Загруженные» и залейте на сайт свои изображения.
Разместите лучшее на холсте и воспользуйтесь опцией «Удалить фон» для экстракции объекта.
Затем при помощи рамки масштабируйте объект и разместите на холсте в нужном месте.
Справа вы увидите иконку в виде сложенной стопки листов. Нажмите на нее, откроется панель слоев. Обратите внимание: каждый элемент располагается на новом слое.
Видимость слоев легко отключить, нажав на глазик. Вы можете создать карточку товара для маркетплейса с любым оформлением. Если хотите изменить фон, то в панели слоев отключите видимость фонового слоя. Затем подберите новый цвет с помощью палитры в левом верхнем углу экрана.
Чтобы задник был не одноцветный, а градиентный, переключитесь на пункт «Градиент» и подберите цвета при помощи шкалы.
Нажимайте последовательно на точки и для каждой подбирайте свой цвет на палитре.
Для отмены действия при оформлении карточки товара нажмите на изогнутую стрелочку в левой верхней части экрана.
Далее замените текст на свой. Также вы можете добавить новые надписи: для этого перейдите в соответствующий раздел, выберите подходящий стиль и укажите нужную информацию.
Для текста предусмотрены следующие настройки: изменение стиля, типа шрифта, размера, цвета букв, их толщины, установки межстрочного и межбуквенного интервала, добавление тени.
Для перемещения надписей по холсту используйте символ колесика со стрелками. Зажмите его и потяните.
При работе в Граформе вы можете использовать маски. Это векторные объекты, которые можно растягивать, сжимать и вращать. Если их заполнить визуальным контентом, то изображения разместятся внутри маски, приняв те же очертания. Это как заполнять слоты коллажей, имеющих разную форму. Функция особенно полезна при создании карточек на маркетплейсы с нуля.
Чтобы поместить фото внутрь маски, нужно пройти в категорию «Картинки», выбрать объект, зажать его мышкой и перетащить на маску.
Обратите внимание, что «Картинки» содержат два подменю: «Изображения» и «Загруженные. В первом содержится стоковая графика, второй, как мы уже говорили, используется для заливки на сервис собственных снимков.
Еще сервис предлагает набор фигур. Их мало, но из круга и квадрата можно делать овалы и прямоугольники за счет инструментов деформации, заливать их разными цветами, комбинировать. Фигуры хорошо использовать для текстовых подложек.
Для фигур предусмотрены следующие параметры: наложение окантовки, скругление углов, выравнивание, уменьшение прозрачности.
В категории «Фигуры» выберите квадрат в качестве подложки. Деформируйте его так, чтобы получился прямоугольник: зажмите Shift и потяните одну из граней в сторону.
Поменяйте слои местами, чтобы слой с текстом оказался сверху. Откройте справа панель со слоями, наведите мышку на изображение шести точек в начале слоя. Курсор превратится в ладошку. Зажмите слой и перетащите вверх или вниз до того слоя, с которым хотите поменяться местами.
В нашем случае слой с прямоугольником нужно разместить под текстом. Затем понизьте прозрачность подложки примерно до 32%.
Для привлекательного дизайна часто используется принцип «наезда» одного графического элемента на другой. Такой прием можно выполнить как раз при помощи изменения порядка слоев.
Чтобы не пришлось делать подложку заново для следующей надписи, щелкните по прямоугольнику и примените опцию копирования.
Далее останется перетянуть прямоугольник в нужно место и подогнать размеры под новый текст.
Чтобы визуальное оформление карточки стало еще привлекательнее, добавим варианты расцветок нашего товара. В «Фигурах» на это раз выберите круг. Уменьшите его и залейте одним из цветов, в которых представлен товар. Пусть это будет черный.
Добавим белую окантовку вокруг круга. В параметрах, отвечающих за толщину линии, укажите белый цвет и повысьте цифру до 7. Чем выше цифра, тем толще обводка вокруг круга.
Любое из действий можно отменить. Причем не последовательно, а исходя из потребностей. Все изменения содержаться в категории «История».
Посмотрите: в 14.29 мы добавили прямоугольник, изменили его положение, размер и проделали еще кучу манипуляций.
Для отмены просто нажмите на соответствующее действие в истории. Вы сразу вернетесь к нужному этапу работы. В других редакторах пришлось бы последовательно отменять все изменения, а потом заново наносить и редактировать текст.
Далее нужно озаглавить проект, ведь все работы сохраняются в вашем личном кабинете. Нажмите на строчку «Дизайн без названия», придумайте осмысленный заголовок. Теперь можно скачать результат, кликнув на соседнюю кнопку синего цвета.
Теперь вы знаете, как оформить карточку товара и где можно создать профессиональный уникальный дизайн с шаблоном или без. Бесплатные инструменты Граформы ориентированы на оптимизацию рабочего процесса и создание эффективного визуала. С их помощью вы легко создадите качественную инфографику для популярных маркетплейсов и сможете повысить свои продажи.
Занимаетесь продажами через интернет, но не знаете, как разработать эффективный дизайн карточки? Рассказываем, что нужно учесть при составлении концепта. Также покажем, где выполнить работу, чтобы создание карточки товара для маркетплейса прошло быстро и комфортно.
Конкуренция на маркетплейсах высока. Чтобы ваш товар выделялся из массы предложений, нужно оформить красивую и информативную товарную карточку. Давайте разберем по пунктам, что делает изображения по-настоящему продающими.
Фотографии — ваше визуальное оружие
Качество изображений — это фундамент успешного визуала. Покупатель видит на экране не просто товар, а результат вашего отношения к нему. Поэтому инвестируйте в качественные фото, сделанные профессиональным фотографом на хорошее оборудование.
Интригующий заголовок
Заголовок должен быть коротким и емким, точно отражать суть товара и вызывать желание узнать больше.
Текст — лаконичность и убедительность
Покупатели не терпят информационного перегруза — это факт. Длинные тексты мало кто читает. Поэтому сконцентрируйтесь на главном:
- Используйте короткие, четкие предложения.
- Обрисуйте выгоды, которые получит покупатель, через описание ключевых характеристик.
Подсказка: некоторые нейросети генерируют уникальные описания по введенным ключевым словам. У вас будет красивый и грамотно составленный текст, даже если вы не владеете литературными талантами.
- Разбейте текст на логические блоки с использованием маркированных или нумерованных списков для облегчения восприятия.
- Включите в описание релевантные ключевые слова, по которым алгоритмы маркетплейсов ищут товары по запросам пользователей.
- Не пренебрегайте графической информацией. Инфографика помогает покупателям понять ключевые преимущества товара, просто посмотрев на карточку.
И не забывайте, что оформление карточки товара на маркетплейсах должно быть гармоничным и привлекательным. Цвета, шрифты, клипарт — все должно сочетаться.
Шаблоны — помощь для новичков
Если вы не обладаете навыками дизайнера, используйте готовые шаблоны. Они помогут создать профессионально выглядящую карточку без больших затрат времени и усилий.
Такие шаблоны можно найти в специальных онлайн-сервисах, например в Граформе. Это популярный бесплатный сервис для разработки качественных визуальных концептов на все случаи жизни: от поздравительных открыток до идеальных товарных карточек. Для маркетплейсов есть готовые решения с точными размерами под Wildberries, Ozon и Яндекс Маркета. Также эти шаблоны можно легко адаптировать под любые другие торговые площадки — достаточно изменить размер холста.
Сервисы, подобные Граформе, помогают менеджерам маркетплейсов вовремя обновлять информацию и экономить время при оформлении новых позиций. Особенно они полезны, когда ассортимент очень большой.
Редактуре поддается каждый элемент: меняйте текст, графику и изображения на свои или выбирайте из встроенной коллекции на сайте.
Если хотите создать привлекательный и уникальный дизайн самостоятельно, сделайте это с чистого листа. Опция предполагает полностью индивидуальное заполнение карточки, чтобы другой такой или похожей точно ни у кого не было.
При скачивании работы на ПК вы можете выбрать цветовой профиль (RGB, CMYK) и формат (JPG, PNG, PDF).
А сейчас рассмотрим на практике, как сделать карточку товара для маркетплейсов.
Зайдите на сайт Граформы и зарегистрируйтесь. Это быстро: вы можете ввести почту вручную или войти через свой аккаунт ВКонтакте, Яндекс или Mail.ru.
Когда окажетесь в своем личном кабинете, нажмите «Создать дизайн». Дальше вы сможете перейти в раздел «Шаблоны» и просмотреть доступные макеты от профессиональных дизайнеров. Все варианты разбиты на категории, так что искать тоже будет легко.
Нажмите на любой шаблон — он появится в рабочей области. Каждый из проектов содержит около 5 страниц: заглавную и дополнительные.
Внизу экрана выберите лист, с которым собираетесь работать. То есть кликните на него один раз левой кнопкой мыши.
Панели со страницами можно скрыть, нажав на перевернутую галочку.
Для изменения элемента в шаблоне также требуется разово на него щелкнуть. Появится выделение в виде рамки. Вы можете:
- потянить за узловую точку, чтобы увеличить клипарт;
- зажать круглую стрелочку, чтобы повернуть элемент;
- кликнуть на стопку слоев, чтобы скопировать деталь, или на корзину, чтобы удалить ее.
Кроме того, сверху появятся дополнительные параметры. Для картинок — это возможность центрирования, настройки прозрачности, удаления фона.
Удалите слой с девушкой. Перейдите в раздел «Загруженные» и залейте на сайт свои изображения.
Разместите лучшее на холсте и воспользуйтесь опцией «Удалить фон» для экстракции объекта.
Затем при помощи рамки масштабируйте объект и разместите на холсте в нужном месте.
Справа вы увидите иконку в виде сложенной стопки листов. Нажмите на нее, откроется панель слоев. Обратите внимание: каждый элемент располагается на новом слое.
Видимость слоев легко отключить, нажав на глазик. Вы можете создать карточку товара для маркетплейса с любым оформлением. Если хотите изменить фон, то в панели слоев отключите видимость фонового слоя. Затем подберите новый цвет с помощью палитры в левом верхнем углу экрана.
Чтобы задник был не одноцветный, а градиентный, переключитесь на пункт «Градиент» и подберите цвета при помощи шкалы.
Нажимайте последовательно на точки и для каждой подбирайте свой цвет на палитре.
Для отмены действия при оформлении карточки товара нажмите на изогнутую стрелочку в левой верхней части экрана.
Далее замените текст на свой. Также вы можете добавить новые надписи: для этого перейдите в соответствующий раздел, выберите подходящий стиль и укажите нужную информацию.
Для текста предусмотрены следующие настройки: изменение стиля, типа шрифта, размера, цвета букв, их толщины, установки межстрочного и межбуквенного интервала, добавление тени.
Для перемещения надписей по холсту используйте символ колесика со стрелками. Зажмите его и потяните.
При работе в Граформе вы можете использовать маски. Это векторные объекты, которые можно растягивать, сжимать и вращать. Если их заполнить визуальным контентом, то изображения разместятся внутри маски, приняв те же очертания. Это как заполнять слоты коллажей, имеющих разную форму. Функция особенно полезна при создании карточек на маркетплейсы с нуля.
Чтобы поместить фото внутрь маски, нужно пройти в категорию «Картинки», выбрать объект, зажать его мышкой и перетащить на маску.
Обратите внимание, что «Картинки» содержат два подменю: «Изображения» и «Загруженные. В первом содержится стоковая графика, второй, как мы уже говорили, используется для заливки на сервис собственных снимков.
Еще сервис предлагает набор фигур. Их мало, но из круга и квадрата можно делать овалы и прямоугольники за счет инструментов деформации, заливать их разными цветами, комбинировать. Фигуры хорошо использовать для текстовых подложек.
Для фигур предусмотрены следующие параметры: наложение окантовки, скругление углов, выравнивание, уменьшение прозрачности.
В категории «Фигуры» выберите квадрат в качестве подложки. Деформируйте его так, чтобы получился прямоугольник: зажмите Shift и потяните одну из граней в сторону.
Поменяйте слои местами, чтобы слой с текстом оказался сверху. Откройте справа панель со слоями, наведите мышку на изображение шести точек в начале слоя. Курсор превратится в ладошку. Зажмите слой и перетащите вверх или вниз до того слоя, с которым хотите поменяться местами.
В нашем случае слой с прямоугольником нужно разместить под текстом. Затем понизьте прозрачность подложки примерно до 32%.
Для привлекательного дизайна часто используется принцип «наезда» одного графического элемента на другой. Такой прием можно выполнить как раз при помощи изменения порядка слоев.
Чтобы не пришлось делать подложку заново для следующей надписи, щелкните по прямоугольнику и примените опцию копирования.
Далее останется перетянуть прямоугольник в нужно место и подогнать размеры под новый текст.
Чтобы визуальное оформление карточки стало еще привлекательнее, добавим варианты расцветок нашего товара. В «Фигурах» на это раз выберите круг. Уменьшите его и залейте одним из цветов, в которых представлен товар. Пусть это будет черный.
Добавим белую окантовку вокруг круга. В параметрах, отвечающих за толщину линии, укажите белый цвет и повысьте цифру до 7. Чем выше цифра, тем толще обводка вокруг круга.
Любое из действий можно отменить. Причем не последовательно, а исходя из потребностей. Все изменения содержаться в категории «История».
Посмотрите: в 14.29 мы добавили прямоугольник, изменили его положение, размер и проделали еще кучу манипуляций.
Для отмены просто нажмите на соответствующее действие в истории. Вы сразу вернетесь к нужному этапу работы. В других редакторах пришлось бы последовательно отменять все изменения, а потом заново наносить и редактировать текст.
Далее нужно озаглавить проект, ведь все работы сохраняются в вашем личном кабинете. Нажмите на строчку «Дизайн без названия», придумайте осмысленный заголовок. Теперь можно скачать результат, кликнув на соседнюю кнопку синего цвета.
Теперь вы знаете, как оформить карточку товара и где можно создать профессиональный уникальный дизайн с шаблоном или без. Бесплатные инструменты Граформы ориентированы на оптимизацию рабочего процесса и создание эффективного визуала. С их помощью вы легко создадите качественную инфографику для популярных маркетплейсов и сможете повысить свои продажи.
