31 шаг к упаковке лендинга-шедевра
+ файлы и ссылки на полезные сервисы
1. Отвечаем на 117 вопросов: https://goo.gl/5UxPu9
2. Прописываем портрет своей целевой аудитории, выделяем 3 ключевых сегмента
3. Выделяем 30 главных смыслов
4. «Взвешиваем» смыслы, выделяем из них 10 ключевых и 3 основных
5. Формулируем:
- Предложение
- Дескриптор
- Следующий шаг
6. Распределяем смыслы и формы захвата по экранам
7. Создаём прототип и на основе существующих смыслов наполняем экраны:
- Заголовками
- Фотографиями
- Текстами
- Кнопками
8. Проверяем текст на грамотность (показываем корректору)
9. Показываем получившийся прототип 30 людям, которым это потенциально может быть интересно
10. Получаем обратную связь и после каждой встречи вносим 5 правок
11. Добавляем в прототип комментарии для дизайнеров и верстальщиков
12. Передаём дизайнеру готовый прототип + короткий бриф с самой важной информацией по целевой аудитории продукта, компании
13. Прикладываем все необходимые материалы:
- Фотографии
- Логотипы
- Презентации
- Видео
- Образцы и т. д.
14. Передаём дизайнеру гайдлайн (если есть) и показываем референсы
15. Принимаем дизайн-макет:
- Проверяем на целостность смыслов
- По умолчанию считайте, что пользователь нетерпелив и только «сканирует», а не читает тексты
- Лица людей привлекают наибольшее внимание
- Дизайн должен быть логичен и подчинён правилам
- Высоту одного экрана берите в среднем за 700 px. По ширине весь основной контент должен умещаться в 1 000 px.
16. Проводим 10 встреч с людьми, которые являются вашей целевой аудиторией и вносим правки после каждой встречи
17. Подготавливаем дизайн-макет к вёрстке
18. Минимизируем количество полей в формах
19. Распределяем формы захвата по экранам согласно их «весу» и контексту
20. Выносим в отдельные экраны и раскрываем наиболее важные формы
21. На этапе дизайна контролируем, чтобы формы захвата и призывы к действию не терялись, и сохраняли компактность в рамках высоты 700 px.
21. Передаём верстальщику исходники дизайн-макета и все дополнительные материалы
22. После вёрстки проверяем все элементы сайта на соответствие дизайн-макету и корректность их работы в разных браузерах на разных устройствах.
23. Проверяем сайт на скорость загрузки (можно использовать tools.pingdom.com)
24. Подключаем сайт к системе управления контентом (если необходимо)
25. Подключаем все необходимые сервисы, цели, интегрируем с CRM
26. Подключаем YandexМетрика и GoogleAnalytics
27. Проверяем корректность отображения целей
28. Запускаем эксперимент в GA между короткой и длинной версией сайта
30. Формулируем и тестируем другие гипотезы, проводим А/Б тесты
31. Внедряем сквозную аналитику.
***
Дополнительные сервисы, которые вам помогут:
moqups.com
mindmeister.com
invisionapp.com
marvelapp.com
tilda.cc
lpgenerator.ru
roistat.com
yagla.ru