Онлайн-бронирование билетов в стиле "Дьявол носит Prada"

Маркетинг — это когда эмоции продают, а затраты на красоту автоматизированы.

Иногда задача звучит очень просто: заменить стандартные кружки на схеме зала на тематические иконки. Например, к выходу фильма «Дьявол носит…» сделать так, чтобы места в зале отображались не обычными маркерами, а красными… туфельками.

Но если смотреть на такую задачу не как на разовую «красивую доработку», а как на маркетинговый инструмент, появляется другой вопрос: можно ли сделать так, чтобы кинотеатр сам создавал такие оформления под разные фильмы, события и спецпоказы — быстро, без разработчика и без риска сломать бронирование?!

Именно такую задачу мы решили для центра развлечений А113.

Задача: добавить эмоцию в процесс покупки билета

У А113 уже была нестандартная система бронирования и покупки билетов. Пользователь мог выбирать места в разных залах, покупать билеты онлайн, проходить понятный путь заказа, использовать функционал для держателей «Пушкинской карты», а форма автоматически помогала с вводом телефона и email.

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

Поэтому у клиента появилась идея — оформить страницу бронирования в стилистике фильма «Дьявол носит Prada 2». Вместо стандартных обозначений мест на схеме зала должны были появиться тематические иконки. Это должно было сделать процесс покупки более эмоциональным и заметным.

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

Почему мы не стали делать просто «туфельки вместо кружков»

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

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

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

Так страница бронирования превращается не просто в технический этап покупки, а в часть промо фильма.

Как работает новая система

Мы доработали административную и клиентскую части сайта на 1С-Битрикс. В админке появилась возможность создавать тему оформления и привязывать её к нужному фильму.

Любой пользователь с соответствующим доступом может зайти в административную часть и настроить тему самостоятельно. Это не требует участия разработчика после внедрения. Если контент уже подготовлен, настройка занимает несколько минут. Если нужно дополнительно подготовить иконки и цвета, создание темы может занять от 4 до 30 минут.

В теме можно настроить:

• название темы: чтобы её было удобно находить и использовать повторно,

• категории мест: например, 1-я линия, 2-я линия, VIP, места для поцелуев,

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

Иконки используются в формате SVG. Дизайнер готовит файл в нужной стилистике, а затем его можно перекрашивать прямо в админке через HEX-палитру. Это важно: клиент не привязан к одному готовому цвету и может адаптировать оформление под конкретный фильм, фон или визуальную кампанию.

Где можно использовать такие темы

Главная ценность решения в том, что оно не ограничено одним фильмом. Тему можно сохранить, применить повторно или адаптировать под новый повод.

Например, кинотеатр может создавать отдельные оформления:

• для премьер и громких релизов;

• для киноклуба, фестивалей и специальных показов;

• для жанровых подборок: комедий, хорроров, романтических фильмов, детских сеансов.

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

Именно в этом и есть ценность автоматизации: эмоции остаются живыми, а затраты на их запуск становятся управляемыми.

Что было сложным в реализации

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

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

За 2 дня мы сделали для А113 гибкий механизм тематического оформления схемы бронирования билетов.

Клиент получил:

• самостоятельное управление оформлением — темы можно создавать и менять без разработчика;

• масштабируемый инструмент для маркетинга — оформление подходит не только для одного фильма, но и для будущих событий;

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

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