Идеальная посадочная страница Часть 2
Информативность изображения • отображает характерные особенности товара, пользу или ценность? • Фотография всегда лучше рисунка • любое изображение эффективнее, когда показан процесс или результат
Сравните
Текст и фон • Идеальный размер текста 12 – 18 px • Основное выделено (не более 3 слов подряд) • Текст контрастный (черный текст на белом фоне) • Фон однотонный • Использовать синий цвет только в ссылках
Оформление «Свойства-выгода» 1) Оформление буллитами или галочками - Вы можете расслабится, зная, что товары гарантированно приедут в день заказа - Не беспокойтесь о качестве, если вас что-то не устроит, мы бесплатно заменим товар или вернем вам деньги - Вы точно не ошибетесь с покупкой, поскольку мы привозим до 15 вещей на примерку
2) Использование динамичных заголовков Подходит тебе Создаем аранжировки для музыкантов любого уровня в любом жанре. Быстро Подготовим "черновой" вариант за 48 часов Профессионально Ты сможешь воплотить все свои идеи благодаря многолетнему опыту наших звукорежиссеров. Удобно Не надо никуда ехать. Просто загрузи демо на sendspace и заполни заявку!
Выделение формы • Светлый цветовой фон • Использовать контур с закругленными краями • Стрелки к форме или кнопке действия • Поля отличаются по цвету от фона формы
Оформление полей формы Текст выравнен по левому краю Использовать не более 5 полей Одна строка = одно поле для ввода Сократить ненужные поля (поля Фамилия и Имя можно объеденить в поле Введите Имя и Фамилию) • Использовать активный залог (Имя = Введите свое имя) • Использовать подсказки • Выделять код для телефона • •
Самая главная кнопка • • Яркая Уникального цвета Выглядит как кнопка (выпуклая) Большая Контрастный CTA Однозначный CTA Находится на 1 экране до «линии сгиба»
Такие разные кнопки
Двойственное восприятие (Плохо!)
Социальное доверие • Использовать виджеты социальных групп (если в группе более 10 000 человек) • Использовать иконки типа «like» (от 100 лайков) • Реальные отзывы с контактной информацией (ссылка на профиль, имя, почта) • Полотно живого обсуждения продукта, через API социальных сетей
Вынесенный отзыв
Оформление отзывов
Отзывы в стиле кейса
Статистика
Дополнительный призыв к действию Основной CTA Дополнительный CTA Добавь в корзину Скачай буклет с информацией Посмотри заказ Позвони нам Установи бесплатную версию Посмотри презентацию продукта Сделать пожертвование Узнай больше о нашей деятельности
Минимализируй навигацию!
Видео • • • Профессионально снято Не длиннее 3 минут Отражает особенности товара (услуги) Отражает ценность товара (услуги) Никогда не использовать вместо изображения!
Сравни приемущества с конкурентами
Дополнительные графичесие приемы • Обводка текста • Стрелочки
• Отзывы клиентов на бланках и от руки • Использование логотипов
• Визуализация ограничений • Визуализация гарантий
• Личная гарантия подписью • Используйте русские кавычки «. . . » или „. . . “ • Используйте тире, вместо дефиса и минуса • Используйте «буллиты» Полное руководство http: //www. artlebedev. ru/kovodstvo/sections/62/ Автоматическая корректировка http: //www. artlebedev. ru/tools/typograf/
Тестирование посадочных страниц
3 схемы тестирования • A/B тест дизайна Тест 3 заголовков Тест 3 CTA Тест 3 картинок Тест текста • Тест 3 заголовков Тест 3 CTA Тест 3 картинок Тест текста Мультивариантный тест дизайна • Тест дизайна Мультивариантный тест комбинаций заголовка, картинки и CTA Тест текста
План теста 1. 2. 3. 4. 5. 6. 7. 8. 9. Создать текстовые элементы Исходя из текста создать 2 варианта дизайна Оттестировать скорость загрузки страницы Установить ЯМ и GA с настроенными целями Установить систему Call Control (http: //callcontrol. ru/) Установить и настроить Qualaroo (https: //qualaroo. com/) Установить систему для тестирования Visual website optimizer http: //visualwebsiteoptimizer. com/? partner=convertmonster Запустить тест с PPC, деля траффик в равных пропорциях После 100 -200 конверсий перейти к тесту более удачного дизайна
Скачать презентацию Идеальная посадочная страница Часть 2 Информативность изображения
Идеальная посадочная страница (семинар 2).pptx