Collegium Musicum. Сделали новый удобный сайт для фонда классической музыки.

Главное о кейсе

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

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

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

Как проект изменил жизнь пользователей

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

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

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

Бизнес-задача и ее решение

Перед нами стояли следующие задачи:

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

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

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

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

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

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

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

Крафт (мастерство), реализация, технические детали

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

Для шрифтов мы использовали классический и читаемый единый шрифт Manrope. Заголовки сделаны с акцентом на выразительность и контраст, а основной текст подан максимально комфортно для восприятия с точки зрения размеров для разных пользователей.

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

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

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

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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

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

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

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

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

И если каждый театр начинается с вешалки, то у теперь у фонда есть своя важная точка соприкосновения с посетителями концертов. Это новый, продуманный и современный сайт.

Скриншоты