Сайт Сургутской филармонии

Сургутская филармония — одна из главных концертных площадок Сургута. Здесь проходят концерты и фестивали, выступают собственные коллективы филармонии — от симфонического оркестра до духового «Сургут Экспресс-Бэнда». Для филармонии сайт — это не визитка, а касса и афиша: через него зрители узнают о мероприятиях и покупают билеты.

Зачем филармонии понадобился новый сайт?

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

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

Как мы перенесли новый фирменный стиль на сайт?

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

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

Коллективы филармонии получили собственный раздел: у каждого — крупная фотография с названием и короткое описание.

Страницу «О филармонии» мы оформили как отдельную историю: большая фотография здания, рассказ о филармонии, её коллективы и художественный руководитель — на одной странице, в фирменных цветах.

Как зритель покупает билет с выбором места?

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

Зритель открывает мероприятие, нажимает «Купить билеты», видит схему зала с ценами и сам выбирает место — так же, как в кассе, только из дома.

А так выглядит Большой концертный зал — главная сцена филармонии, которую знает весь город. Партер, амфитеатр и балкон на одной схеме, доступные места выделены цветом.

Как мы подключили Пушкинскую карту за неделю?

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

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

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

Удобно ли выбрать концерт с телефона?

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

Могут ли пользоваться сайтом люди с нарушениями зрения?

Да. На сайте есть полноценная версия для слабовидящих: можно увеличить шрифт, сменить цветовую схему, отключить изображения, а кнопка «Озвучить» читает текст страницы вслух. Для учреждения культуры это не опция, а обязательное требование.

Может ли филармония сама обновлять сайт?

Сайт работает на 1С-Битрикс. Все новые страницы и блоки мы встроили в админку так, чтобы команда филармонии сама добавляла и редактировала мероприятия и любой другой контент — без программиста и знания кода.

Что получила филармония?

• Современный сайт в новом фирменном стиле — все типовые страницы и уникальная страница о филармонии.
• Удобную афишу и покупку билетов с выбором места — на компьютере и на телефоне.
• Продажу билетов по Пушкинской карте — одной из первых в России.
• Версию для слабовидящих с озвучкой.
• Админку, в которой команда сама ведёт сайт.

Каким был сайт до обновления?

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