Как Apple и другие компании продают с помощью визуала на посадочных страницах

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

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

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

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

— такие, что хочется взять смартфон / ноутбук / планшет в руки.

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

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

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

А решения о покупке мы принимаем в первую очередь эмоционально.

Люди в рекламе наушников явно наслаждаются музыкой. Удовольствие — вот что вы покупаете вместе с AirPods.

Страница Apple для школ продает не просто iPad, а время, проведенное вместе с детьми, и способ выразить им любовь.

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

При этом Apple показывает работы классных фотографов. На фото ниже значение имеет композиция и светотеневой рисунок. Далеко не каждый пользователь сможет сделать нечто подобное даже с iPhone 12 Pro, но Apple убеждает нас в обратном: это все алгоритмы машинного обучения и элементы управления, а вовсе не талант фотографа.

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

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

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

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

Фото из галереи выше — с сайта франшизы «Додо Пиццы»

Для клиники лучше не придумаешь: клиенты идут в первую очередь ко врачу, рекомендуют друг другу врачей, за врачами уходят в другие клиники.

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

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

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

Пробегитесь по сайтам Apple и других компаний. Как вам кажется, что оказало на вас большее воздействие, текст или визуал?

— вы сами можете проверить это, если посмотрите поведение пользователей на сайте.

Читатель движется по странице примерно так:

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

Важно не только то, какой визуальный материал вы выбираете, но и то, как вы его оформляете.

Посмотрите на скриншот ниже. Какие впечатления он у вас вызывает?

Мне сайт напоминает секонд-хэнд. Знаете, такой магазин, где вещи навешаны сплошняком или набросаны в корзины и нужно потратить много времени, чтобы что-то откопать. Еще он мне напоминает Фикс Прайс или Галамарт: все вокруг кричит, товары дешевые и низкого качества.

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

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

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

Мы используем такой же подход в работе с заказчиками.

Компания «Cashalot» оказывает разноплановые услуги на Кипре и организует поездки по всему миру. ЦА — люди из премиум-сегмента, которым важен высокий уровень сервиса.

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

Фотографии руководителей транслируют ценности, которые разделяют клиенты. Потенциальные покупатели видят: здесь меня понимают, эта компания для таких, как я.

Образы воздействуют на человека на глубинном уровне, поэтому грамотно используйте их на посадочных страницах. Не делайте ставку на текст или бессмысленную графику.

Вызовите желание купить продукт:

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

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

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

4. Продемонстрируйте возможности продукта.

Если в вашей нише важно вызвать доверие — устройте клиенту или покупателю заочное знакомство с компанией:

1. Познакомьте с владельцем компании лично (фото или видео-обращение).

2. Покажите довольных клиентов / покупателей / посетителей.

3. Представьте клиенту ключевых сотрудников компании.

Пример разбора и условия участия — в статье:

Чтобы заказать сайт / прототип / разбор или контент для вашего бизнеса, пишите сюда:

inst @redactor_ot_bloga

WhatsApp, Telegram +7 999 584 46 48