Обратно

Как разработать лендинг на конструкторе и продать билетов на 1,2 млн рублей

КлиентТеатр будущего Лилии Тим

О заказчике

Театр Будущего — организация и проведение спектаклей для детей поколения Z. Пилотное шоу «Тайна Лунозавра».

Особое внимание уделено использованию современных технологий и WOW-эффекту:

  • 3D-декорации и видеомеппинг;
  • AR-технологии;
  • научные факты из мира флора и фауны;
  • большие (до 6 метров) костюмы животных;
  • акробатические трюки и много интерактива с залом.

Задача

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

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

Первый этап. Начало работ

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

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

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

Medium screenshot 6
Medium screenshot 2
Medium screenshot 1
Medium screenshot 3

Изначально хотели отойти от типовой подачи преимуществ в трехколоннниках. Отдав под каждое преимущество один экран. Да, лендинг получился более объемным, но, как показывает практика, прокручивают страницу до тех пор пока интересно, пока контент отвечает ожиданиям. Кроме того, отказавшись от трехколонников для описания преимуществ у нас появилась возможность рассказать и наглядно показать то, что невозможно было бы описать в узкой колонке с иконкой. Реализовать такую подачу смогли с помощью функционала конструкторе ZeroBlock — он дает возможность отойти от стандартных блоков и верстать каждый экран с нуля так, как задумал дизайнер-проектировщик.

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

Первым сервисом для покупки билетов, который мы подключили к лендингу был https://timepad.ru/. У него предусмотрена интеграция с конструктором tilda.cc. Так что настройка прошла быстро и безболезненно, без участия программистов.

Второй этап. Тестирование

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

Гипотеза №1:

Нехватка фотографий с представлений. Это был пилотный запуск спектакля, поэтому изначально на лендинге были разноплановые фотографий с других шоу, либо с фотосессии с отдельными героями. Спасибо заказчику и директору «Театра Будущего» Лилии Тим, она всегда шла на встречу просьбам и после того, как прошли первые показы, у нас появились красивые фотоматериалы. После того, как мы добавили ярких фотографий с первых представлений конверсия выросла в 2 раза.

Гипотеза №2:

У покупателей должна быть возможность забронировать билеты. Часть людей может сомневаться, в какие именно даты им удобно прийти на представление. Надо дать возможность не только купить билеты, но и забронировать лучшие места, а выкупать их позже. Мы добавили формы «Забронировать билет», запустили А/В-тестирование. Но у нас возникли сложности с технической стороны. Пользователи активно бронировали билеты, тем, кто хотел выкупить билеты не доставались хорошие места, а те, кто бронировал часто не выкупал. Поэтому от формы «Забронировать» нам пришлось отказаться.

Гипотеза №3:

Мы хотели немного облегчить лендинг, самый первый вариант казался несколько перегруженным и поскольку после нескольких представлений появлялось все больше фотоматериалов, хотелось использовать новые яркие фото. Правки касались именно визуала, структуры изменения не коснулись. Была разработана вторая версия лендинга 2.0. По итогам А/В-тестирования гипотеза не подтвердилась. Хорошо отрабатывают и старая и новая версия лендинга.

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

Итоги

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

руб — выручка от продажи билетов за 6 недель контекстной рекламы
руб — выручка от продажи билетов со всех рекламных направлений

Команда

Лилия Тим — руководитель «Театра Будущего»

Андрей Лысенко — менеджер коммерческого отдела Molinos

Полина Тронина — ведущий UX- специалист Molinos


Полина ТронинаВедущий UX-специалист

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