Михайловский Театр — Приложение для Михайловского театра | Touch Instinct

Михайловский Театр

Вместе с 2020 года

Приложение для Михайловского театра

Сотрудничество с одним из главных театров Санкт-Петербурга стало для нас большой радостью и честью — мы были счастливы сделать вклад в развитие искусства родного города. Настолько вдохновились этой работой, что единогласно решили — проект должен задать тренд для всей сферы искусства. Совместно с командой Mediasoft, которая занималась разработкой, мы создали маленький шедевр.

Работа над эскизом

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

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

Апофеоз в дизайне

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

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

Шрифты

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

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

Главная сцена в приложении

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

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

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

Афиша

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

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

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

Программка спектакля

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

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

Мимо кассы,
сразу в зал

Чтобы купить билеты, теперь не нужно выбирать место, стоя у окна театральной кассы. Теперь можно зайти в приложение, найти любимую постановку, выбрать лучшие места и получить QR-код вместо бумажного билета.

Для выбора мест мы нарисовали 3D-версию зала, по которому пользователь может «прогуляться». Вы словно пришли самым первым и ходите между кресел, выбирая для себя лучшее. Оцените видимость сцены с выбранного места — карта полностью дублирует схему зала.

Для выбора мест мы нарисовали 3D-версию зала, по которому пользователь может «прогуляться». Оцените видимость сцены с выбранного места — карта полностью дублирует схему зала. Купить билеты в театр к конкретной дате можно с помощью календаря в правом верхнем углу. Выбирайте нужную дату, смотрите афишу и покупайте билет — в виде удобного 
QR-кода.

Что дают
 в Михайловском театре

Создали дизайн раздела «Театр» с информацией о репертуаре и коллективе Михайловского театра. Репертуар логично разделен на оперу и балет. Выбираете «Опера», и попадаете на ленту всех действующих оперных постановок — напоминает развеску картин в галерее музея.

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

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

Есть проект?

С 2011 года Touch Instinct вырос из стартапа в лидера разработки мобильных приложений. Мы собрали в нашей команде более 100 специалистов, забрали десятки наград в отраслевых конкурсах и много лет возглавляем ТОП-3 в профильных российских и международных рейтингах.