Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-21

1 <a>#Руководства</a>

2 <ul><li>26 окт 2022</li>

3 <li>0</li>

4 </ul><h2>Дизайн лендинга: принципы создания рекламной страницы</h2>

5 Рассказываем, какие приёмы помогут вам продать продукт и как их используют большие корпорации - на примере iPad и "Алисы".

6 Иллюстрация: Оля Ежак для Skillbox Media

7 Пишем про дизайн и искусство. Всё, что вы хотели знать о настоящем, прошлом и будущем визуальной культуры.

8 В интернет-магазине каждому товару посвящена небольшая страничка с фотографией, характеристиками и описанием. Но часто этой информации недостаточно, чтобы посетитель принял решение купить товар. Например, посмотрите на эту страницу с iPhone 14 на сайте "Связного":

9 Страница товара в интернет-магазине "Связной": мало фотографий и недостаточно информации о товареСкриншот: "<a>Связной</a>"/ Skillbox MediaА это - промостраница того же iPhone 14 на сайте Apple. Много красивых и больших фотографий, демонстрация функций и подробное описание доступных технологий:

10 Скриншот:<a>Apple</a>/ Skillbox MediaЛендинги делают подробными и красивыми, но это не значит, что они лучше обычных страниц товаров в магазине - у них просто разные задачи. Страница в магазине нужна, чтобы человек купил то, что он хочет. А лендинг - чтобы человек захотел пойти в магазин.

11 Лендинг используют маркетологи и владельцы бизнеса, чтобы продать товар или услугу. Поэтому главная цель такой страницы - заинтересовать посетителя и показать, какую именно пользу принесёт ему продукт. Разберёмся, как сделать лендинг и какую структуру для него выбрать.

12 Чтобы создать лендинг, важно составить CJM - Customer Journey Map.

13 Customer Journey Map дословно расшифровывается как "карта пути клиента". Она помогает определить, как клиент будет взаимодействовать со страницей, показывает его страхи и ожидания. Составить CJM можно в простой Google-таблице, графическом редакторе или<a>специальном сервисе</a>.

14 Для создания CJM важно разделить покупателей на группы. Точки взаимодействия с сайтом нужно определить для каждой группы пользователей: всё ли им понятно и не могут ли возникнуть какие-то проблемы.

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

16 Лендинг "Алисы" сразу объясняет, для чего она нужна, и показывает функциональную часть колонки:

17 Скриншот: "<a>Яндекс</a>" / Skillbox MediaНа странице умного кольца Oura создатели обещают, что его можно носить всегда:

18 Скриншот:<a>Oura Ring</a>/ Skillbox MediaApple обещает пользователю, что его новый iPad будет "милым, волшебным" и на нём можно рисовать:

19 Скриншот:<a>Apple</a>/ Skillbox MediaОбратите внимание, что во всех примерах фотография товара - большая и яркая. Это важно, чтобы читатель сразу понял, кто главный герой страницы и что именно ему предлагают купить.

20 На втором экране важно показать сценарии использования, которые вы пообещали в презентации.

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

22 Скриншот: "<a>Яндекс</a>" / Skillbox MediaСкриншот: "<a>Яндекс</a>" / Skillbox MediaНа странице Oura создатели пообещали, что кольцо "можно носить всегда". На следующем экране они показывают читателю, что делает устройство, когда пользователь с ним спит и занимается спортом:

23 Скриншот:<a>Oura Ring</a>/ Skillbox MediaНа странице iPad читателю обещают возможность рисования. На той же странице Apple показала, как именно это можно делать:

24 Скриншот:<a>Apple</a>/ Skillbox MediaБлоков с иллюстрацией функций и возможностей продукта может быть сколько угодно. На них важно показать то, что вы пообещали в презентации, и важные функции для вашей целевой аудитории. Чтобы понять, что именно стоит показать, посмотрите отзывы на похожие товары и выделите то, о чём пользователи пишут чаще всего.

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

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

27 В лендинге Shapdesk используют отзывы пользователей с разных площадок и сразу дают ссылку на источник:

28 Скриншот:<a>Shapdesk</a>/ Skillbox MediaБлок с приглашением к покупке должен выделяться на фоне остальных разделов страницы, поэтому его удобно поместить на плашку или выделить цветом.

29 На самое видное место важно поместить цену, фотографию и название товара, а также покажите дополнительные преимущества, если это возможно.

30 Скриншот:<a>Apple</a>/ Skillbox MediaСкриншот: "<a>Яндекс</a>" / Skillbox MediaЕсли вы просто поставите красивые картинки на страницу, никто ваш продукт не купит, потому что никто ничего не поймёт. При этом нельзя прямо говорить читателю: "Слышь, купи" - такой тон считывается моментально и на странице с похожими формулировками никто долго задерживаться не будет.

31 Чтобы помочь читателю принять решение о покупке, важно сразу объяснить пользу продукта: чем и кому он может помочь или избавить от вреда. Чтобы упростить себе работу, пробуйте составлять текст по формуле 4U - она состоит из четырёх компонентов:

32 <ul><li>Usefulness -какую проблему ваш продукт решает?</li>

33 <li>Ultra specificity -конкретная польза: чего товар поможет достичь?</li>

34 <li>Urgency -когда клиент получит результат?</li>

35 <li>Uniqueness -в чём уникальность вашего товара?</li>

36 </ul>Формула 4U, как и любая другая, не может гарантировать вам успех. Хотя сейчас есть много разных инструментов аналитики, заранее предсказать результат невозможно, так как работоспособность какого-либо метода зависит от дизайна, товара, его целевой аудитории.

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

38 <a>Попробуйте бесплатно 4 топовые профессии в дизайнеПройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>