Написать в ТГ

Разработка нового сайта для музыкального театра

Назад

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

  • Клиент

    «Омский музыкальный театр»

  • Год

    2024

  • Технологии

    WordPress

    Билетная система

Задача

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

Наше предложение

Мы проанализировали фирменный стиль предоставленный заказчиком и приняли решение построить дизайн на основе уникальной архитектуры музыкального театра.

Проектирование сайта музыкального театра

Погружение в процесс

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

Формирование структуры сайта

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

Разработка технического задания для сайта муз.театра

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

Дизайн сайта музыкального театра

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

Разработка общей дизайн-концепции

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

Дизайн главной страницы

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

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

Страница артистов

Страница с артистами театра представлена в виде табличек которые присутствуют в интерьере театра.

На страницах с персоналом установлена алфавитная навигация, помогающая быстро найти интересующего артиста.

Раздел Афиша

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

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

Страница спектакля

Внутренняя страница спектакля содержит в себе:

  • главный баннер с изображением

  • текстовую и видеоинформацию о спектакле

  • карточки действующих лиц с возможностью перейти на страницу с их данными

  • галерею

  • а также ближайшие даты спектакля на которые можно купить билет не переходя на страницу афиши.

Мобильная версия

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

Создание функционала сайта Музыкального Театра

Создание сайта для театра — это не только про красоту. Главное — удобство и точность информации. Мы сделали так, чтобы сайт был инструментом, а не просто витриной.

Сортировка, алфавитный список и фильтры

Для страниц репертуара и афишы были сделаны фильтры для удобного поиска интересующего спектакля, на странице же репертуаре спектакли дополнительно фильтруются по алфавиту.

Перенос данных со старого сайта

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

Внедрение билетной системы

Сайт интегрирован с виджетом продажи билетов “МТС Live”. Также реализована возможность отключения кнопки продажи билетов для сторонних мероприятий.

Движок создан специально для театра и позволяет вам управлять:

  • 1

    Административная панель

    Сайт реализован на системе управления Wordpress, внутренняя логика разделов была упрощена нами для удобства редактирования и добавления контента.

  • 2

    Контроль посещаемости

    На сайт внедрены популярные инструменты по контролю за посещаемостью сайта, предоставляющие обширную статистику по действиям пользователей.

Сотрудничество

Увеличение посещаемости

  • В 2 раза После запуска новой версии сайта количество отказов снизилось
  • В 5 раза Количество времени, проводимого на сайте выросло
  • В 1,5 раза Выросло количество посетителей и продажи билетов

Отзыв о проекте

Дорогая команда 2ДИТ! Вы супер-мега-молодцы!!! Нам всё очень понравилось! Есть небольшие нюансы - но куда ж без них, и думаю, с ними постепенно тоже справимся! Огромное спасибо за проделанную работу!

Огромное спасибо за ваше усердие, терпение, отзывчивость в процессе такой длительной работы ❤️ Мы уже получаем положительные отзывы от наших зрителей.

Сергей Плотников

Заместитель директора

Заказать услугу по созданию сайта учреждения культуры

  • Для государственных учреждений

  • Для концертных залов

  • Для артистов шоу бизнеса

Создаём для вас IT-решения, которые будут актуальными на годы вперёд.

Какие технологии используем:

  • HTML5
  • CSS3
  • PHP
  • JS
  • Кейс

    Разработка сайта для театра кукол

  • Кейс

    Обновление сайта Пятого театра