Задача: продать 10 показов зрителю с телефоном
Клиент — театральная компания «Айвенго», у которой 15 лет идёт семейный мюзикл «Остров Сокровищ» по роману Стивенсона. Осенне-зимний блок — всего 10 показов в московском КЦ «Меридиан», окно продаж короткое. Особенность продукта: билет покупает родитель, а смотреть будет ребёнок 6–12 лет, поэтому сайт должен одновременно убеждать взрослого и производить вау-эффект на ребёнка, заглянувшего в телефон мамы.
Мы начали с юзабилити-аудита существующей страницы. Главные находки: кнопка покупки не помещалась в первый экран, расписание было спрятано внутри билетного виджета, а ключевые для родителя факты (возраст, длительность, цена) приходилось выискивать по всей странице. Решили не латать старый сайт, а собрать лендинг с нуля: новая структура по логике принятия решения плюс полностью новый визуал.
Структура, которая ведёт к покупке
Первый экран отвечает на четыре вопроса покупателя без единой прокрутки: что это (логотип мюзикла и трейлер), когда (карточка ближайшего показа), где (КЦ «Меридиан», метро Калужская) и сколько (детский от 1 200 ₽, взрослый от 2 000 ₽). Тут же — бейдж «только 10 показов» и сургучная печать «6+».
Расписание вынесено в отдельный коммерческий блок сразу после первого экрана: карточки дат сгруппированы по месяцам, у каждой — подпись «суббота, днём» или «суббота, вечером». Это не декорация, а сегментация: дневные показы удобны семьям с младшими детьми, вечерние — со старшими. Декабрьские и январские даты получили бейдж «Новогодний» под подарочный спрос.
Каждая карточка даты — прямая ссылка на конкретный сеанс в билетном сервисе intickets: один клик, и покупатель уже выбирает места на схеме зала. Никаких промежуточных экранов, а чтобы переход не пугал, под кнопками стоит честная подпись «откроется выбор мест на схеме зала».
- Кнопка покупки не попадала в первый экран, дата и цена терялись по странице
- Расписание спрятано внутри билетного виджета
- Фоновое видео весило 18,5 МБ и было вертикальным
- Дата, место, цена и кнопка — на первом экране, на мобильном покупку держит закреплённая панель
- Каждая дата — диплинк сразу на схему зала своего сеанса
- Видео-фон 0,56 МБ, сгенерирован из ключевого кадра, с постером и отключением на медленной сети
Для аудитории постарше (бабушки и дедушки часто ведут внуков сами) добавили блок «Купить билет за три простых шага» и колонку «Помощь с покупкой» в подвале: оплата картой, билеты на почту, возврат за 72 часа. Блок доверия собран из фактов постановки: 15 лет на сцене, более 10 000 отзывов, отзывы родителей с указанием возраста детей и FAQ с реальными возражениями («не испугается ли ребёнок», «что если опоздаем»).
Технические решения и цифры
Самое интересное решение — видео-фон. Исходный ролик клиента весил 18,5 МБ и был вертикальным: для широкого первого экрана он не годился. Мы сгенерировали кинематографичный кадр в духе афиши (галеон в штормовом море), а затем оживили его нейросетью в 5-секундный зацикленный клип 720p. После сжатия он весит 0,56 МБ. Кадр-исходник стал постером: страница мгновенно показывает картинку, видео догружается следом, а при медленной сети или включённом режиме экономии остаётся живая статика с CSS-анимацией.
| Элемент | Решение | Зачем |
|---|---|---|
| Первый экран | Карточка ближайшего показа: дата, время, площадка, цены, кнопка | Ответ на все вопросы покупателя до прокрутки |
| Расписание | Карточки-«билеты» с перфорацией, диплинки на сеансы intickets | Кратчайший путь к оплате |
| Мобильная версия | Закреплённая панель «от 1 200 ₽ + Купить билеты» | Кнопка не теряется при прокрутке |
| SEO | Разметка TheaterEvent с 10 сеансами-офферами | Расширенные сниппеты с датами в поиске |
Скорость и надёжность: шрифты размещены на своём сервере (Google Fonts в России работает нестабильно), LCP-элементы стоят в preload, версии CSS и JS обновляются автоматически при каждом деплое, поэтому посетители не ловят старый кэш. В разметке исправили и неожиданную находку аудита: геокоординаты площадки на старой странице указывали на другую улицу — на новом сайте карта ведёт точно к КЦ «Меридиан».
Атмосферу собрали генеративной графикой в едином стиле «золотая гравюра на тёмном»: пять иллюстраций сюжетного маршрута, текстура старинной карты под расписанием, сургучная печать и пасхалка — сундук в подвале, который по клику рассыпает золотые монеты. Сайт запущен в июле 2026 года, продажи только начались: события в Метрике размечены по всем ключевым действиям, так что эффективность блоков будем оценивать на реальных данных.