Умный визуальный маркетинговый инструмент GoMechanic

Визуальный маркетинг — один из наиболее оптимизированных и важных маркетинговых инструментов для бизнеса электронной коммерции. Улучшение визуальных и графических элементов на вашем веб-сайте не только помогает привлечь клиентов, но и изображения премиум-качества также вызывают доверие и лояльность клиентов. С точки зрения продаж визуальный маркетинг привлекает большое внимание. Растет озабоченность по поводу улучшения стратегий в той же области, и GoMechanic перенимает несколько лучших практик электронной коммерции.

Недавно GoMechanic запустила в своем приложении широкий ассортимент автомобильных аксессуаров премиум-класса, чтобы упростить работу с клиентами и их использование. В следующем блоге мы обсудим методы, которые мы используем для визуального маркетинга в нашем бизнесе электронной коммерции.

Проблема…

Когда мы начали создавать наше приложение для продажи автомобильных аксессуаров, мы искали различные методы, которые крупные гиганты электронной коммерции того времени, такие как Amazon, Flipkart, Myntra и другие, использовали для своих веб-сайтов или приложений. Мы попытались включить многие из этих практик в нашу бизнес-модель, но снова столкнулись с множеством проблем, некоторые из которых обсуждаются ниже:

  1. Пиксированные и размытые изображения. Многие загруженные изображения были размытыми, и при увеличении масштаба они становились пикселизированными.
  2. Отсутствуют подробные изображения. Отсутствовали некоторые подробные снимки содержимого коробки и состава продукта, что раньше вызывало у потребителей много сомнений.
  3. Улучшение UX. Удовлетворенный UX – ключевая цель для любого бизнеса, и плохая визуализация продукта была главным препятствием на пути к достижению этой цели.
  4. Оптимизация визуального маркетинга. Поскольку стратегия оптимизированного визуального маркетинга играет ключевую роль в проекте, любые блокираторы или недостатки в ней рассматривались как серьезная проблема, которую необходимо было решить в срочном порядке.
  5. Укрепление доверия потребителей. Лучший способ завоевать доверие клиентов к продукту — показать им, что именно они получат. Любое нарушение этого доверия не только подрывает имидж бренда, но и ставит под угрозу лояльность клиентов.
  6. Сокращение времени загрузки. Было замечено, что некоторые из изображений имеют огромные размеры. Это вызвало увеличение времени загрузки веб-сайта/приложения, а более длительное время загрузки является БОЛЬШИМ НЕТ в основах UX.
  7. Снижение стоимости сервера. Поскольку время загрузки веб-сайта увеличивается и, следовательно, увеличивается стоимость сервера, это снова БОЛЬШОЕ НЕТ для компании, занимающейся электронной коммерцией.
  8. Удаление дубликатов изображений. Дублирование изображений — это одна из практик, которых следует избегать при продаже продукта в Интернете, поскольку любое дублирование в конечном итоге подорвет доверие покупателя.
  9. Улучшение бизнес-рейтинга. В наши дни хороший рейтинг в Google является необходимым условием, а плохой визуальный маркетинг и UX определенно мешают этому.

Команда столкнулась со следующими проблемами, и это могло напрямую повлиять на бизнес. Чтобы избавиться от этой многогранной проблемы, талантливый технический специалист GoMechanic разработал уникальную программу машинного обучения с интегрированным искусственным интеллектом под названием «Оценка качества изображения».

Встречайте IQA!

Программа IQA обучена множеству сложных алгоритмов машинного обучения. Его основная цель заключалась в том, чтобы оптимизировать визуальный маркетинг для создания хорошего бизнеса и улучшения опыта взаимодействия с пользователем. Программа сначала получает изображения продуктов, а затем классифицирует их по различным категориям. Изображения также прошли тщательный процесс оценки качества, чтобы распределить их по различным категориям. После успешного завершения приема и анализа качества изображений они, наконец, отображаются в реальном времени в приложении и на веб-сайте, таким образом, готовясь к работе. Если изображение не может пройти проверку качества, команда уведомляется о артикуле продукта и сведениях об изображении. Отклоненные изображения должны пройти процесс исправления командой разработчиков, прежде чем они будут повторно загружены и размещены в приложении/на веб-сайте.

Ниже мы обсудили основные критерии оценки качества изображения.

Рекомендации по IQA и изображениям

  • Размеры изображений. Мы требуем, чтобы изображения товаров были размером не менее 1000 x 1000 пикселей. Для таких магазинов, как Amazon, требуется разрешение не менее 1000 x 1000, для Walmart — 2000 x 2000 для лучшей функции масштабирования на разных устройствах. Наиболее распространенное соотношение сторон — квадратное (1:1).
  • Формат изображения. Обычно мы используем форматы JPG и PNG. Но мы рекомендуем только JPG.
  • Качество. Высококачественные изображения товаров должны быть в фокусе, с профессиональным освещением и реалистичными цветами. Редактируйте фотографии, чтобы они соответствовали реальным цветам.
  • Счетчик изображений. Используйте как минимум четыре или более фотографий без дубликатов или ненужных фотографий с чисто белым фоном.
  • Негативное пространство: основной товар должен занимать не менее 60–70 % фотографии (рекомендуется 80 %).
  • Размер файла. Как правило, нам нужен наименьший размер файла при оптимальном размере и разрешении изображения. Файлы слишком большого размера могут увеличить время загрузки или могут быть не приняты.

Основное изображение

Главное изображение — это первое, что видит покупатель. Он должен быть сразу идентифицируемым и ясным.

  • Основное изображение привлекает внимание покупателя к списку, точно изображая продукт.
  • Если вам нужно было выбрать только одно изображение для оптимизации, убедитесь, что это основное фото. Основное фото с плохой обработкой заставит некоторых покупателей усомниться в подлинности или достоверности объявления, и он/она пойдет дальше.

Мобильное готовое главное изображение

Готовое для мобильных устройств главное изображение отображает информацию о продукте и дает четыре основных пункта, которые легко читаются: а) Кто является брендом? б) Что такое продукт? в) Какой это сорт? Сколько в упаковке?

Это очень важно в случае бизнеса FMCG.

  • Согласно анализу исследования, бренды FMCG удваивают свои показатели добавления в корзину, используя готовые изображения для мобильных устройств. Изображения продуктов отображаются на таких же маленьких площадях, как и на мобильных экранах, поэтому они должны быть очень разборчивыми.
  • Если ваш продукт поставляется в нескольких упаковках или в разных вариантах, важно использовать готовое для мобильных устройств главное изображение в качестве основного изображения.

Подробные снимки продукта

Интернет-магазины поощряют снимки сзади, сбоку и увеличенные фотографии, чтобы дать покупателям лучшее представление о продукте.

  • Фотографии продукта с разных ракурсов помогают покупателям понять особенности продукта, когда они просматривают изображения. Детальные снимки могут быстро донести информацию до покупателей.
  • Небольшие предметы или продукты с детальной конструкцией могут получить пользу от фотографий крупным планом. Эти изображения особенно полезны в информационно-развлекательных продуктах.

Упаковочные снимки

Это похоже на основные изображения и может использоваться в качестве основного изображения. Но он представляет весь продукт и его упаковку такими, какими они выглядят в реальной жизни.

  • Это помогает покупателям визуализировать, что представляет собой продукт. На пакетных снимках представлены естественные цвета, поэтому у покупателей есть реалистичные ожидания.
  • Удачное время для его использования — когда упаковка товара играет роль после покупки, например, мультиупаковка предметов электроники, средств по уходу за автомобилем. Любой физический продукт может извлечь выгоду из профессионального пакетного снимка.

Внутрипакетная литература

Встроенная литература, именуемая «Содержимое упаковки», демонстрирует все, что включено в продукт. Поскольку покупатели не могут физически взять и осмотреть посылку, эти фотографии сделают свою работу.

  • Согласно данным исследования, 64% онлайн-покупателей заявили, что возвращают товар, потому что он не соответствует описанию.
  • Фотография «Содержимое упаковки» снижает количество возвратов, показывая покупателям, чего именно ожидать.
  • Это полезно для любого типа продукта, состоящего из нескольких частей, а также для продуктов, которые клиенты ожидают получить с периферийными устройствами.

Фото образа жизни

Он демонстрирует продукты электронной коммерции, изображая культуру, которая их окружает. Вместо того, чтобы думать о товаре, покупатели думают о конечном результате, что усиливает желание совершить покупку. Продукты, которые вдохновляют клиентов на творчество или образ жизни, выигрывают от изображений, изображающих желаемый образ жизни.

Масштаб продукта

Отображение относительного размера товара помогает покупателям представить товар в своем собственном пространстве. Покупатели будут знать, чего ожидать, что поможет снизить процент возвратов. Фотографии для сравнения размеров полезны в любой ситуации, когда с размером можно ошибиться.

Фото Инструкция

В дополнение к объяснению функций и преимуществ изображения продуктов также могут давать инструкции по сборке или подготовке. Изображения продуктов с инструкциями уменьшают неизвестность для покупателей и могут сразу же ответить на вопросы. Это показывает, что бренд также заранее предупреждает о предупреждениях, и показывает, что бренд заслуживает доверия.

Технические моменты

Каждый хочет убедиться, что использует изображения самого высокого качества для своего веб-сайта электронной розничной торговли. Но есть много технических терминов и путаницы в отношении качества изображения. Чтобы понять качество изображения, мы должны понимать две основные вещи: разрешение и сжатие.

Разрешение изображения

Здесь речь идет о разрешении изображения в пикселях. Изображение состоит из миллионов пикселей, каждый из которых соответствует цвету. Больше пикселей — больше качество. Когда мы берем большое изображение, например 18-мегапиксельную фотографию, и отображаем его на экране ноутбука с разрешением от 2 до 5 мегапикселей, изображение должно быть уменьшено, чтобы оно поместилось на экране. Таким образом, для веб-сайта электронной розничной торговли, такого как наш, 2–5 МП (или ширина изображения 2000 пикселей) — это самое большое изображение, которое нам нужно.

Примечание 1. Использование изображения большего размера, чем вам нужно, не повышает качество получаемого изображения на конкретном экране.

Сжатие

Сжатие изображения — это процесс уменьшения размера файла при сохранении результата, аналогичного исходному изображению. Под размером файла мы подразумеваем «вес» файла, то есть килобайты или мегабайты. JPEG — самый популярный алгоритм сжатия изображений. JPEG настраивает уровень сжатия с качеством, которое может принимать любое значение от 0 до 100. 100 применяет минимальный уровень сжатия изображения, а 0 применяет максимальный уровень сжатия. При минимальном уровне сжатия изменения незаметны человеческому глазу. По мере увеличения уровня сжатия изменения могут стать более заметными.

Таким образом, сжатие влияет на качество фотографии почти так же, как имеет значение разрешение изображения.

Примечание 2. Мы должны использовать определенный уровень сжатия (качество от 80 до 90), чтобы добиться хорошего баланса. Если размер файла не имеет значения, то сжимать изображение не нужно. Просто оставьте значение уровня 100.

Мы делаем это для веб-сайта запчастей и аксессуаров GoMechanic. Применяем небольшой уровень сжатия (качество 90). Это связано с тем, что он уменьшает размер файла, что приводит к более быстрой загрузке и меньшим счетам за сервер, и в то же время обеспечивает точное качество фотографий.

Если изображения большего разрешения с более низким уровнем сжатия изображения повышают качество фотографии, можем ли мы применить эти настройки к изображениям низкого качества, чтобы сделать их более качественными?

Ответ НЕТ. Масштабирование изображения с разрешением 3 МП до 8 МП не улучшит качество изображения. Точно так же сжатие изображения с качеством сжатия 80 до качества 100 не приведет к повторному сжатию изображения.