АВТОРСКИЕ КОЛОНКИ ИРИНА БЕРДНИКОВА

Как самостоятельно сделать лендинг для мероприятия?

 

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

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

j9afhsoilKc

tilda.cc приводит пример того, как выглядит нарисованный прототип

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

Я составила список рекомендаций, которые, на мой взгляд, наиболее ценны при разработке лендинга мероприятия:

  • Заголовок лендинга должен соответствовать заголовку (месседжу) рекламной кампании.
  • Расположите кнопку call to action в правой верхней части сайта.
  • Не перечисляйте всех артистов/спикеров на первом экране. Выделите одного (максимум трех) артистов. Например, разместите слайдер из трех сменяющихся изображений с фотографиями хедлайнеров.
  • Используйте захватывающие фотографии, чтобы вызвать эмоции у посетителей сайта и привлечь внимание к мероприятию.
  • Придумайте простой, но цепляющий текст, в котором кратко раскрывается фишка события.
  • Располагайте информацию в соответствии с уровнем значимости. Например:
    1. Цепляющий заголовок
    2. Название события
    3. Кнопка call to action
    4. Хедлайнеры
    5. Место проведения
    6. Блок дополнительной информации (о проекте, партнеры, как добраться) располагайте справа от слайдера, а не в шапке сайта.
  • В создании текста для контента не используйте сложные и двусмысленные предложения. Описывайте проект максимально просто без заумных словосочетаний. Пишите кратко, но эмоционально.
  • Постоянно тестируйте страницу. Перед публикацией проверьте, все ли фотографии имеют красивые имена, а не «аптщ.jpeg», работают ли ссылки (call to action, переход на сайт организатора, активны ли иконки соцсетей, и т.д.)
  • Проверьте все элементы дизайна, убедитесь, что нет информационного перегруза
  • Убедитесь, что дополнительной информации не слишком много. Пользователь может увлечься чтением, и так не перейдет к действию.
  • Разнообразный контент рулит: используйте интервью, клипы, фото. Создавайте ощущение жизни. Человеку важно заранее почувствовать атмосферу события.
  • Не забудьте настроить и протестировать мобильную версию сайта.

Ниже я разберу несколько реальных сайтов мероприятий.

Примеры сайтов, требующих доработки

1. На сайте фестиваля нет акцента на призыве к действию.
Кнопку call to action перебивает фирменный стиль фестиваля. Вместо фотографий хедлайнеров большую часть экрана занимает имиджевая информация, из-за чего сайт носит больше информационный характер.

2

runited.ru

2. В этом примере, на мой взгляд, не хватает визуальной информации.
При поиске интересного события посетители не читают сайт, а сканируют страницу: пробегают ее глазами в поисках ключевой информации. Как правило, большие объемы текста вызывают желание у человека закрыть вкладку. Учитывайте этот факт, при составлении программы мероприятия. Используйте фото- и видеоконтент на главном экране, без дополнительных переходов.

3

 

pitchforkmusicfestival.com

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

4

pyrofest.ru

Пример хорошего сайта

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

5

usadba-jazz.ru

 

Конструкторы сайтов

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

Международная облачная платформа Wix

Удобный конструктор для тех, кто в теме.

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

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

6

wix.com

Админка сайта удобная, но чтобы научиться редактировать, нужно приложить некоторые усилия. Тем, кто работает с конструкторами сайтов впервые, вначале будет немного сложно.

Мне очень нравится редактируемая сетка сайта. Она дает возможность свободной компоновки блоков. Эта опция полезна тем, кто имеет опыт редактирования сайтов, и понимает, что он хочет получить на выходе. Новичкам я советую не редактировать шаблоны, иначе можно перемудрить со слоями и получить в результате сомнительный продукт.

7

wix.com

Конструктор Wix имеет большое количество дополнительных элементов. Вы можете добавить на свой сайт практически все, что пожелаете: элементы дизайна, видео, музыку, форму обратной связи, галереи, иконки соцсетей и т.д.

8

wix.com

Классный бонус — после добавления и настройки элементов, вы можете их заменять и редактировать. В конструкторе быстро и просто настраивается SEO-оптимизация, регулируется ширина границ сайта, добавляется фавикон. Удобно устроена работа с FAQ. Доступным языком рассказывается о каждом элементе сайта. Иконка с вопросом из справочного центра всегда перед глазами.
Несмотря на впечатляющее количество положительных сторон конструктора, я отметила несколько минусов:

  • Все возможности доступны за абонентскую плату. Правда конструктор очень лоялен к своим пользователям и регулярно проводит акции с 50% скидкой на приобретение любого тарифного плана;
  • У сайта существует ограничение пропускной способности посетителей.

Конструктор Tilda Publishing

Дизайнер больше не нужен

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

На сайте много полезной информации о том, как следует создавать сайт. Что такое Tilda и как в ней работать. Справочный центр всегда в доступе, что существенно упрощает работу новичкам.

9

tilda.cc

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

10

tilda.cc

На сервисе есть выбор блоков призыва к действию: отзывы, кнопки, формы и т. д. Отличная новость для продвинутых пользователей, — у платформы есть возможность вставки HTML-кода в конструктор. К сайту можно подключить таймлайн, продажу билетов на мероприятия, интерактивные изображения и обратную связь.

11

tilda.cc

Как и большинство конструкторов, Tilda оптимизирует страницы вашего сайта под поисковики, интегрирует его с социальными сетями и подключает Google Analytics.

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

 

comments powered by HyperComments
Ирина Бердникова