Главное Авторские колонки Вакансии Образование
1 515 5 В избр. Сохранено
Авторизуйтесь
Вход с паролем

Кейс Провокации: как мы сделали посадочную страницу в формате статьи

Студия диджитал-маркетинга «Провокация» сделала посадочную страницу для заочного отделения Томского института бизнеса. Результат получился необычным — это больше похоже на статью из журнала, чем на типичный лендинг. В статье расскажем, почему выбрали такую подачу и какие приемы использовали, чтобы подтолкнуть читателей к поступлению, сохранив уважение и заботу.
Мнение автора может не совпадать с мнением редакции

Страница выглядит так: http://tib.tomsk.ru/zaochnoe-obuchenie/

Задачи

Задача страницы — задеть за мотивы и подтолкнуть к поступлению на заочное высшее образование в 2017 году. Получить первое или второе высшее — нормальное желание многих людей:

  • Кто-то уже закончил учиться, и хочет сменить работу — нужны новые знания.
  • Кто-то закончил техникум, поработал и понял, что без вышки ему не видать хорошей зарплаты.
  • Кому-то нужна формальная корочка, чтобы получить повышение.
  • Кто-то уже готов быстрее подать документы, а кому-то еще лень забрать аттестат из брошенного вуза.

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

Концепция и структура

Встретились с проректором вуза и записали весь разговор на диктофон. Мы всегда так делаем, чтобы не пропустить важные детали.

b_5a8694055b23d.jpg

Расшифровываем инфу с диктофона. Из этого получается документ с пониманием задачи. Он лежит на Гугл диске, чтобы каждый из участников команды всегда имел к нему доступ

Пришли к выводу: целевая аудитория в принципе понимает, что ей нужна вышка, но еще сомневается. Заказчик говорит: постройте лендинг вокруг одной мысли «надо учиться» и доказывайте, почему.

Проводим с командой Провокации мозговой штурм: как доказать, что надо учиться. 4 человека одновременно гуглят официальную статистику по рынку образования и зарплат в Томске. Раскопали массу удивительных вещей и накидали опорные точки лендинга.

Причины, почему надо учиться

  • чем выше образование, тем выше зарплата;
  • вузы закрывают, поступить становится сложнее;
  • возможно, вы получили не ту профессию, о какой мечтали (как ⅔ российских студентов).

Почему надо учиться в ТИБе:

  • дешевле, чем в гос вузах:
  • ускоренная программа — 3 года вместо 5 лет;
  • набор открыт до ноября, а не до августа, как у гос вузов;
  • есть лицензия, аккредитация, программа соответствует госстандартам;
  • ТИБ ближе к бизнесу, чем госвузы — занятия ведут бухгалтеры, экономисты и криминалисты томских компаний.

Из чего состоит страница

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

b_5a8694fd24566.jpgКаждая причина верстается одинаково: заголовок, расшифровка и блок кол-ту-экшн. Здесь бьем в мотив «хочу больше зарабатывать» — обучение недорогое, значит не сильно ударит по карману сейчас. А в будущем будет выше зарплата

Страница состоит из одной колонки с иллюстрациями и фактоидами справа. Куда не посмотри — видишь одну колонку текста или акцентные элементы.

Каждая цифра подкреплена ссылкой — читатель может перейти и лично убедиться, что мы не врем. Какие-то данные были только за 2015, но лучше так, чем обман или брехня.

b_5a86957f7b833.jpgСравниваем официальную статистику по уровню зарплат в Томской области и приводим ссылки на исследование

Визуализация и управление вниманием

b_5a8695b3bdca5.jpgВыносим на поля фактоиды и графики. Их задача — рассказать самостоятельную историю, которая поддерживает главную мысль главы. Читатель пробежится глазами по заметкам на полях, поймет в общих чертах, о чем страница и примет решение, читать ее целиком или нет

b_5a869606794c7.jpgПоказываем диплом, чтобы точно дать понять, о чем речь и обратиться к чувственному опыту читателя

b_5a8696a25a952.jpgПоказываем лицензии и аккредитации, которые вызывают доверие

b_5a868cec903fb.jpgИспользуем обратный отсчет, чтобы подтолкнуть поскорее подать заявку

b_5a868d220d370.jpgСюда же — про ограниченное количество мест

b_5a868d617d1c2.jpgСравниваем две разные стопки денег: сразу ясно, где больше, а где меньше. И совсем не важно, что на иллюстрации не 30 тысяч рублей. Задача — показать разницу

b_5a868d7e53366.jpgПоказываем читателю, какие предметы у него будут. Менеджеру важно знать, что он будет проходить бизнес-планирование, юристу — криминалистику, экономисту — бухгалтерский учет. Тут же списком вываливаем всех преподавателей специальности, чтобы показать их статус и вызвать доверие

b_5a8a5241b52c4.jpgПросим ректора написать личное обращение с посылом «высшее образование открывает двери»

Как сделан лендинг

Мы не тратили время на дизайн-макеты, а сразу верстали в Тильде. На согласования приходили с ноутбуком и в режиме реального времени с проректором вносили изменения. b_5a868dcc1b638.jpgВот так выглядит Тильда изнутри — это визуальный редактор содержимого страницы

Дизайнер не тратил время на согласование через менеджера, а напрямую работал с заказчиком. Кстати, в Провокации вообще нет менеджеров в классическом понимании посредника между заказчиком и исполнителем.

За месяц продвижения мы собрали из базового варианта страницы 5 новых. Сделали это для контекстной рекламы: разным запросам — разный контент.

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

+4
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
MacMachine
Ремонтируем компьютеры Apple
Колесников Антон
Очень даже неплохо. Только цвета мрачноваты. Образование это задел на будущее. Может стоит использовать более холодные синие тона?
Ответить
Digital-студия Провокация
Комплексное интернет-продвижение; Web-разработка; Брендирование
Провокация! 78820
Воу, спасибо! Мы использовали стиль вуза. А обилие мрачности — это чтобы усилить погружение в проблематику: ситуация нестабильная, надо получить образование, пока это легко сделать.

Но возможно вы и правы, у нас была мысль протестировать страницу в других цветах.
Ответить
MacMachine
Ремонтируем компьютеры Apple
Колесников Антон
Черно-оранжевый - обычно так строительную технику красят. Часто еще особо опасные конструкции или места черно-оранжевым или черно-желтым штрихом. Например, в метро навесы лестниц для переходов на уровне головы красят так, чтобы головой не бились )

Смотрится в этих цветах тяжеловато. Но вы же понимаете, что это только мое мнение )
Ответить
Alexander Silva
тоже соглашусь с оформлением, но я больше зазеленый
Ответить
Pepperbox Media
Цифровой декаданс и поиск N-го измерения
Иероним Б.
Не оскорбить или задеть ради, а от того, что грабли эти регулярно натоптаны. Вышел обычный колхозный бизнес-школа лендос. Попытка сделать типографику и макетбыла бы хороша, если бы за эталон брались западные образцы а не творчество говностудии одного альфонса 10летней давности. Неумелое использование оранжевого. Это цвет контраста, иначе он превращается в фекалии. По оранжевому вообще можно судить , на#$¥т вас или нет. Все разводилы и любители задурить массы используют оранжевый, как первобытную попытку понравиться, это так к сведению. Фото ректора на фоне женских силуэтов почти стоящих перед ним на коленях както настораживает по фрейду).
Ответить
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

Spark использует cookie-файлы. С их помощью мы улучшаем работу нашего сайта и ваше взаимодействие с ним.