Кейс «MusicAnt»

En

/

Ru

Связаться с нами

CROCO.

Обсудить проект

Кейс «MusicAnt»

Cмотреть кейс

Правда, больше не было ничего: ни материалов, ни макетов, ни даже набросков

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

От идеи в голове — до платформы, которая объединяет музыкантов

Начали мы, как и положено, с изучения ЦА

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

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

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

Было ли это сложнее? Да. Но тем интереснее!

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

всем, кто хоть как-то связан с музыкой. Здесь найдут для себя что-то полезное и опытные асы, и ученики музыкальных школ, и самоучки, начавшие заниматься самостоятельно по зову души

Если говорить широко, то наш проект будет полезен

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

Начали мы, как и положено, с изучения ЦА

Взгляд изнутри

Как мне провести свой концерт?

Нужна замена в оркестр на завтра — полная паника

Хочу, чтобы музыканты знали, что я делаю качественные вещи

Где найти мастера, которому можно доверить инструмент?

Ребёнок хочет на сцену, но я не знаю, с чего начать

Хочу обмениваться опытом с коллегами, а не конкурировать

Где продать или купить инструмент быстро
и безопасно?

Процесс поиска и найма музыканта в оркестр превращается в хаос и головоломку

Хотел бы участвовать в конкурсах, но не знаю, что для этого нужно

Где искать учеников, кроме сарафанки?

Не понимаю, правильно ли играю — никто не даёт обратную связь

Всё время узнаю про конкурсы, когда уже поздно

Третий день ищу ноты — всё либо платно, либо в ужасном виде

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

Хочу играть в группе, но не знаю, где искать музыкантов

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

Статистика и инсайты

72%

музыкантов ищут информацию о конкурсах, мастер-классах и вакансиях в разных источниках

68%

отмечают сложность в поиске и обмене нотами

54%

сталкиваются с нехваткой русскоязычных материалов и методических пособий

35%

считают, что не хватает площадок для продажи инструментов и поиска мастеров по их ремонту

35%

хотели бы больше записей мастер-классов в открытом доступе

41%

испытывают потребность в сервисе для профессионального общения и коллабораций

Недостаток актуальных и качественных методических и обучающих материалов

Отсутствие единой площадки для общения, поиска коллег и совместных проектов

Мало удобных сервисов для продажи/покупки б/у инструментов и поиска мастеров

Сложности с поиском нот, особенно для конкретных инструментов

Нет единой точки входа в музыкальную сферу

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

Нужна одна платформа, где есть всё: вакансии, конкурсы, мастер-классы и обучающие материалы

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

Русскоязычные ресурсы бедны на методические материалы — иногда проще найти книгу на другом языке

Очень не хватает места для общения с другими музыкантами и совместного творчества

Итог

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

На основе анализа данных и интервью мы сформировали ключевые сценарии использования продукта

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

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

Баланс паттернов взаимодействия пользователей с интерфейсами и специфики музыкальной сферы

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

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

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

SemiBold

Medium

0123456789 !@#$%*&*()
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ

Так же для проекта был выбран легкочитаемый лаконичный шрифт для быстрого восприятия текста

Слово «муравей» на английский переводится как Ant. А нам как раз хотелось связать название с музыкой и музыкантами, и в этом моменте паззл сложился. Слово «Музыкант» стало именем нашей площадки, а MusicAnt можно дословно перевести как «музыкальный муравей»

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

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

На этапе создания прототипов мы задумались: как же нам сделать собирательный образ для всего, что мы задумали? Хотелось искать вдохновения, наделять продукт смыслом и делать его понятным для пользователей. И в то же время хотелось наглядно отобразить музыку, культуру, музыкальные инструменты

Лицом нашего проекта
стал муравей: как символ великого труда и исполнения предназначения

MusicAnt

Муравей

Музыкант

+

=

Сетка

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

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

Обучение

База знаний для музыкантов

Каталог уроков, мастер-классов и подборок

Фильтры и поиск по инструменту, жанру, уровню сложности

Встроенный VK Video API для размещения уроков

Удобный интерфейс добавления материалов

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

Услуги

Рынок профессиональных предложений

Фильтры по типу услуги, инструменту и региону

Встроенный VK Video API для размещения уроков

Интерфейс для размещения услуг как музыкантами,
так и компаниями

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

Вход & Регистрация

Простая регистрация в несколько кликов. Понадобится только ваше имя, фамилия и почта

Компоненты

Расскажите о себе, выберите специализацию, укажите контакты, образование и опыт работы

Личный кабинет

Заполните визитку, благодаря которой другие пользователи смогут узнать о вас

Добавляйте фото и видео

Расскажите о себе

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

Персонализируйте свой аккаунт, чтобы система лучше понимала ваши потребности как пользователя

Заполнение профиля

Персонализация

Ознакомьтесь со списком подходящих конкурсов, сформируйте заявку и следите за ее статусом

Конкурсы

Находите конкурсы и принимайте в них участие, или организуйте собственные

Отправляйте заявки

Здесь музыканты делятся мыслями,
задают вопросы и показывают экспертность, а компании рассказывают о себе

Блог

Пространство для общения, обсуждений и обмена опытом

Добавляйте статьи

Комментируйте и обсуждайте

Читайте любимых авторов

Покупайте и продавайте музыкальные инструменты, аппаратуру и оборудование

Расстаньтесь с тем, что не нужно и приобретите то, что давно искали

Объявления

Произведения, партии, партитуры, и многое другое из нотного архива Бориса Тараканова

Ноты

Масштабная музыкальная библиотека, которая регулярно пополняется

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

Находите мероприятия и создавайте собственные, привлекая целевую аудиторию

Афиша

На основе персонализации формируется лента с интересной и актуальной для вас информацией

Лента

Это уникальная подборка контента, созданная специально для вас

Новости

Следите за развитием индустрии и актуальными известиями из мира музыки

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

С самого начала проекта было понятно: для полноценной экосистемы MusicAnt веб-версии недостаточно. Музыкантам и компаниям нужен доступ к сервису «всегда под рукой» — на репетиции, в дороге, на гастролях. Поэтому мобильное приложение стало частью стратегии с первых этапов

Text Fields

Buttons

Icons

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

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

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

Итог

Сложности, открытия и фейлы

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

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

Муравей-скрипач

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

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

Скролл-бар и возраст аудитории

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

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

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

Видео и ВК: работа на грани возможного

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

Технологический стек

Второстепенные и не менее важные работы

Грант и выход за пределы привычного

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

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

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

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

Нейминг, домены и товарный знак

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

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

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

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

Мерч: визуальная айдентика проекта

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

Пикабу: стратегия против хейта

Мы собрали лояльную аудиторию, которая узнала про проект через его ценность, а не через представление «в лоб». Бонусом нам удалось показать заказчика аудитории как высококлассного профессионала и интересную личность

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

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

И это сработало! За 8 постов мы получили:

480 000 просмотров,
666 активных комментариев,
и ни разу не столкнулись с откровенным хейтом

Соцсети: лицо проекта

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

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

Что есть сейчас и что будет дальше?

Следующий этап — стремительный рост

Мы расширяем платформу ещё на 8 разделов — от конкурсов и афиши до новостей и блога. В работе мобильные приложения для iOS и Android, а также готовятся новый функционал: рекомендации, геймификация, интеграции сторонних сервисов. А далее мы планируем выход за пределы России и работу с международной аудиторией.

Мы сделали первый шаг

https://musicant.today

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

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

Что в итоге?