Михайловский театр
разработка сайта и мобильного приложения, интеграция с билетной кассой и платежными системами
Привлекаемые специалисты
PHP-разработчики
QA-инженеры
Менеджеры
Mobile-разработчики
React-разработчики
Используемые технологии
php
Bitrix
Flutter
JavaScript
React
/ Описание и задача
Разработка сайта и мобильного приложения по готовым дизайн макетам
Перед командой MediaSoft стояла важная задача — разработать сайт и мобильное приложение театра по готовым макетам. Удобные и понятные, которые завораживают и предвкушают поход в театр после покупки билета. А также доступны и открыты для каждого желающего.
Главная цель проектов — сократить путь зрителя от знакомства с репертуаром до покупки билета, создав ощущение полного погружения в атмосферу светского театра с первых секунд. Мы обновили сайт и разработали кроссплатформенное мобильное приложение, которые стали достойным визуальным предисловием к живым постановкам.
/ Решение
Часть 1. Веб-платформа: перезапуск сайта театра
Разработка велась по готовым дизайн-макетам. Главный упор был сделан на скорость, доступность и интеграцию сервисов.
- Покупка билетов в пару кликов. Мы реализовали пул улучшений и новый функционал. Теперь путь пользователя от входа на сайт до оплаты билета стал максимально коротким.
- Атмосфера и адаптивность. Плавная работа интерфейса воссоздает ощущение реальной театральной сцены. Узнать детали постановок и купить билеты можно быстро с любого устройства.
- Доступность для всех (ГОСТ Р 52872-2019). Адаптировали разметку сайта для специального ПО. Слабовидящие пользователи могут преобразовывать контент в удобную форму: увеличенный шрифт, шрифт Брайля, аудио-речь, специальные знаки или упрощенный язык. Сайт успешно прошел сертификацию соответствия ГОСТу.
- Промокоды и Пушкинская карта. Все доступные промокоды теперь хранятся в личном кабинете и применяются автоматически при оформлении. Также интегрирована оплата Пушкинской картой для бесплатного посещения театра школьниками и студентами.
Часть 2. Мобильное приложение: театральная сцена в кармане
Изначально клиент рассматривал нативную разработку. Однако, понимая объем и сложность задач, мы предложили Flutter. Из чисто платформенных решений здесь потребовалась только оплата. Это сэкономило 20–30% рабочих часов и сократило общий бюджет.
- Эффект присутствия. При входе пользователя встречает динамичное 4-секундное видеопревью с сюжетами из реальных постановок.
- Умный выбор мест с панорамами. В приложение внедрена интерактивная карта зала. Благодаря интеграции панорамных снимков с каждого кресла, зритель видит сцену именно так, как будет смотреть на нее во время спектакля. Скролл экрана имитирует поворот головы.
- Интерактивный репертуар. Короткие видеоролики дополняют текстовое описание каждого спектакля (видео можно развернуть на весь экран). Поиск и выбор постановки снабжен визуальными подсказками и тактильным/визуальным фидбэком.
- Личный профиль и забота о близких. В профиле пользователя сохраняются купленные билеты, абонементы, любимые спектакли и персональные акции. Прямо в приложении можно приобрести подарочный сертификат.
- Быстрая оплата. Покупка билетов происходит мгновенно с помощью банковской карты прямо в интерфейсе приложения.
Часть 3. Технологический фундамент и поддержка
Чтобы театру было удобно развивать и масштабировать оба продукта, мы оптимизировали техническую изнанку решений:
- Управление через «1С-Битрикс». Сайт интегрирован под CMS Битрикс. У команды театра уже есть опыт работы с ней, что упрощает самостоятельную поддержку сайта. Использование платформы ускорило разработку без потери качества.
- Рефакторинг кода. Провели оптимизацию кодовой базы, обновили ядро сайта и ускорили его общую работу.
- Flutter-архитектура BLoC. Для мобильного приложения выбрали архитектуру BLoC и оптимизировали работу с сервером. Это позволяет театру легко масштабировать продукт, быстро воплощать новые идеи и выпускать свежие функции в релиз без задержек.
/ Результаты
Искусство в каждом клике
Встречайте обновленный и один из самых значимых музыкальных театров в России — Михайловский театр оперы и балета в Санкт-Петербурге. Новые сайт и приложение понравятся как театралам, так и начинающим любителям оперы, ведь он трогает каждое сердце. Искусство в каждом клике.
Мобильное приложение Михайловского театра — уникальное приложение, разработанное с нуля персонально для Санкт-Петербургского театра оперы и балета командой MediaSoft. Возможность быстро и удобно приобрести билеты на премьерные и уже полюбившиеся постановки. Окунуться в мир одного из самых значимых музыкальных театров России.
- Топ-100 App Store в первые сутки и оценка 4,9 в сторах;
- 16 000+ активных пользователей в месяц — 80% из них регулярно просматривают афишу театра, количество активный пользователей увеличилось в 1,5 раза за последние полгода;
- Каждый пятый приобретает билеты через приложение.
Сайт адаптирован для слабовидящих людей — прошел сертификацию и соответствует ГОСТу Р 52872-2019. После проведенных работ выросла посещаемость, повысилось количество покупок билетов через сайт, сократилось количество отказов, объем продаж также увеличился, в частности, из-за эффективной интеграции и взаимосвязи онлайн и офлайн каналов продаж.
/ Награды
«Tagline Awards 2024», номинация: «Инклюзивные проекты»
«Tagline Awards 2024», номинация: «Искусство, культура, развлечения»
«Конкурс Рейтинга Рунета 2024», номинация: «Государство и общество»
«Ruward Award 2023», номинация: «Кейс года»
«Конкурс Рейтинга Рунета 2023», номинация: «Государство и общество»
«Конкурс Рейтинга Рунета 2023», номинация: «Отдых и развлечения»
«Золотое приложение 2022», номинация: «Развлечения»
«Tagline Awards 2022», номинация: «Лучшее государственное приложение»
«Конкурс Рейтинга Рунета 2022», номинация: «Приложение бренда»
