Как сделать сайт мероприятия

Пошаговое руководство с примерами и шаблонами
Эта статья полезна: предпринимателям, маркетологам, организаторам, коучам. И всем, кто проводит мероприятия — от круглых столов до фестивалей. Рассказываем, как правильно сделать и запустить страницу, как регистрировать участников и принимать оплату.
Наше руководство покажет, с чего начать и куда двигаться, а широкий функционал Тильды поможет реализовать задуманное. Даже на бесплатном тарифе вы сможете сделать страницу и продавать билеты уже сегодня.
Medical Business Forum — мероприятие, для которого я делала сайт на Тильде — конференция для врачей, бизнесменов и тех, кто хочет создать успешную медицинскую клинику. В итоге мы с помощью сайта medical-business-forum.com продали 120 билетов на конференцию. Полный восторг! Фантастически круто то, что Тильда не просто могла помочь мне реализовать мое же решение, а давала свои варианты. Иногда они были удачнее моих) Очень своевременно появился счетчик обратного отсчета. Я о нем мечтала, а ребята взяли и сделали.
Наталия Смекун, сооснователь проекта Medical Business Forum
Как выбрать платформу и продвигать мероприятие
Чтобы рассказать о мероприятии, обычно используют социальные сети и платформы-агрегаторы типа Таймпэда. Это хороший способ запуститься быстро и бесплатно, однако у каждой платформы есть нюансы.
Таймпэд
Бесплатный сервис для публикации и продвижения мероприятий. Позволяет сделать страничку события, регистрировать участников и принимать оплату. На страницу можно добавлять текст, изображения и видео. Большая часть функционала предоставляется бесплатно.
Социальные сети
Фейсбуком и ВКонтакте пользуются практически все, поэтому начинать проще с них. Страница мероприятия создается и наполняется точно так же, как личный профиль или любая другая группа. Здесь удобно набирать аудиторию за счет вирусного эффекта — люди видят, что событие собирается посетить их друг, и тоже подписываются. А вот с оплатой все намного сложнее. Например, во ВКонтакте для этого придется создать отдельное приложение, а в Фейсбуке — долго настраивать виджет стороннего сервиса.
Разработка сайта
Чтобы сделать хороший лендинг, нужны дизайнер, верстальщик и писатель. Это абсолютная свобода в использовании и структурировании контента, однако эта свобода будет стоить немало ресурсов, прежде всего, времени и денег.
Тильда
Тильда помогает делать красивые истории о чем угодно, будь то продукт или мероприятие. Это полноценный сайт, где можно принимать оплату, следить за поведением пользователей и оперативно изменять контент. Самая сильная сторона Тильды — визуальная красота. Страница выглядит эффектно, как будто ее собирал опытный дизайнер. Набор готовых блоков помогает новичкам сосредоточиться на контенте, а обучающие статьи в блоге научат основам дизайна и маркетинга.

Помимо удобной работы с контентом, в Тильде есть инструменты для продвижения. В разделе «Другое» вы найдете виджеты, формы подписки и оплаты. Подключить их так же просто, как добавить текст или фото. Например, Тильда интегрирована с Таймпэдом, и, чтобы продавать билеты, физическим лицам нужно иметь только лицевой счет. В разделе «Другое» выберите блок «Попап с виджетом TimePad». Окно будет открываться прямо на странице, и пользователь сможет купить билет, не уходя с вашего сайта.

Чтобы освоить Тильду, нужно потратить совсем немного времени. Дальше на подготовку страницы может уходить не больше двух часов.
На первую версию я потратила дня четыре. Дня 3 было отдано работе над контентом и его распределению, но сутки точно я потратила на освоение Тильды. Теперь я аналогичные действия могу совершить, наверное, часа за полтора. Фразы «Какой у вас сайт! Он сделан по всем законам лендинга!» я слышала от нескольких человек, которые так или иначе сталкивались с проектом. А от вопроса: «Дадите контакты разработчиков?» я честно млела. Я не считаю, что сайт был идеален по дизайну, меня тревожили мысли: так не очень, а как сделать лучше — не знаю. Но возможность буквально за пару минут внести практически любые изменения, попробовать иное решение — это дорогого стоит.
Наталия Смекун, сооснователь проекта Medical Business Forum
Мы поставили перед агентством задачу – разработать страницу мероприятия Innoprom Golf за 3 недели. Требования были следующие:

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

Нам предложили Битрикс и Тильду. Битрикс более сложная система с разными наворотами, которые были не нужны конкретно для этого проекта. Так как возможности Тильды отвечали всем поставленным требованиям и она стоила дешевле, мы остановились на ней. Насколько я могу судить, Тильда проста в использовании, моя коллега, которая занимается размещением информации на лендинге, быстро справляется с задачами. Для меня основными моментами были простота и удобство просмотра для пользователя и привлекательный вешний вид. На мой взгляд, все удалось.
Анастасия Клименкова, куратор проекта Innoprom Golf
Как сделать страницу мероприятия, если вы не дизайнер и маркетолог
1
Первый экран: привлеките внимание
Первый экран — это ваше торговое предложение: что именно вы предлагаете, и почему это полезно. Если пользователь сразу не увидит выгоды для себя, то вряд ли станет читать дальше. Одним-двумя предложениями раскройте суть мероприятия, укажите дату и место проведения. Здесь же разместите форму регистрации или кнопку покупки билета.

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

Чтобы текст легко читался и не сливался с обложкой, используйте тонирование. Для этого не нужен Фотошоп — в «обложках» на Тильде предусмотрена настройка цвета фильтра. Вы можете сделать это в два клика. Иногда для тонирования используют фирменный цвет или основной цвет сайта.
2
Описание события: сформулируйте ценность
Расскажите, чему посвящено мероприятие и почему его стоит посетить. Это не обязательно должен быть подробный рассказ, хватит одного-двух абзацев. Человек только начинает знакомиться с вашим событием, поэтому не стоит пугать его большим объемом информации.
Нужно было не только рассказать о предстоящем турнире, но и показать презентабельность клуба, место проведения и рассказать об условиях участия. Крупные заголовки и блоки текста мы разбавили живописными видами гольф-клуба Pine Creek Golf Resort.
Андрей Тюнин, ведущий дизайнер Uplab
9 советов, как правильно рассказать о мероприятии
1
Сформулируйте пользу от вашего мероприятия. Людям интересно читать о том, что они получат и чему могут научиться. О пользе напишите крупно на первом экране.
2
Пишите так, будто рассказываете о мероприятии другу. Избегайте формального языка чиновников и просторечий.
3
Пишите о том, что интересно читателю.
4
Пишите кратко. Не удлиняйте предложения намеренно. За деепричастные обороты ставили пятерку в школе, но в интернете они мешают читать.
5
Делите текст на абзацы. Один абзац — одна мысль.
6
Используйте заголовки. Заголовок должен кратко сказать, о чем пойдет речь дальше.
7
Используйте списки. Если надо выразить несколько важных мыслей или отделить пункты друг от друга, не сливайте их в один абзац.
8
Добавляйте фото и видео. Они передают информацию быстрее, чем текст.
9
Покажите факты. Иногда вместо текста лучше говорят статистика или громкие имена: сколько гостей уже зарегистрировалось, сколько будет спикеров и выступлений.
3
Участники: откройте лицо
Этот блок нужен, если вы проводите конференцию, концерт, фестиваль и любое событие, куда приходят ради выступающих.

У каждого участника должно быть фото и краткое описание: имя, должность, род занятий, яркие достижения. Не нужно писать биографию, укажите только те данные, которые интересны потенциальным гостям конференции.
Как представить участников
Важным условием было показать приглашенных участников. Партнеры и организаторы турнира были представлены в виде плитки из логотипов и заняли весомую часть лендига.
Андрей Тюнин, ведущий дизайнер Uplab
4
Расписание: как гости проведут этот день
Этот блок необходим, если у события насыщенная программа. Оформите его в виде таблицы или нескольких колонок текста. Если расписание слишком большое, отметьте основные секции и дайте ссылку на скачивание всей программы. Укажите перерывы и кофебрейки.

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

Для расписания удобно использовать блок CL35 «Таймлан» из раздела «Колонки».
5
Как это было: пробудите зависть
Видео, фотографии, отзывы участников с предыдущих мероприятий — все это даст пользователю представление о том, что его ждет. Но не стоит вываливать сюда весь архив, иначе пользователь устанет и не дойдет до кнопки «Купить».

Если вы проводите мероприятие впервые, не страшно. Покажите, как готовитесь к событию. На страницу Тильды можно встраивать интерактивные карты, аудиозаписи и анимированные изображения. Для этого используется вставка html-кода. Вы сможете сделать это в несколько кликов, даже если не разбираетесь в html.
6
Отзывы: внушайте доверие
Люди с большей готовностью соглашаются на то, что до них уже попробовали и оценили другие. Поэтому выбирайте не просто хвалебные отзывы, а информативные: что именно понравилось, почему стоит пойти, чем событие запомнилось. Отзывы должны быть настоящими, потому что фальшь видна сразу.

Чтобы добавить фото человека и его отзыв, используйте один из блоков из раздела «Прямая речь». Если отзывов много, выберите блок QT09 «Слайдер с цитатами», чтобы сэкономить место на странице.
Отзывы нужны, чтобы показать впечатления живых людей. Чтобы добиться такого же эффекта, можно добавить фотографии с хештегом вашего события из Инстаграма или отзывы самих организаторов.
Как правильно собирать отзывы
Если вы проводите камерное событие на 10−20 человек, напишите личное письмо каждому гостю. Спросите, чем запомнилось событие и что можно улучшить. Не давите, но постарайтесь получить информативный отзыв, а не только эмоции и впечатления.

После большого мероприятия проведите рассылку по всем зарегистрированным участникам. Попросите отвечать прямо в письме или дайте ссылку на Гугл-форму с вопросами. Формулируйте открытые вопросы на которые нельзя ответить просто «да» или «нет».

О чем спросить, чтобы сделать мероприятие лучше:
1
Что понравилось на мероприятии?
2
Без чего можно было бы обойтись?
3
Чего вам не хватало? (Буквально: от спикеров до кондиционеров.)
4
Сколько должен стоить билет на такое событие?
5
Кого еще из спикеров надо позвать?
6
Атмосфера в зале. Душно, может холодно?
7
Навигация. Было ли трудно найти нужную аудиторию?
8
Организаторы. Как отработали волонтеры?
9
Микрофоны, техника. Все ли было слышно и видно?
7
Карта: не дайте гостям заблудиться
Карта нужна, даже если вы находитесь на Красной площади. Люди часто смотрят карту, если сомневаются, будет ли им удобно добираться. Если вас сложно найти, объясните подробно, куда свернуть, какой ориентир искать, в какую дверь постучаться.

В Тильде есть специальные блоки, чтобы добавлять карту Google Maps и Яндекс.Карт, поэтому не вставляйте обычную картинку.
8
Купить билет: продавайте заранее
Тильда умеет принимать оплату через популярные платежные системы: Яндекс. Деньги, Яндекс Кассу, PayPal, Timepad. Кнопка покупки должна быть на виду. Обычно ее размещают на первом экране, в самом конце и рядом с самой убедительной причиной купить билет. Если для регистрации и оплаты нужно много информации, делайте это на стороннем сервисе, например, на timepad.ru, а здесь поставьте только кнопку «Отправить заявку».

Встроить форму оплаты TimePad на вашу страницу на Тильде можно всего за четыре клика. Читайте, как это сделать, в нашей инструкции.

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

Здесь же разместите данные о вашей организации, если они необходимы пользователям. Например, благотворительная организация, которая планирует сбор денег, должна быть максимально открытой. А вот встрече одноклассников это не нужно.
10
Важные мелочи: чтобы было удобно
Тильда позаботилась о том, чтобы страницу было удобно использовать в жизни. Эти мелочи упростят жизнь вашим посетителям и сделают сайт полезным.
1
Добавьте на страницу чат или онлайн-консультант из блока «Другое», например T138 «Виджет Chatra». Сможете отвечать на вопросы пользователей в онлайне.
2
Сделайте красивое отображение страницы в соцсетях. Зайдите в раздел «Настройки», вкладка «Facebook and SEO». По умолчанию используется заголовок и описание из вкладки «Главное», а картинка из вкладки «Бейджик». Все это можно изменить.
3
Пропишите понятное отображение в поисковой выдаче. Напишите метаданные, которые будут понятны поисковым машинам и людям. Раздел «Настройки», вкладка «Facebook and SEO».
4
Добавьте узнаваемый фавикон. Это маленькая иконка на вкладке с вашей страницей в браузере. Так пользователю будет проще найти вас среди других вкладок. Фавикон заменить вы можете в настройках сайта.
Готовые прототипы страниц
Прототип или эскиз страницы — это ваш визуальный сценарий. Основа, которую несложно наполнить контентом.

Эти прототипы показывают типичные сценарии для мероприятий, но не бойтесь менять блоки местами или изменять их количество. Например, если главная особенность вашего события — это насыщенная программа, поднимите ее повыше. А вместо подробного описания подойдет видеоотчет с предыдущего мероприятия.
Подключаем статистику и оплату
К Тильде можно подключить Яндекс.Метрику, Google Analytics и Google Tag Manager. Вы увидите, как пользователи ведут себя на странице, и сможете измерить все их действия. Будь то клик по ссылке или загрузка презентации.
Статистика
Чтобы подключить статистику к вашей странице на Тильде, вы должны быть зарегистрированы на Google Analytics или Яндекс.Метрике.

Как подключить счетчик к сайту. Счетчик покажет, сколько людей посетило вашу страницу, и откуда они пришли. Это поможет настроить рекламу на тот канал, который дает больше посещений, и подтянуть или отключить отстающие.

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

Как подключить диспетчер тегов. Диспетчер тегов напоминает настройку целей и поможет более детально измерять действия пользователей на странице. Например, посчитать все клики по ссылкам, загрузки презентаций и переходы в социальные сети.
Оплата
Тильда умеет принимать платежи от PayPal, Яндекс. Денег и Яндекс Кассы и Таймпэда. Принимайте оплату сразу на своей странице, чтобы не уводить пользователя на другой сайт. Преимущества такого подхода:

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

Выше посещаемость. Человек ленив по природе, и пока билет не куплен, он будет искать отговорки: далеко ехать, стало лень, а вдруг будет скучно.

Выше ожидания. Если человек уже купил билет, то сосредоточится на пользе от будущего мероприятия. Платить заранее проще, чем по факту.
Как использовать статистику
Увидев, как пользователи ведут себя на сайте, вы сможете изменить структуру страницы. Например, добавить нужный контент или убрать лишний, который не читают.
1
Конверсии. Тильда сообщит вам, что пользователь заполнил форму или отправил заявку. Сравнив количество заявок и посетителей, можно судить об эффективности страницы.
2
Источники переходов. Узнав, откуда приходят пользователи, вы сможете сосредоточиться именно на этих каналах.
3
Тепловая карта. Карта подкрашивает те места, куда пользователи чаще кликают и где проводят больше времени. Если половину страницы вообще не просматривают, есть смысл сделать ее короче. Часто оказывается, что пользователи ошибочно считают кнопкой некликабельный элемент.
4
Вебвизор. Это видеозапись конкретного посещения страницы. Вы увидите, как пользователь ведет себя на странице, что смотрит и куда кликает. Если большинство пользователей сразу ищут оплату, есть смысл поднять эту информацию наверх.
Больше всего мне пригодилась информация о том, что со смартфонов приходит 80% моих посетителей. И вебвизор, конечно же. Он мне помог решить — а где именно установить кнопку «Купить». Изначально она была после разделов «Что?», «Кто?», «О чем?» и «Где?». И хотя на начальном этапе проекта вся эта информация была очень компактной, до самой кнопки посетители сайта не долистывали.

По данным вебвизора было очевидно, что посетители сайта буквально устают читать длинный текст. А у нас 18 спикеров из разных стран. Я не могла про них не написать. Пользователи не дочитывали лендинг до конца, поэтому пришлось искать варианты оформления, которые позволили подать эту информацию более компактно. Особенно по вкусу посетителям сайта пришлось решение с крестиками, нажимая на которые, можно было увидеть спрятанный текст.
Наталия Смекун, сооснователь проекта Medical Business Forum
Чеклист: как создать эффективный сайт мероприятия
1
Выберите платформы для продвижения. Например, Тильда как основная страница и соцсети, чтобы освещать новости и привлекать аудиторию.
2
Подготовьте заранее тексты и изображения. Когда у вас будет готовый текст и картинки и прототип сайта, оформить это все в красивую страницу будет несложно.
3
Сформулируйте предложение. Оно должно быть кратким и точно выражать суть мероприятия.
4
Выберите фоновое изображение или видео. Первый экран должен привлекать внимание.
5
Форматируйте тексты: используйте списки, заголовки, абзацы. Так легче воспринимать информацию, и глаз не устает.
6
Используйте иконки, чтобы подчеркнуть важную информацию.
7
Подключите одну из систем оплаты, чтобы продавать билеты сразу на странице.
8
Подключите Яндекс.Метрику или Гугл.Аналитикс. Для этого вы должны быть зарегистрированы в одной из систем.
10
Соберите отзывы посетителей.

Текст: Филипп Бразговский
Иллюстрации, дизайн и верстка: Юлия Засс
Если материал вам понравился, расскажите о нем друзьям. Спасибо!