Создание лендингов

Важно начинать разработку с изучения конкурентов. Во-первых, изучение сайтов конкурентов позволяет подготовить вопросы для изучения бизнеса заказчика. Во-вторых, позволяет собрать коллекцию продающих преимуществ и удачных ходов, которые используют конкуренты.

Один из факторов, который влияет на эффективность лендинга – это доверие. Речь идет о доверии посетителя к лендингу, к тому, какой образ компании подается со страницы лендинга. Для доверия необходимо показать детали. Показать, что это не просто обложка, которую сделал студент, а сайт реальной компании, которая может предложить ценность для клиента.

На этом этапе мы предлагаем ключевым лицам со стороны бизнеса заказчика пройти интервьюирование по 118 вопросам. Составляем сводное описание продающих преимуществ. Формируем блоки потенциальных вопросов от клиентов.

Прототип – это эскиз, или так называемый скетч. Он решает несколько задач. Первая – это способ согласовать потенциальный лендинг со всеми участниками процесса. На этапе прототипа правки и дополнения можно внести в проект за несколько минут, тогда как на этапе дизайна даже небольшая правка может потребовать часы.

Вторая задача – это способ собрать информацию в единую структуру. Дизайнер на следующих этапов будет заниматься только визуальным оформлением, дизайнер не должен думать о информации и последовательности ее представления.

Прототип в обязательном порядке обсуждается с каждым сотрудником, представляющим интересы заказчика в проекте. Прототип создан именно для того, чтобы можно было внимательно прочитать тексты, оценить полноту и правильность (а так же адекватность) информации. Внести предложения как усилить, какие продающие моменты добавить.

В качестве технического задания дизайнер получает согласованный прототип. Заказчик может довериться видению проектного менеджера по стилю, либо обозначить свои требования и предпочтения.

Как передать свое видение дизайнеру? Для этого существует несколько вариантов. Наиболее часто используемый – показать примеры тех сайтов, стилистику оформления которых можно взять как эталон. Второй вариант – использовать так называемый mood-board (доску настроения, в переводе с английского). Что это означает – расскажем при знакомстве.

После того, как дизайнер создал дизайн-макет, работа переходит к верстальщику. Задача верстальщика – превратить «картинку» в коды сайта. Основное внимание уделяется соответствию техническим требованиям браузеров и поисковых систем.

После верстальщика работу продолжает программист. Его задача – прикрепить блоки макета к «движку». Эта часть работ происходит лишь на некоторых лендингах, когда необходимо предоставить возможность оператору править текст в блоках, или прочие функции.

На этапе интеграции лендинг связывается с рабочими инструментами. В первую очередь это CRM, в которую должны поступать обращения с лендинга. Кроме того, в лендинге прописывается код счетчиков Google.Analytics и Яндекс.Метрика, что понадобится для оценки эффективности лендинга и доработки.

Основной инструмент – сервис WebVisor от Яндекса. Благодаря ему есть возможность наглядно изучить поведение пользователей. Кроме того, много информации может дать инструмент «тепловая карта».

Получив данные о поведении пользователей на сайте, о том, что клиенты говорят менеджеру при звонке – появляется возможность оптимизировать страницу. Это может выражаться в самом простом случае в перестановке блоков. В более сложных – изменение содержания блоков, добавление новой информации и так далее.