1. 6. Дизайн (300–20000руб.)
1.1. создание макета https://balsamiq.com/download/ - для создания ТЗ
1.1.1. Основные принципы дизайна
1.1.1.1. Зрение *пример хорошей страницы. https://drive.google.com/drive/u/0/folders/0B8uqhlEKh- *пример плохой страницы https://drive.google.com/drive/u/0/folders/0B8uqhlEKh-edd1NXUDFldWlHT1k
1.1.1.1.1. Легкость и простота
1.1.1.1.2. Функциональность
1.1.1.1.3. Наглядность
1.1.1.1.4. Удобство для восприятия
1.1.1.2. Память
1.1.1.2.1. Элементы разбиты на группы
1.1.1.2.2. В каждой группе не более 4 элементов
1.1.1.2.3. Важная информация повторяется несколько раз в различных формулировках
1.1.1.3. Внимание
1.1.1.3.1. Одна группа элементов на 1 экране
1.1.1.3.2. Важные элементы выделены
1.1.1.4. Слух
1.1.1.4.1. Звук – это сигнал опасности. Не используйте звуки.
1.1.1.4.2. Человек воcпринимает сайт, как книгу
1.1.1.5. Социальные соглашения
1.1.1.5.1. Модель №3 "Глагол + выгода"
1.1.1.5.2. Поведение человека в социуме. Человек не доверяет незнакомцам и не склонен им рассказывать о себе.
1.1.1.6. Оформление текста
1.1.1.6.1. • Избегать Красных строк • Без CAPSLOCK • Короткие строки (так легче читать) https://drive.google.com/drive/u/0/folders/0B8uqhlEKh-edd1NXUDFldWlHT1k • Равнение по левому краю ( F шаблон) Человек читает текст слева направо cверху вниз (буквой F) https://drive.google.com/drive/u/0/folders/0B8uqhlEKh-edd1NXUDFldWlHT1k Поэтому ровняем весь текст по левому краю, по середине только заголовки • Важное выделено (не более 3 слов подряд) • Буллиты(точечки в списке) везде, где это возможно. • Размер от 12 до 18 px • Прямая речь - курсив • Текст контрастный (черный текст на белом фоне) • Использовать синий цвет только в ссылках • Используйте русские кавычки « ... » или „ ... “ • Используйте тире, вместо дефиса и минуса • Используйте «буллиты» Полное руководство http://www.artlebedev.ru/kovodstvo/sections/62/
1.1.1.7. Бекграунд
1.1.1.7.1. Однотонный
1.1.1.7.2. Светлый
1.1.1.7.3. Отдельный тон для смысловых групп:отзывов, форм и кейсов
1.1.2. Первый экран
1.1.2.1. Логотип
1.1.2.2. Дескриптор
1.1.2.3. Подзаголовок (дополнительная выгода)
1.1.2.4. Заголовок (выгода) пример https://drive.google.com/drive/u/0/folders/0B8uqhlEKh-edd1NXUDFldWlHT1k
1.1.2.4.1. Большой размер (от 30px)
1.1.2.4.2. В центре экрана
1.1.2.4.3. Не больше 8 – 10 слов
1.1.2.5. Картинка
1.1.2.5.1. –> Слева или справа от формы *направление глаз - работает как стрелочка.
1.1.3. Кнопка действия или форма
1.1.3.1. Оформление формы пример плохой формы https://drive.google.com/drive/u/0/folders/0B8uqhlEKh-edd1NXUDFldWlHT1k пример хорошей формы https://drive.google.com/drive/u/0/folders/0B8uqhlEKh-edd1NXUDFldWlHT1k
1.1.3.1.1. Поля формы отличаются по цвету от фона формы
1.1.3.1.2. Стрелки к кнопке действия
1.1.3.1.3. Контур к закругленными краями
1.1.3.1.4. Фон формы отличается от фона страницы
1.1.3.1.5. Текст в форме
1.1.3.1.6. Технические аспекты
1.1.3.2. Самая главная кнопка: оформление пример https://drive.google.com/drive/u/0/folders/0B8uqhlEKh-edd1NXUDFldWlHT1k
1.1.3.2.1. Уникального цвета
1.1.3.2.2. Выпуклая (похожа на кнопку)
1.1.3.2.3. Большая
1.1.3.2.4. Яркая
1.1.3.2.5. текст
1.1.4. триггеры пример https://drive.google.com/drive/u/0/folders/0B8uqhlEKh-edd1NXUDFldWlHT1k https://drive.google.com/drive/u/0/folders/0B8uqhlEKh-edd1NXUDFldWlHT1k
1.1.4.1. Состав триггера
1.1.4.1.1. Заголовок
1.1.4.1.2. Текст
1.1.4.1.3. Иконки (изображение)
1.1.4.2. Оформление триггеров
1.1.4.2.1. Оформление буллитами или галочками https://drive.google.com/drive/u/0/folders/0B8uqhlEKh-edd1NXUDFldWlHT1k
1.1.4.2.2. Использование динамичных заголовков https://drive.google.com/drive/u/0/folders/0B8uqhlEKh-edd1NXUDFldWlHT1k
1.1.5. Оформление продукта https://drive.google.com/drive/u/0/folders/0B8uqhlEKh-edd1NXUDFldWlHT1k
1.1.5.1. Заголовок
1.1.5.2. Краткий текст
1.1.5.3. Фотография
1.1.5.4. Кнопка заказать
1.1.6. Отзывы https://drive.google.com/drive/u/0/folders/0B8uqhlEKh-edR2lXQmRfOGczRTg
1.1.6.1. оформление текста
1.1.6.1.1. Заголовок
1.1.6.1.2. Важное выделено!
1.1.6.1.3. Ссылка на соцсеть или контакты
1.1.6.1.4. Прямая речь = курсив
1.1.6.1.5. Должность или социальный статус
1.1.6.2. оформление раздела
1.1.6.2.1. Стилизация под социальную сеть
1.1.6.2.2. Внешний фон (часто желтый)
1.1.6.2.3. Кавычки
1.1.6.2.4. Возможность оставить отзыв
1.1.6.3. оформление автора
1.1.6.3.1. Картинка из соцсети
1.1.6.3.2. Логотип
1.1.6.3.3. «Фото на проявке»
1.1.6.4. подтверждение реальности
1.1.6.4.1. Скриншот статистики
1.1.6.4.2. Фото процесса предоставления услуги по шагам
1.1.6.4.3. Отзыв кампании
1.1.6.4.4. • Письменная благодарность
1.1.7. Комплектации продукта и сравнение с конкурентами https://drive.google.com/drive/u/0/folders/0B8uqhlEKh-edN09hR3lLQ1NSVXc
1.1.7.1. Текст
1.1.7.1.1. Заголовок продукта
1.1.7.1.2. • 1 строка = 1 преимущество
1.1.7.1.3. Цена
1.1.7.1.4. Кнопка заказать
1.1.7.2. Дизайн
1.1.7.2.1. От дорогого к дешевому
1.1.7.2.2. Выделить выгодный тариф
1.1.7.2.3. Отмечать входящее в комплект зеленой галочкой
1.1.7.2.4. В конце добавить FAQ
1.1.8. Оформление гарантии https://drive.google.com/drive/u/0/folders/0B8uqhlEKh-edbnd3NlJ1M3lQeW8
1.1.8.1. Сертификат
1.1.8.2. Бланк с личной подписью руководителя
1.1.9. Страница «спасибо» *Хорошие примеры h6p://convertmonster.ru/konkurs/thankyou.html • h6p://marketsamurai.com/thanks • h6p://1000leds.ru/thank_you.html
1.1.9.1. Информирование о следующем шаге
1.1.9.1.1. –Время ответа и телефон
1.1.9.1.2. – Как мы работаем
1.1.9.1.3. – FAQ
1.1.9.1.4. – Обучающее видео
1.1.9.2. Увеличение лояльности
1.1.9.2.1. – Подарок
1.1.9.2.2. –Личная благодарность директора
1.1.9.2.3. – Видео о ценности продукте
1.1.9.3. Одна дополнительная конверсия
1.1.9.3.1. – Вступите в группу соцсети
1.1.9.3.2. – Рассказать друзьям
1.1.9.3.3. – Конверсия на другой ленд
1.1.9.3.4. –Продажа недорогого продукта по акции
1.1.9.4. Захват дополнительного контакта
1.1.9.4.1. –В обмен на ценность/подарок
1.2. Дополнительная инфа для создания макета с точки зрения пользователя
1.2.1. Основные вопросы посетителей
1.2.1.1. Где я?
1.2.1.1.1. отвечает на этот вопрос Дискрип
1.2.1.2. То ли это, что я ожидал увидеть?
1.2.1.2.1. дискрипт
1.2.1.3. Эта страница заслуживает доверия?
1.2.1.3.1. Дизайн отвечает за доверие
1.2.1.4. Есть что-нибудь интересненькое?
1.2.1.4.1. Большие заголовки с выгодой или интригой
1.2.1.5. С чего начать?
1.2.1.5.1. Призыв к действию - кнопка или форма
1.2.1.6. Как узнать подробнее о…
1.2.1.6.1. подробности о предоставляемом продукте
1.2.1.7. А что, если у меня еще остались вопросы?
1.2.1.7.1. остались вопросы? оставьте заявку или заполните форму
1.2.2. Темпераменты пользователей
1.2.2.1. •Импульсивный (35%)
1.2.2.1.1. – Яркий первый экран – Поверхностная информация, яркие заголовки блоков
1.2.2.2. •Социально-ориентированный (15%)
1.2.2.2.1. – Отзывы – Топы, рейтинги, пресса, звезды
1.2.2.3. •Логический (45%)
1.2.2.3.1. – Подробная информация – Сравнения
1.2.2.4. • Остальные (5%)
1.2.3. Проектирование
1.2.3.1. Яркий первый экран + Закрытие
1.2.3.2. Выгоды
1.2.3.3. Яркие заголовки блоков с ценностью
1.2.3.4. Товар / Услуга / Результат + Закрытие
1.2.3.5. Социальное подтверждение + Закрытие
1.2.3.6. Закрытие возражений
1.2.3.7. Альтернативный призыв к действию
1.3. Работа с фрилансерами
1.3.1. 1. Особенности работы с фрилансерами
1.3.2. 2. Воронка выбора дизайнера
1.3.3. 3. Где найти фрилансеров: источники, фриланс-биржи
1.3.4. 4. Какие критерию учитываются при выборе из списка фрилансеров?
1.3.5. 5. Составляем правильное сообщение фрилансеру
1.3.6. 6. Важная значительная информация о фрилансере, которой нужно обладать
1.3.7. 7. Что делать, если не находится именно дизайнер под проект?
1.3.8. 8. Обеспечение выполнения работ
1.3.9. 9. Грамотная проверка проделанной работы
2. 7. Верстка и счетчики
2.1. Верстка 1,5-3 тыс. руб
2.1.1. Выбрать верстальщика аналогично дизайнеру
2.1.2. Поставить задачу
2.1.3. напомнить в процессе
2.1.4. Проверить верстку
2.2. Требования к верстке
2.2.1. Валидность верстки http://validator.w3.org
2.2.2. Проверить самому страницу в 5 браузерах (Chrome, Firefox, Internet Explorer, Opera, Safari)
2.2.3. Проверить отображение на телефоне и планшете
2.2.3.1. https://www.browserstack.com/
2.2.4. Проверить отображение на различном разрешении
2.2.4.1. А) 800 - ширина; Б) 1024 – ширина; Б) 1280 – ширина; В) 1920 – ширина; Г) 300 – ширина; В одном браузере
2.2.5. Скорость загрузки должна быть меньше 5 секунд https://pr-cy.ru/speed_test/
2.2.6. Размер шрифта 12-18 пикселей
2.2.7. Установлен on-line консультант (чат)
2.2.7.1. А) Содержит призыв к действию;
2.2.7.2. Б) Открывается в течение 1-30 секунды;
2.2.8. Смс оповещение о заявке:
2.2.8.1. А) Отделу продаж о полученной заявке;
2.3. Домен
2.3.1. Легко запомнить и вбить
2.3.2. Лучше .ru или .com (не.рф)
2.3.3. Зарегистрировать «опечатки»
2.3.3.1. –Переадресация через 301 или 302 редирект
2.3.4. Купить на http://2domains.ru
2.4. Хостинг
2.4.1. http://jino.ru
2.4.2. Купить пакет второй после дешевого
2.4.3. Дать верстальщику логин-пароль
2.4.4. Он все настроит
2.4.5. Сменить пароль!
2.5. Заявка через форму
2.5.1. все заявки должны приходить через почту и именно эту почту мы даем верстальщику
2.5.2. содержание
2.5.2.1. все поля из формы
2.5.2.2. – Имя формы
2.5.2.2.1. чтобы знать с какой страницы сконвертировался человек и если это одна и таже всегда, преставить нужную форму выше
2.5.2.3. – URL (UTM-метка)
2.5.2.4. – Время заявки
2.5.3. Можно настроить СМС-оповещение
2.5.3.1. – Переадресовать на @mail.ru
2.5.3.2. – С @mail.ru на почту оператора
2.6. Счетчики и цели
2.6.1. Добавить счетчик на http://metrika.yandex.ru
2.6.1.1. – Добавить зеркала
2.6.1.2. – Уведомлять меня о проблемах в работе сайта
2.6.1.3. – Тайм-аут визита: 60 минут
2.6.1.4. – Продолжить
2.6.2. Код счетчика
2.6.2.1. Вебвизор включить
2.6.2.2. Информер отключить
2.6.2.3. Сохранить
2.6.3. Цели
2.6.3.1. –Добавить цель на страницу «спасибо»
2.7. Создание меток http://gaurl.ru/
2.8. Системы аналитики телефонных звонков
2.8.1. яндекс метрика Целевой звонок http://metrika.yandex.ru
2.8.1.1. 1 номер для каждого источника
2.8.1.2. 2 скрипта: счетчика и звонка дать верстальщику
2.8.2. CallControl для тестирования
2.8.2.1. h6p://callcontrol.ru
2.8.2.2. Закрепляются номера
2.8.2.3. Можно делать АБ-тест (работает без
2.8.2.4. скрипта)
2.8.2.5. Запись всех звонков
2.8.2.6. Можно добавить статусы («продажа» и т.д.)
2.8.2.7. Записываются входящие номера
2.8.2.8. Не теряются звонки
2.8.3. CallTouch для оптимизации трафика
2.8.3.1. h6p://calltouch.ru
2.8.3.2. Огромный пул номеров
2.8.3.3. Подходит для SEO
2.8.3.4. Интегрируется с Google.Analyùcs
2.8.4. CoMagic для отдела продаж
2.8.4.1. h6p://comagic.ru
2.8.4.2. Для большого бизнеса
2.8.4.3. Разделение по операторам
2.8.4.4. Встроенный онлайн-консультант
2.9. Онлайн-консультант
2.9.1. h6p://jivosite.ru
2.9.2. Лучше всего работает вечером, ночью и в выходные – вау-эффект
2.9.3. Оператор за 300-500 руб/день
2.9.4. Простейший скрипт
2.9.5. Диалоги должны приходить на ту же почту,что и заявки
2.10. Проверка готовности к запуску
2.10.1. Работает телефон
2.10.2. Приходят заявки
2.10.3. СМС оповещение о заявках
2.10.4. Работает онлайн-консультант
2.10.5. Менеджер по продажам готов – Инструкция – Скрипт – Таблица учета лидов
3. 2. Анализ конкурентов
3.1. Сбор конкурентов
3.1.1. Анализ конкурентов
3.1.1.1. Возражения
3.1.2. Фишка: Work-zilla.com - помощники в простейших задачах
4. 1. Структурируем целевую аудиторию
4.1. Метод персонажей
4.1.1. 1. Делим Целевую аудиторию на Сегменты(персонажи #оптовики и физ.лица)
4.1.1.1. .2. У каждого персонажа выписываем:
4.1.1.1.1. 1.особенности( пол, где живет,какой доход):
4.1.1.1.2. 2.его потребности ( то чего он действительно хочет- заглянуть в "душу" )
4.1.1.1.3. 3. критерии удовлетворения этой потребности
4.1.1.1.4. 4.придумываем выгоды
4.1.1.1.5. 5. Гипотезы идеального предложения
4.2. Сегментируем Нишу
5. 3.Формирование предложения
5.1. Порядок создания оффера
5.1.1. Фишка: "Формула движения к покупке AIDAS
5.2. Тест собственного оффера (выгоды)
5.3. Основные возражения
5.4. Подтверждение выгод и "закрытие" возражений
5.4.1. Инструменты работы
5.4.1.1. 1. Продукт и его свойства
5.4.1.2. 2. Поставщик и его свойства
5.4.1.3. 3. Клиенты
5.4.1.3.1. Фишка: Формула сбора отзывов
5.4.1.4. 4. Конкуренты
5.4.1.5. 5. Процесс предоставления услуги
5.4.1.6. 6. Внешние источники информации
5.4.1.7. 7. Возможность выбора
5.4.1.7.1. Фишка: Принцип комплектации
5.4.1.8. 8. Ограничения
5.4.1.9. 9. FAQ: Вопрос-Ответ
6. 0. Цели
6.1. Стоимость лида
6.2. Бюджет
6.2.1. 5. Время на звонок
6.3. Обработка лидов по телефону
6.3.1. 1. Подготовка
6.3.1.1. 1. Цель звонка
6.3.1.2. 2. Следующие шаги
6.3.1.3. 3. В чем заключается ценность для клиента вашего продукта?
6.3.1.4. 4. Досье на клиента
6.3.1.5. 6. Коммерческое предложение
6.3.1.6. 7. Быть готовы к любым возражениям
6.3.1.7. 8. Отличия от кнкурентов
6.3.1.8. 9. Лучший друг продажника
6.3.1.9. 10. Настроение и голос.
6.3.1.10. 11. Захват и удержание инициативы
6.3.2. 2. Сама продажа
6.3.2.1. 1. Приветствие
6.3.2.2. 2. Выявление потребностей
6.3.2.3. 3. Уточняющие вопросы
6.3.2.4. 4. Обработка возражений
6.3.3. 3. Анализ инфомрации
7. 4. Проектирование лендинга
7.1. Фишка: Пример проектирования "Шаблон построения LP"
7.2. Лестница узнавания по Ханту Лестница с примером : https://yadi.sk/i/sS49KqlY3J4xni
7.2.1. Виды лединга (Системы привлечения клиентов)
7.2.1.1. Лендинг (4-5 уровень)
7.2.1.2. Прелендинг (3)
7.2.1.3. Миниледнинг (3)
7.2.2. Воронка продаж Пример воронки продаж https://yadi.sk/i/xAucjCL33J4vfV
7.3. Элементы лендинга
7.3.1. Идентификация *
7.3.2. Дескрипт и логотип *
7.3.3. Заголовок *
7.3.3.1. Модели хороших заголовков
7.3.3.1.1. Модель №1 «Выгода + Выгода»
7.3.3.1.2. Модель №2 "Как за минимальные усилия получить максимальный результат?"
7.3.3.1.3. Модель №3 «Интрига»
7.3.3.2. Эмоция в заголовке
7.3.4. Выгоды *
7.3.4.1. Заголовки для выгод
7.3.5. Цена и скидки
7.3.5.1. Фишка: Книга "Клиенты на всю жизнь" Карл Сьюэл
7.3.5.2. Цена
7.3.5.3. Скидки
7.3.6. Альтернативный призыв к действию
7.3.6.1. Призыв к действию
7.3.6.1.1. Модели формирования призыва к д-ю
7.3.6.2. Альтернативный призыв к д-ю
7.3.7. Картинка *
7.3.7.1. 3 способа сделать картинку привлекательной
7.3.8. Подзаголовки *
7.3.9. Продукт *
7.3.9.1. Фишка: 30-40 продуктов максимум а лендинге
7.3.10. Гарантия
7.3.11. Комплекты
7.3.12. Кейсы *
7.3.13. Видео
7.3.14. Прелендинг
8. 5. Написание текстов
9. 8. Оптимизация лендинга
9.1. Анализ запуска лендинга
9.1.1. 1. Анализ работы участников курса как наглядный пример
9.1.2. 2. Теория анализа запуска LP
9.1.2.1. Выполнена ли цель?
9.1.2.2. Оптимизация систмы
9.1.2.2.1. 1. Выявление узкого места
9.1.2.2.2. 2. Постановка гипотезы
9.1.2.2.3. 3. Внедрение корректировки
9.1.2.2.4. 4. Проведение теста
9.1.2.2.5. 5. Анализ теста
9.2. Сбор статистики по лидам (виды отчетности, которые нужно вести)
9.2.1. 1. Таблица приема заказов
9.2.2. 2. Ежедневный отчет
9.2.3. 3. Еженедельный отчет
9.2.4. 4. Маркетинговая воронка