Сайт для Театра драмы им. В.М. Шукшина
Разработали сайт для одного из крупнейших театров Западной Сибири — Алтайского краевого театра драмы им. В.М. Шукшина.
Клиент
Алтайский краевой театр драмы им. В.М. Шукшина — один из крупнейших театров Западной Сибири. Организован в ноябре 1921 года на основе слияния лучших профессиональных театральных сил края в труппу Первого государственного театра в Барнауле. Трёхкратный обладатель высшей российской театральной награды — «Золотая Маска».
Ситуация
В 2021 году театр отмечает 100-летие. Руководство решило вступить в новый век в обновлённом виде, в том числе и с осовремененным сайтом.
Старый сайт устарел морально и технологически. Он не отвечал современным запросам аудитории, был слабо связан с офлайн-процессами и образом театра.
Задача
Разработать сайт, который:
- обеспечивает полноценную онлайн-коммуникацию театра со зрителями;
- эффективно работает в системе с офлайн-процессами;
- отражает современный масштаб и дух театра.
Проектирование
Прежде чем приступить к разработке сайта мы обсудили с руководством театра их идеи, касающиеся новых продуктов, методов продвижения, позиционирования. Также разобрались в том, что уже было реализовано на тот момент. Вместе мы собрали всё это в единую систему маркетинга, которая включает в себя офлайн- и онлайн-инструменты.
Следующим этапом стала разработка фирменного стиля, который систематизировал визуальную коммуникацию театра и стал связующим звеном между сайтом и офлайн-носителями.
Подготовка
Мы проанализировали сайты крупнейших российских и мировых театров, чтобы выделить и оценить господствующие в этой отрасли тренды. Проанализировали собранные данные о текущем сайте: паттерны поведения пользователей, наиболее и наименее востребованные разделы, статистику онлайн-продаж билетов.
По результатам аналитики было принято решение оставить текущий набор разделов, но расположить его иначе, чтобы пользователи легче находили наиболее востребованные разделы.
Среди новых сущностей — подарочные сертификаты. Пользователи выбирают оформление сертификата в зависимости от повода, а также способ доставки до адресата: можно вручить самостоятельно или попросить сделать это сотрудников театра.
Это совершенно новая услуга для театра, но она обещает быть очень востребованной. Её нужно было сделать максимально заметной, но при этом не раздражать пользователя поп-апами. Переход в этот раздел помещён на главный экран, также баннер с сертификатом встречается в разделе «Афиша».
Другая новая сущность — покупка абонемента. Это не новое предложение, но ранее его не было на сайте. Абонемент был востребован среди пенсионеров, и они очень активно покупали его в кассе. Совместно с командой театра мы выдвинули гипотезу, что с размещением на сайте, аудитория этого продукта значительно расширится.
Тем не менее, люди в возрасте — это весьма значимый сегмент аудитории. Поэтому мы старались проектировать сайт таким, чтобы им могли пользоваться даже люди, которые с интернетом на «вы». Для этого используются крупные заметные объекты и максимально понятные однозначные формулировки.
Театр щепетильно относится к созданию доступной среды. В зрительном зале есть специальные места, на которых комфортно могут разместиться люди с ограниченными возможностями. Мы добавили возможность «подсветить» их при покупке билета онлайн. Кроме того, у сайта есть версия для слабовидящих.
Дизайн
Совершенно очевидно, что информация на сайте татра должна подаваться, собственно, театрально. То есть празднично, торжественно.
Пользователя встречает прелоадер, который имитирует плавное включение света в зрительном зале, когда раскрываются кулисы и на сцене начинается действо. Пафос также нагнетает видеоряд на фоне: фрагменты спектаклей, здание театра с высоты птичьего полёта, таймлапс заполнения зала.
Крупные блоки, крупный шрифт, большие отступы — всё это создаёт ощущение масштабности, размаха. Кроме того, так сайт легко читается на разных разрешениях.
Страницы с репертуаром выглядят в точности так, как печатные афиши. Тот же цвет, шрифт, компоновка. Аудитория видит один и тот же дизайн и офлайн, и онлайн. Зрители запоминают его, узнают и легко ориентируются в нём независимо от носителя — что немаловажно, так как информации в афише много.
Визуальный контент
При работе над дизайном важно было не увязнуть в торжественности и не сделать сайт скучным. Безусловно, когда аудитория посещает спектакли, она приобщается к великому искусству. И вместе с тем, люди ходят в театр, чтобы отдохнуть, поэтому сайт нужно было максимально «оживить». Творческие ресурсы для этого не пришлось долго искать.
Команда театра очень активно включилась в разработку контента для сайта. Поэтому такая, казалось бы, простая вещь, как страничка с коллективом, выглядит интересно — портрет каждого актёра анимирован.
Также благодаря талантам театральной труппы, нам удалось интересно обыграть и самую скучную страницу, которую никто никогда не читает, — «Правила поведения». Там пользователи увидят пантомимы, которые изображают, как можно вести себя в театре, а как нельзя. Теперь страницу хочется посетить хотя бы ради этого.
В целом, почти весь визуальный контент на сайте был создан в результате тесного сотрудничества с коллективом театра.
Адаптив
Анализ старого сайта показал, что примерно половина пользователей заходит на него с мобильных устройств. Вместе с тем, среди этих пользователей наблюдался и самый большой процент отказов, и они чаще всего покидали сайт при попытке купить билеты.
Учитывая рыночные тенденции, доля посещений и покупок с мобильных устройств будет только расти. Поэтому мы уделили особое внимание адаптиву.
Результат
Проект принят. Сайт введён в эксплуатацию. При получении подробной статистики и данных о коммерческом эффекте мы обновим кейс.