Слайд 2
![Проектирование лендинга Число и порядок блоков зависит от того, что](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/167468/slide-1.jpg)
Проектирование лендинга
Число и порядок блоков зависит от того, что и кому
продаем, а также от предпочтений — ваших личных и заказчика
Не существует железной последовательности блоков:
есть устоявшиеся блоки, которые могут передвигаться незначительно, в одной «зоне» текста
есть «плавающие» блоки, которые могут перемещаться в другую часть текста в зависимости от их трактовки
Слайд 3
![Примеры плавающих блоков Представление коллектива — с представлением продукта или](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/167468/slide-2.jpg)
Примеры плавающих блоков
Представление коллектива — с представлением продукта или после преимуществ
Как
мы работаем — вместе с преимуществами или в технической информации (или 2 блока)
Гарантия — в блоках доверия или после цены
Слайд 4
![Главное правило Выстраивайте логичную цепочку блоков, а не хаотично их «тасуйте».](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/167468/slide-3.jpg)
Главное правило
Выстраивайте логичную цепочку блоков, а не хаотично их «тасуйте».
Слайд 5
![Усредненная схема лендинга Заголовок (Подстройка) (Продажа идеи) Продукт, компания, отстройка](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/167468/slide-4.jpg)
Усредненная схема лендинга
Заголовок
(Подстройка)
(Продажа идеи)
Продукт, компания, отстройка
Основные блоки доверия
Цена, гарантия и технические
блоки
Блоки конверсии — равномерно по тексту после представления продукта.
Слайд 6
![Особенности по продуктам Товар — больше наглядности, чем для услуги](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/167468/slide-5.jpg)
Особенности по продуктам
Товар — больше наглядности, чем для услуги (и может
быть меньше текста)
Обучающие продукты — свои блоки (автор, программа, бонусы)
Могут быть специфические блоки и для других продуктов
Слайд 7
![Вначале Поместите на страницу шапку с: логотипом дескриптом телефоном кнопкой заказа обратного звонка Поместите первый заголовок](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/167468/slide-6.jpg)
Вначале
Поместите на страницу шапку с:
логотипом
дескриптом
телефоном
кнопкой заказа обратного звонка
Поместите первый заголовок
Слайд 8
![Подстройка Подстройка — демонстрация читателю того, что мы знаем о](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/167468/slide-7.jpg)
Подстройка
Подстройка — демонстрация читателю того, что мы знаем о его проблемах/задачах
(нужна, чтобы втянуть его в чтение).
В типичных лендингах обычно пропускается, часто незаслуженно.
Слайд 9
![Подстройка Конструктивные варианты: заголовок от потребителя и быстрый переход на](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/167468/slide-8.jpg)
Подстройка
Конструктивные варианты:
заголовок от потребителя и быстрый переход на продукт
заголовок от потребителя
с более подробной подстройкой
заголовок от продукта без подстройки
заголовок от продукта с последующей подстройкой
Слайд 10
![Триггеры подстройки Вопросы/условия из подстройки, поданные в виде ЛЕНТЫ — вариант лаконичной подстройки.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/167468/slide-9.jpg)
Триггеры подстройки
Вопросы/условия из подстройки, поданные в виде ЛЕНТЫ — вариант лаконичной
подстройки.
Слайд 11
![Проблемы в подстройке Зависят от места в лестнице узнавания: 1-2](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/167468/slide-10.jpg)
Проблемы в подстройке
Зависят от места в лестнице узнавания:
1-2 ступень —
начинаем с базовой или продуктовой проблемы, продаем идею, затем продукт
3 ступень — увязываем с продавцовой проблемой (+отстройка от конкурентов), продажа идеи не нужна
4 ступень — можно подстройку опустить
Слайд 12
![Варианты наполнения Формат «вам знакомы эти проблемы» Формат «если» Формат](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/167468/slide-11.jpg)
Варианты наполнения
Формат «вам знакомы эти проблемы»
Формат «если»
Формат вопросов
Формат соответствия сегментам
ЦА («вы начинающий инвестор…»)
Слайд 13
![Представление продукта (Если лендинг с утвердительным заголовком без подстройки, то](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/167468/slide-12.jpg)
Представление продукта
(Если лендинг с утвердительным заголовком без подстройки, то его может
и не быть.)
После подстройки делаем небольшой блок представления продукта (в рамке) и/или подзаголовок от продукта
Затем идет продажа идеи (если нужна) или детализация продукта
Слайд 14
![Основная тонкость Для увязки представление продукта должно по логике и](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/167468/slide-13.jpg)
Основная тонкость
Для увязки представление продукта должно по логике и тексту продолжать
мысли из начала:
ищете решение проблемы? — вот оно
ищете продавца? — выберите нас
Слайд 15
![Первый блок конверсии Первый блок конверсии идет после: представления продукта](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/167468/slide-14.jpg)
Первый блок конверсии
Первый блок конверсии идет после:
представления продукта
первого заголовка в утвердительной
форме
При необходимости можно логично вставить и между заголовком от потребителя и подстройкой (но не рекомендуется)
Слайд 16
![Продажа идеи Самый простой вариант: после представления продукта дать блок](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/167468/slide-15.jpg)
Продажа идеи
Самый простой вариант: после представления продукта дать блок «Зачем это
нужно» или «Как это работает»
Более сложный: подстройка → абстракный продукт как решение → продажа идеи→ представление нашего продукта
Расписываем преимущества, выгоды или отстройку для абстрактного продукта, а затем переходим именно к нашему продукту