Как рассказать о продукте на сайте, чтобы вызвать доверие клиентов: секретная редакторская методика

Мифы и реальность о том, как клиент думает и как изучает сайты. Что вызывает желание купить и почему текст — не главное.

Как рассказать о продукте на сайте, чтобы вызвать доверие клиентов: секретная редакторская методика
Сергей Перевозчиков
редактор-маркетолог, 8 лет делаю сайты и промо-материалы, которые привлекают платежеспособных клиентов (mktlg.ru)

Все хотят, чтобы сайт приносил много клиентов. Для этого маркетологи неустанно трудятся над повышением конверсии: переписывают текст и призывы, подключают виджеты звонка и онлайн-чата, меняют дизайн, придумывают «ловушки» для клиента, увеличивают объём трафика. Всё это важно, но в погоне за конверсией легко упустить фундаментальную проблему, о которой почти не говорят.

Проблема эта в том, что о продукте обычно пытаются рассказывать текстом — то есть исходят из того, что на сайте решает текст. На самом деле текст мало что решает. И вот почему.

Во-первых, у людей нет времени вчитываться

Аня — секретарь в крупной компании. Сотрудники и клиенты компании ежедневно выпивают под сотню литров питьевой воды. Нынешний поставщик воды не всегда привозит ее вовремя, и воды часто не хватает на всех. Поэтому директор решает отказаться от услуг тех поставщиков и поручает Ане найти других и заключить с ними договор.

Аня открывает Яндекс и находит 5—10 сайтов, чтобы сравнить цены и попытаться понять, решат ли здесь ее проблему. Вчитываться в каждый сайт времени нет: скоро совещание, потом нужно разбираться с документами, а еще выйти с работы пораньше, успеть в садик за ребенком. Поэтому Аня просматривает предложения по диагонали: пробегает взглядом картинки и заголовки — то, что сильнее всего бросается в глаза. Сделав для себя какие-то выводы об одной компании, наша героиня переходит к следующей.

Аню совершенно не волнует, насколько тщательно разрабатывались эти лендинги (и лендинги ли это вообще), сколько стоили услуги копирайтера и сколько раз дизайнер переделывал иконки. Она пришла сюда, чтобы выполнить поручение и решить проблему.

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

Мораль — клиентам некогда читать сайты подряд, у них куча других дел. Скажу по секрету, что лендинг от и до читают только два человека — копирайтер и сам заказчик.

Во-вторых, текст плохо раскрывает суть

Клиент обращается в компанию не потому, что текст премиальный, а когда верит, что эта компания способна решить его проблему. Но прочитать и поверить — разные вещи.

Вы можете написать действительно хороший текст, где будет много полезных фактов, клиентских ситуаций и прочего. Например: «Наш инновационный пылесос способен высасывать блох прямо из собаки, причем без вреда для шкуры вашего питомца!» Тут реально есть польза. Но даже если клиент все прочитал, ему придется вообразить эту картину, истолковать ее и сделать выводы. Это долго и требует усилий.

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

Было бы странно, если бы Стив Джобс на своих презентациях рассказывал о новом Macbook Air, не показывая сам гаджет:

Презентации Стива Джобса были успешны не из-за хорошего текста, а потому что он много демонстрировал
Презентации Стива Джобса были успешны не из-за хорошего текста, а потому что он много демонстрировал

Не рассказывайте о продукте — покажите его

Пытаться продать с помощью текста — это та самая фундаментальной проблема, о которой я говорил в начале. У людей нет времени вчитываться, да и на сайт они пришли не читать, а решать свою проблему. Значит, решение проблемы им нужно показать.

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

Чтобы показать продукт, нужны иллюстрации.

Я сейчас не о красивых векторных картинках, которые рисуют дизайнеры-иллюстраторы. Иллюстрация — это наглядное пояснение, яркий пример, который что-либо подтверждает или объясняет.

Иллюстрация — это наглядное пояснение, яркий пример, который что-либо подтверждает или объясняет

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

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

Один и тот же факт можно рассказать текстом или фотографией. Какой вариант заметнее, нагляднее и вызывает больше доверия?
Один и тот же факт можно рассказать текстом или фотографией. Какой вариант заметнее, нагляднее и вызывает больше доверия?

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

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

По большому счету, иллюстрация — это и есть то, что мы хотели донести до клиента.

Что является иллюстрацией, а что нет

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

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

Есть еще демонстрации — частный случай иллюстраций. К примеру, вы делаете лэндинг о непромокаемой куртке. Иллюстрацией будет схема об устройстве ткани, а демонстрацией — видеоролик о том, как куртку поливают водой, а она не впитывается.

Не иллюстрации — иконки, абстрактные картинки из интернета, фотографии со стоков. Беда иконок в том, что они не сообщают ничего полезного. Да, вы можете поставить иконку часов к факту «Соберем дом за 20 дней». Но иконка не решит никакую задачу, да и разве клиент никогда не видел часы? Справедливости ради, иконка может быть полезной, когда нужно выделить что-то важное в однородном макете.

Картинки из интернета — это просто абстрактные изображения. Они ничего не иллюстрируют, а только захламляют макет. Как и в тексте, в визуальном наполнении важны смыслы, причем они должны быть на поверхности. У клиента нет времени разбираться, что вы имели в виду этой картинкой.

Здесь тоже есть исключение: картинка из фотостока может помочь, если нужно создать настроение, когда клиент не понял умом, а почувствовал что-либо.

Как можно было преподнести смысл про обсуждение проектов
Как можно было преподнести смысл про обсуждение проектов

Это не означает, что иконки, векторные иллюстрации и стоковые картинки — зло. Просто они нужны для решения других задач.

Иконки, векторные картинки и фото со стоков — не информативны

Общие правила иллюстрирования в рекламе

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

Например, на лендинге о курсе ораторского мастерства неплохо было бы показать результаты учеников «было → стало» в формате аудио или видео.

Блог лендинга о производстве вентиляционных заготовок. Одно из главных качеств продукции — плотность стыков — продемонстрировано с помощью фото
Блог лендинга о производстве вентиляционных заготовок. Одно из главных качеств продукции — плотность стыков — продемонстрировано с помощью фото

Показывайте красивых людей. Мы социальные существа и потому обращаем внимание на других людей, особенно на красивых.

В рекламе красивые люди должны с радостью пользоваться продуктом. Красивые люди должны работать в компании. Красивые люди должны создавать настроение своими эмоциями. На подсознательном уровне покупателю хочется быть таким же красивым и довольным.

У «Эппл» на странице об AirPods показана красивая девушка, которая явно кайфует от музыки. Читателю машинально хочется кайфовать так же
У «Эппл» на странице об AirPods показана красивая девушка, которая явно кайфует от музыки. Читателю машинально хочется кайфовать так же

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

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

Так может выглядеть первый экран сайта об онлайн-курсе по подготовке презентаций:

Иллюстрация как бы рассказывает, что если вы купите курс, то улучшите навыки разработки презентаций
Иллюстрация как бы рассказывает, что если вы купите курс, то улучшите навыки разработки презентаций

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

Как иллюстрировать различные продукты

Проиллюстрировать можно что угодно: товары, услуги, онлайн-сервисы. Неважно, что вы продаете — просто придумайте такие иллюстрации, которые действительно раскроют то, что важно вашему клиенту.

Товары. Для продажи товаров важнее всего иметь суперские фотографии. Причем не просто красивые, а информативные — показывающие что-то, что клиент должен понять.

Посмотрите, как рассказывает о своих гаджетах тот же «Эппл» — и вы всё поймёте.

Фотография зубной нити с сайта <a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fwww.lot2046.com%2F&postId=152022" rel="nofollow noreferrer noopener" target="_blank">https://www.lot2046.com</a>. Как видно, недорогой товар вполне может выглядеть дорого
Фотография зубной нити с сайта https://www.lot2046.com. Как видно, недорогой товар вполне может выглядеть дорого

Услуги. Если результат от услуги материален и его можно пощупать, то здесь всё просто: показываем результат в формате «до → после» и видео о том, как предоставляется эта услуга. Это подходит, например, для услуг химчистки, салонов красоты, стилистов.

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

Можно пойти дальше демонстрации результата. Например, показать, что мастера постоянно учатся новому. Именно так я и поступил, когда готовил лендинг для салона красоты в Дубаи:

В подписи к фотографии сказано: «Известный на Ближнем Востоке стилист Фади Механна показывает, как правильно выполнять блондирование без аммиака»
В подписи к фотографии сказано: «Известный на Ближнем Востоке стилист Фади Механна показывает, как правильно выполнять блондирование без аммиака»

Бывают услуги, результат которых невозможно показать — например, это услуги юристов или кредитных брокеров. Здесь в качестве иллюстраций подойдут схемы: какие есть варианты помощи клиенту, как оказывается услуга в зависимости от ситуации клиента и т.п.

Схема с <a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fmktlg.ru&postId=152022" rel="nofollow noreferrer noopener" target="_blank">моего собственного сайта</a>. Она показывает, что я стремлюсь разобраться в задаче клиента, для этого задаю много вопросов. Причем это ясно с первого взгляда: пример диалога со мной визуально больше
Схема с моего собственного сайта. Она показывает, что я стремлюсь разобраться в задаче клиента, для этого задаю много вопросов. Причем это ясно с первого взгляда: пример диалога со мной визуально больше

Также услуги можно иллюстрировать сканами документов. Например, заключение эксперта поможет понять, в каком виде клиент получает результат услуги. Еще можно добавить на сайт типовой договор.

Онлайн-курсы. Здесь важнее всего показать, что обучение даст клиенту. Если возможно, покажите результаты до и после: аудио- или видеозаписи выступлений

Всегда показывайте программу обучения — человек должен понимать, за что платит. Ничего если программа большая, она такой и должна быть: так ценность вашего курса перевесит цену в сознании клиента .

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

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

Еще одна иллюстрация с лендинга нутрицологического курса — пример методички и важные для клиентов цифры
Еще одна иллюстрация с лендинга нутрицологического курса — пример методички и важные для клиентов цифры

Платформы, онлайн-сервисы, digital-продукты. Скриншоты, скриншоты и еще раз скриншоты. Именно они дадут клиенту что-то вроде тест-драйва.

Тут есть важный момент: не стремитесь показать ровно тот интерфейс, который есть — упрощайте его, чтобы сделать акцент на главном. К примеру, если вы демонстрируете CRM-систему, необязательно показывать все фильтры в задах или все варианты статусов. Просто затрите лишнее в Фотошопе.

Крутая иллюстрация на сайте сервиса для стримеров. Возможности кабинета показаны в виде утрированных скриншотов с подписями
Крутая иллюстрация на сайте сервиса для стримеров. Возможности кабинета показаны в виде утрированных скриншотов с подписями

Если вы дизайнер, покажите клиенту, какой дизайн хороший, а какой нет и почему. Такой полуобразовательный контент поможет разобраться, на что обращать внимание. У меня на сайте это сделано так:

Попытался объяснить, чем конкретно плохой дизайн отличается от хорошего. На компьютерах иллюстрация смотрится иначе: примеры те же, но сами картинки широкоформатные
Попытался объяснить, чем конкретно плохой дизайн отличается от хорошего. На компьютерах иллюстрация смотрится иначе: примеры те же, но сами картинки широкоформатные

Сложные и b2b-продукты. Это относительно дорогие продукты: франшизы, строительство домов, производство оборудования. Здесь можно применять полный набор: красивые информативные фотографии продукта и людей, видеоролики о процессе предоставления, схемы работы и так далее.

На сайте «ДОДО-франчайзинга» полно хороших иллюстраций: здесь тебе и скриншоты информационной системы, и выручка франчайзи (цифры в некотором роде тоже иллюстрации), и фотографии с производства.

Планировка кухни в одной из пиццерий. Так <a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fwww.dodofranchise.ru&postId=152022" rel="nofollow noreferrer noopener" target="_blank">«ДОДО-франчайзинг»</a> показывает, что поможет со всем необходимым
Планировка кухни в одной из пиццерий. Так «ДОДО-франчайзинг» показывает, что поможет со всем необходимым

Еще немного о франчайзинге. Чтобы доказать рост спроса на что-либо, можно привести в пример статистику из Яндекса:

Иллюстрация показывает, что спрос на услуги ведущих падает в несезон, тогда как спрос на квизы (интеллектуальные игры) стабильно растет
Иллюстрация показывает, что спрос на услуги ведущих падает в несезон, тогда как спрос на квизы (интеллектуальные игры) стабильно растет

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

Не жалейте денег на иллюстрации: они важнее всего остального

Делюсь опытом, как делаю лучшие информационные продукты (прототипы, сайты, статьи, тексты, видео), как работать с клиентом и зарабатывать фрилансом, публикую вакансии о работе с текстом у себя в Телеграм-канале. Подписывайтесь → https://t.me/krometexta

Если вам интересен такой метод, напишите в комментариях, что вы продаете, а я накидаю идей, чем это проиллюстрировать.

7373
135 комментариев

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

6
Ответить

Кстати, верно подметили. Кто-то считает, что видео выигрывает у текста конкуренцию за внимание, но по факту все зависит от контекста: кому-то удобнее прямо сейчас посмотреть видос, а кому-то — проскроллить страницу. 

Исходя из этого: все те же смыслы, что отражены в видео, есть смысл отразить и в продуктовом рассказе.

2
Ответить

"клиенту надо просто решить его задачу. Поэтому прежде покажите, что вы умеете круто решать клиентские задачи"
Эту фразу надо как минимум эпиграфом поста, если не всего ВЦ
 

5
Ответить

Ну это единственное, за что платят клиенты. Об этом будет отдельная статья.

2
Ответить

Классная статья, спасибо. А как придумывает иллюстрации? Наверняка, тоже есть свои секреты :) 

2
Ответить

Да, тут своя тема. Об этом, по идее, надо писать отдельную статью. :) А вообще можно изучить заметки Максима Ильяхова на эту тему: http://visual-storytelling.ru

6
Ответить

1. В статье есть пример с курсом презентаций. Так вот вам на первый экран прямо просится что-то подобное: покажите две или три фотографии, от плохой к хорошей. Так вы продемонстрируете, что помогаете фотографу прокачать мастерство. Видос, который есть сейчас, показывает только процесс. А нужно показать результат. 

2. Пишете, что более 4500 студентов стали профи в индустрии. А где хотя бы один? Покажите нескольких человек и приведите доказательства, что они действительно профи. 

3. Клиенты, которые доверяют мне упаковку нутрициологических курсов, говорят, что людям в онлайн-образовании почему-то очень важен конечный документ, который они получат. Покажите свой(и).

4. Посмотрел страницы курсов. Хорошо, что выводите программу, но нигде не нашел понятных иллюстраций о том, как в принципе проходит офлайн- или онлайн-обучение. В случае с офлайном приведите фотографии процесса и подпишите: «Вот инструктор Анатолий помогает студенту Дмитрию правильно выставить свет» и в таком духе. На странице про онлайн-курс покажите кабинет (если у вас платформа). 

Но на самом деле можно не показывать процессы, если вы круто демонстрируете, как меняется мастерство после ваших курсов. Сосредоточьтесь лучше на этих иллюстрациях. 

Вообще сайт красивый, но с точки зрения наполнения и подачи много проблем. Текст по смыслу не дружит с фото. Много лишних конструкций, которые усложняют чтение. Очень пестрая подача создает давление «Купи уже давай!». Менюха сбоку сильно отвлекает от основного контента. Приходите на разбор, и я покажу, что еще не так и как это исправить https://mktlg.ru/cnslt 

3
Ответить