Сайт для театра драмы им. Шукшина

Разработали сайт для одного из крупнейших театров Западной Сибири — Алтайского краевого театра драмы им. В.М. Шукшина.

Сайт, Проектирование, Дизайн, Разработка
Перейти на сайт

Клиент

Алтайский краевой театр драмы им. В.М. Шукшина — один из крупнейших театров Западной Сибири. Организован в ноябре 1921 года на основе слияния лучших профессиональных театральных сил края в труппу Первого государственного театра в Барнауле. Трёхкратный обладатель высшей российской театральной награды — «Золотая Маска».

Ситуация

В 2021 году театр отмечает 100-летие. Руководство решило вступить в новый век в обновлённом виде, в том числе и с осовремененным сайтом.

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

Задача

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

Проектирование

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

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

Подготовка

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

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

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

Это совершенно новая услуга для театра, но она обещает быть очень востребованной. Её нужно было сделать максимально заметной, но при этом не раздражать пользователя поп-апами. Переход в этот раздел помещён на главный экран, также баннер с сертификатом встречается в разделе «Афиша».

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

Тем не менее, люди в возрасте — это весьма значимый сегмент аудитории. Поэтому мы старались проектировать сайт таким, чтобы им могли пользоваться даже люди, которые с интернетом на «вы». Для этого используются крупные заметные объекты и максимально понятные однозначные формулировки.

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

1/2

Дизайн

Совершенно очевидно, что информация на сайте татра должна подаваться, собственно, театрально. То есть празднично, торжественно.

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

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

1/2
Главная страница и страницы спектаклей появляются с эффектом, который похож на начало спектакля, когда раскрываются кулисы и на сцене включается свет.
Бархатные кулисы, бархатные красные сидения, красный цвет в предыдущем фирменном стиле, а также фактура ткани. Как будто ты открываешь кулисы, когда заходишь в меню. Плюс контраст с холодными тонами остального сайта.
В чекауте показываются специальные места для лиц с ограниченными возможностями.
Также много времени уделили версии для слабовидящих.

Страницы с репертуаром выглядят в точности так, как печатные афиши. Тот же цвет, шрифт, компоновка. Аудитория видит один и тот же дизайн и офлайн, и онлайн. Зрители запоминают его, узнают и легко ориентируются в нём независимо от носителя — что немаловажно, так как информации в афише много.

1/2
Афиша на сайте
Старая печатная афиша и новая

Визуальный контент

При работе над дизайном важно было не увязнуть в торжественности и не сделать сайт скучным. Безусловно, когда аудитория посещает спектакли, она приобщается к великому искусству. И вместе с тем, люди ходят в театр, чтобы отдохнуть, поэтому сайт нужно было максимально «оживить». Творческие ресурсы для этого не пришлось долго искать.

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

Также благодаря талантам театральной труппы, нам удалось интересно обыграть и самую скучную страницу, которую никто никогда не читает, — «Правила поведения». Там пользователи увидят пантомимы, которые изображают, как можно вести себя в театре, а как нельзя. Теперь страницу хочется посетить хотя бы ради этого.

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

Адаптив

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

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

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

Результат

Проект принят. Сайт введён в эксплуатацию. При получении подробной статистики и данных о коммерческом эффекте мы обновим кейс.

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

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

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

Хочется отметить чёткость выполнения совместно утверждённого плана. Ни разу не было сбоя! На все совещания специалисты ADN всегда приходили с выполненным объёмом работы, который заявлялся ранее. Чуткие к нашим пожеланиям и требованиям, вникающие в специфику работы театра — это всё про наших партнеров, компанию ADN!Сотрудничество было приятным, конструктивным и эффективным. В течение всей работы не покидало ощущение единой команды, кровно заинтересованной в конечном результате.
Любовь Березина
Директор Алтайского театра драмы
Хотите обсудить проект?

Бросьте нам вызов! Мы хотим работать с вами, чтобы создавать действительно классные вещи.

Оставить заявку
Больше кейсов в портфолио
Все кейсы