Разработка мобильного приложения на Flutter для Михайловского театра

Главное о кейсе

— Топ-100 App Store в первые сутки и оценка 4,9 в сторах;
— 30 000+ скачиваний;
— 10 000+ активных пользователей в месяц, 80% из них регулярно просматривают афишу театра, каждый пятый приобретает билеты через приложение.

Приложением активно пользуются зрители. Театр стал еще ближе.

*** ENG ***

— App Store’s top-100 on its first day and a score of 4.9 in the stores;
— 30,000 downloads;
— 10,000 active users per month, 80% of them regularly view the theater poster. Every fifth view purchased tickets through the application.

The theater is closer than you think.

Бизнес-задача и ее решение

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

Для этого решили создать еще один канал взаимодействия театра с пользователем помимо сайта — собственное мобильное приложение.

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

1. Погружение в атмосферу театра с первых секунд взаимодействия с помощью 4-секундного видеопревью с сюжетами из постановок.

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

3. Короткие видеопревью в дополнении к текстовому описанию каждой постановки. При желании видео можно развернуть в полную версию и увидеть больше. Ведь лучше один раз увидеть.

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

5. Оплата сразу из приложения с помощью банковской карты.

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

7. Возможность приобретения подарочного сертификата, чтобы дарить эмоции близким людям.

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

*** ENG ***

Mikhailovsky Theater sought to become closer to its audience, interact with them and immerse in the atmosphere of art even before the viewer sees the performance on stage.

So it was decided to create a mobile application as an another channel for interaction between the theater and the user.

We faced a serious task. We needed to develop an application that matches the created design and that art lovers will appreciate. On the one hand it’s convenient and understandable, on the one hand it’s theatrical and memorable. Furthermore, we tried to make an application that would be a worthy preface to theatrical productions.

1. Immersion in the atmosphere of the theater from the first seconds of interaction via 4-second video preview with scenes from the performances.

2. Convenient search and selection of productions with visual cues and various action feedback.

3. Short video previews in addition to the text description of each performance. You can optionally expand the video to the full version and see more.

4. Convenient seat selection. We included an interactive map of the theater hall in the application so the viewer will see what the stage will look like from the selected seat even before buying a ticket. We integrated panoramic shots of the hall from each seat, scrolling the screen in different directions to simulate a head turn.

5. Payment in the application with bank card.

6. Personal profile for a quick transition to purchased tickets, favorite performances, season tickets and special promotions.

7. Ability to purchase a gift certificate to share vivid emotions with loved ones.

8. The ability to implement a variety of ideas and quickly release new features for the theater itself. Our team added the ability to quickly add new features to the application and simplified support through the BLoC Flutter-architecture and server optimization.

Прочая информация о кейсе

Мобильное приложение Михайловского театра — уникальное приложение, разработанное с нуля персонально для Санкт-Петербургского театра оперы и балета командой MediaSoft. Возможность быстро и удобно приобрести билеты на премьерные и уже полюбившиеся постановки. Окунуться в мир одного из самых значимых музыкальных театров России.

В прошлом году дизайн приложения завоевал сердца членов жюри Tagline Awards. С лета 2021 года уже полноценно работающее приложение можно скачать в сторах.

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

*** ENG ***

The mobile application for Mikhailovsky Theater is a unique application developed from scratch specifically for St. Petersburg Opera and Ballet Theater by MediaSoft.team. This is the opportunity to quickly and easily buy tickets for premieres and already beloved performances and plunge into the world of one of the most significant musical theaters in Russia.

Last year, the design of the application conquered the hearts of the jury members of Tagline Awards. As of summer 2021, a full-fledged app can be downloaded from the stores.

Thanks to its convenient, understandable and memorable functionality, Mikhailovsky Theater app entered App Store’s top-100 on its first day. The mobile application fully embodies everything that you see on stage: a colorful and dynamic video preview for each performance, immersion in the atmosphere of interactive hall map, smooth transitions between application blocks and visual cues for a quick navigation.

Скриншоты

Комментарий заказчика

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