Сайт для музыкального коллектива Ideя Fix

Перед агентством Blast Bit была поставлена задача: создать сайт для музыкального коллектива Ideя Fix, который уже более 15 лет известен на российской сцене. Группа, основанная в 2007 году в Самаре, заявила о себе на множестве фестивалей, и сформировала преданную аудиторию. Коллектив не ограничивается одним музыкальным стилем, а смешивает в творчестве элементы разных жанров.

Задачи от заказчика:

1. Через дизайн и структуру сайта передать уникальный дух коллектива: его свободу, драйв и готовность к музыкальным экспериментам.

2. Органично совместить информативность (афиши, дискография, видео) с визуалом, отражающим музыкальную эстетику Ideя Fix.

3. Провести интеграцию с внешним сервисом покупки билетов.

4. Сделать разделы со ссылками на аудио- и видеоматриалы, размещенные на профильных площадках.

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

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

Бюджет проекта: 380 000 руб.

Срок реализации: 3,5 месяца

Команда проекта:

1) Дизайнер

2) Веб-разработчик

3) Менеджер проекта

Выполненные работы

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

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

При наведении курсора на черно-белую обложку она становится цветной — это создаёт эффект «оживления» изображений и привлекает внимание к дискографии.

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

Для реализации потребовалось:

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

- сделать обработку, убрав фон — поскольку это требовалось для исполнения задумки дизайнера;

- при верстке применили эффект смены фона в карточке товара при наведении курсора.

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

Отдельной страницей на сайте представлен раздел со ссылкой на видео группы.

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

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

Результат:

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

2. Сайт наполнен актуальной информацией, которую легко дополнять — например, вносить сведения о новых концертах.

3. Дизайн соответствует визуальному стилю группы, и ассоциируется с ее музыкальным направлением.

4. Произведены интеграции, способствующие повышению продаж — заказ билетов, продажа мерча.

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

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

7. Проработана адаптивная версия, поэтому сайт одинаково удобно открывать как на компьютере, так и на смартфоне.

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