Сайт для организатора концертов классической музыки «Вселенная классики»

Раньше «Вселенная классики» размещала свои мероприятия только на сайтах билетных агрегаторов (например, Яндекс Афиша, KASSIR.RU, TIKETLAND и т.д.), а также распространяла печатные афиши и рекламные материалы в общественных пространствах. Но компания начала расти, появились планы проводить концерты в новых городах и странах. 

Когда мы приступили к работе над сайтом, «Вселенная классики» уже проводила концерты в Санкт-Петербурге и Москве. В планах были выступления в Нижнем Новгороде, а также новые проекты в Екатеринбурге, других городах России и за рубежом.

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

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

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

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

Примеры материалов:

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

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

Примеры прототипов:

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

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

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

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

Где и как пользователь будет выбирать концерт — вопрос, который напрямую влияет на будущую конверсию сайта (количество людей, которые купят билет или заинтересуются мероприятием).

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

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

В макетах мы предусмотрели такой функционал:

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

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

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

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

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

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

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

Главная страница — это первое, что видит посетитель, зашедший по названию компании.

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

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

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

Вместе с клиентом мы составили подробный список и разместили всю эту информацию на странице. Вот что мы включили:

• Описание концерта
• Программа
• Дата, время и продолжительность, а также другие возможные даты
• Название и адрес зала
• Правила посещения
• Схема зала
• Артисты
• Инструменты, которые будут звучать
• Фотографии
• Видеоряд для создания настроения
• Промокод на скидку, если он есть

Хотя информации много, страница остаётся простой и понятной.

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

Существует много виджетов для онлайн-продажи билетов на сайте. Клиент выбрал Яндекс Билеты, потому что уже сотрудничает с Яндексом и хотел видеть все заказы — как с сайта, так и с Яндекс Афиши — в одном месте.

Мы настроили интеграцию с этим сервисом и реализовали такие функции:

• Передача id концерта в виджет Яндекса для покупки билетов
• Получение необходимой информации о концерте из Яндекс.Билетов
• Получение и обработка заказов через CRM API Яндекс.Билетов
• Синхронизация данных о купленных билетах с личным кабинетом пользователя

В результате покупка билетов на сайте проходит через виджет Яндекс Билетов. Клиент видит все заказы в личном кабинете Яндекс Афиши, часть данных о мероприятии заполняется автоматически, а информация о купленных билетах сразу появляется в личном кабинете пользователя на сайте.

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

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

Пока же в Личном кабинете можно увидеть:

• Избранные концерты
• Ожидаемые концерты, на которые уже куплены билеты
• Прошедшие концерты, которые пользователь посетил

Изюминка проекта — удобная административная часть, настоящий «сайт в сайте».

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

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

Админку мы разрабатывали под запросы клиента и дорабатывали по ходу работы, когда появлялись новые задачи. Для обсуждения нюансов мы организовали личную встречу в Санкт-Петербурге — менеджер проекта с удовольствием приехал к клиенту, чтобы всё обсудить лично.

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

Что особенно приятно — после запуска мы НЕ занимались отдельным SEO-продвижением. Несмотря на это, новый сайт и свежий домен без истории быстро вышли в топ Яндекса по ключевым запросам (Google показывает положительную динамику — пока это не топ, но для новых сайтов с ним всегда нужно подождать). 

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

Срок активной разработки: с апреля 2024 по декабрь 2024

Гарантийное обслуживание: с января 2025 по июнь 2025 (даже при тщательном планировании и тестировании многие нюансы становятся очевидны только тогда, когда сайт начинает активно использоваться командой клиента и реальными пользователями, поэтому гарантийные доработки сайта — это естественная часть процесса)

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