Один сайт вместо десятков лендингов. Как мы помогли театральному агентству упростить продажи по всему СНГ

Каким должен быть сайт для гастрольного агентства, если спектакли идут сразу в нескольких странах? И почему в таких случаях важно перестать плодить посадочные? Клиент создавал много отдельных лендингов под показы одного и того же спектакля в разных городах. Управлять, анализировать и масштабироваться стало невозможно. Собрали всё в один умный сайт: он сам показывает нужный город, подставляет даты и помогает продавать билеты быстрее.

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

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

Наш клиент – гастрольное театральное агентство. На рынке с 2017 года. Организует показы известных спектаклей с участием звёзд театра и кино по всей России и в странах СНГ: Беларуси, Казахстане, Армении и Азербайджане. Одна постановка может идти сегодня в Казани, послезавтра – в Астане, а через неделю – в Минске. Важно, что каждый спектакль – это не одноразовое мероприятие, а постоянная серия показов в десятках городов.

До нас агентство «жило» в группе во «ВКонтакте» и на небольшой посадочной странице-визитке.

Под каждый спектакль создавали отдельный лендинг на конструкторе Tilda. С ростом количества городов и премьер таких страниц стало десятки. С одной стороны – простая система продажи билетов, с другой – большое количество разрозненных мини-сайтов с продублированным контентом. Сначала такая схема казалась удобной: есть событие → создаём страницу → запускаем рекламу и продаём билеты. Но чем быстрее рос бизнес, тем больше возникало проблем:

У малого и среднего бизнеса часто всё начинается с простого сайта или лендинга для теста гипотез. И это нормально. Но потом появляются филиалы, новые города, направления и продукты, а бизнесу по-прежнему кажется, что под каждую задачу можно просто сделать ещё один лендинг. Проблема в том, что большое количество посадочных почти всегда убивает масштаб проекта. Почему? Потому что лендинг создаётся для решения точечной задачи, а не для управления процессами. Кстати, недавно на примере бизнеса по доставке китайских авто в Россию детально рассказали, почему управление бизнес-процессами – это самое важное в масштабировании и росте. Прочитать новую статью CEO Darvin Digital Ильи Федулова о том, почему для увеличения LTV бизнесу важен совсем не маркетинг, а то, как выстроены бизнес-процессы в компании можно здесь.

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

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

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

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

Кнопки «Купить билет» стилизованы под театральные билеты – маленький штрих, который делает интерфейс неформальным и цепляющим. А карточки ближайших дат – яркие и заметные, чтобы пользователь сразу видел актуальное расписание. А за счёт лёгкого размытия фона создаётся глубина – визуальный приём работает на эмоции, усиливая эффект присутствия.

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

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

В кнопке – не просто текст, а иконка билетика. Так пользователь мгновенно считывает, что от него ожидается: нажать и купить. А в блоке с ближайшими спектаклями – добавили динамики. При наведении изображение превращается из чёрно-белого в цветное. Этот эффект оживляет интерфейс и привлекает внимание к каждой афише.

Крупные фотографии артистов и визуальный эффект направленного света создают ощущение сцены – будто уже поднялся занавес, и спектакль вот-вот начнётся.

Вся композиция построена по центру – это помогает сфокусировать внимание на главном: афише и кнопке действия.

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

Что же выбрали в итоге?

Остановились на первом концепте – именно он лучше всего передавал атмосферу театра.

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

Дальше приступили к главной странице.

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

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

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

Чтобы сохранить узнаваемость бренда и сделать сайт визуально цельным, мы разработали UI-kit – набор интерфейсных элементов, который полностью опирается на фирменный стиль клиента.

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

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

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

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

У каждого спектакля есть отдельная страница с описанием постановки, фотографиями, информацией об актёрах и т.д. (эти данные раньше дублировались на всех лендингах, а теперь хранятся централизованно). На этой же странице выводится список городов и дат, где и когда будет идти спектакль.

Далее идут блоки по порядку: подробное описание, виджет с билетами (интеграция через «Единое поле»), состав актёров, фотогалерея, отзывы и подборки – «Смотрите также» и «Этот спектакль в других городах». Благодаря этому пользователь может не только узнать больше, но и выбрать альтернативную дату или город.

Для удобства навигации по странице предусмотрено фиксированное верхнее меню: оно остаётся на виду и позволяет быстро переключаться между разделами. Такой подход экономит время и делает взаимодействие с сайтом более комфортным.

Не только красивый, но и функциональный. Технические детали, которые делают сайт уникальным и сложности

Главная «фишка» нового сайта – геолендинг. Сайт автоматически определяет город пользователя по геолокации и подставляет этот город в контент страницы, делая предложение персонализированным. Например, посетителю из Минска сайт сразу покажет афишу спектаклей в Минске и ближайшие даты, а для пользователя из Баку – информацию по Баку. Раньше заказчику для этого приходилось делать отдельные страницы.

Персонализация заметно повышает отклик аудитории. Когда пользователь видит на сайте название своего города, страница моментально становится для него ближе и понятнее. Он воспринимает предложение как локальное, «для него», и доверия сразу больше. В результате снижаются отказы, растёт вовлечённость и конверсия.

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

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

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

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

«Нельзя было просто вставить заглушку. Потому что кнопка «Купить билет» всё равно должна была куда-то вести. Если за баннером не стояло событие, всё разваливалось».

Тимлид отдела разработки Darvin Digital, Данила Ледовской

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

Работали на Darvin CMS – это кастомная система, с которой работает команда агентства. Именно она позволила нам реализовать замысел клиента.

Почему не Tilda и не Bilda? Если бы проект собирался на конструкторе, то всего этого реализовать не получилось бы:

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

Что в итоге получилось и зачем это каждому театральному агентству

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

«Сайт получился атмосферным, но при этом очень прикладным: эмоция театра – в визуале, а продажа – в логике и навигации».

Арт-директор Darvin Digital, Наталья Головченко

Теперь к конкретике. В рамках проекта мы:

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

«Было много сил потрачено, много инноваций введено на этот сайт для нас. Данный сайт стал эталонным. Мы оптимизировали большое количество кода, то есть мы полностью избавились от копипаста. Кэшировали все запросы, даже делали двойное кэширование – сайт максимально ускорен. Неважно, сколько там будет спектаклей, он будет работать очень хорошо. Да и сам по себе сайт очень красивый, нам понравился».

Тимлид отдела разработки Darvin Digital, Данила Ледовской

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