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

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

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

После необходимых доработок мы выкатили неавторизованную мобильную зону на 100% аудитории в конце апреля. Последним этапом оставался запуск авторизованной мобильной зоны. Чтобы быстрее отказаться от легаси, которое требовало значительных ресурсов на поддержку, мы решили запускаться поэтапно и временно отказаться от части сценариев — например, создания плейлистов и макси-плеера. Это решение пошло нам на пользу: оно позволило спокойно отладить и стабилизировать остальные разделы и возможности проекта, чтобы пользователи уже могли полноценно ими пользоваться. А недостающие сценарии — доработать позже, уже в более спокойном режиме.

И вот, 13 мая мы вышли на 100% в прод!

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

• вместо трёх отдельных проектов у нас теперь единая платформа с общим релизным циклом
• отказались от легаси-проектов и освободили ресурсы разработки и тестирования
• адаптивный веб стал фундаментом для развития PWA-направления как на десктопе, так и на мобильных устройствах
• в перспективе это позволит нам развивать качественную веб-альтернативу мобильному приложению на iOS, пока приложение находится вне App Store

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

До недавнего времени у нас существовала отдельная страница профиля для просмотра и редактирования информации о себе — аватара, имени и описания. Параллельно была отдельная страница настроек со статусом подписки на Звук, блоком ЕЛК (информация от СберID о статусе подписки Прайм и бонусах Спасибо), настройками качества, детского раздела и точкой входа в раздел миграции.

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

Вот как это выглядело раньше:

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

И последняя крупная история в этой статье — новая миграция. Для тех, кто не знает: миграция — одна из ключевых функций Звука для новых пользователей. Она позволяет перенести свою медиатеку из других музыкальных сервисов, таких как Яндекс Музыка, VK Музыка, Spotify, YouTube Music и Apple Music, а также импортировать треки вручную — файлом или текстом.

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

Вот, как выглядела миграция в старом вебе:

Вопрос с редизайном и рефакторингом назревал уже давно, поэтому в этом квартале мы решили объединить эти направления и выпустить «Миграцию 2.0». Вот как теперь выглядит миграция на десктопе:

А вот так — на мобильных устройствах:

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

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

Также ФРК дополнилась новым героем и расширила присутствие в городских и транспортных локациях. В сезон поездок и прогулок Звук сопровождает пользователей в электричках и МЦД, метро и автобусах, на вокзалах, а также на радио и в digital. Кампания включает 12 крупнейших городов России и за три месяца обеспечит более 4 млрд показов, охватив более 80% целевой аудитории!

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

Что мы сделали?

• Разработали опрос из 7 тематических блоков
• Собрали ответы среди аудитории Звук Студио (соцсети, чат комьюнити) и партнёров (лейблы, их менеджеры и артисты)
• Проанализировали данные и выделили ключевые инсайты
• Подготовили контент в формате карточек для соцсетей и вышли в СМИ

Зачем это нам?

• Чтобы подсветить актуальную тему использования ИИ в индустрии
• Усилить экспертную роль Звук Студио и Звука
• Получить инсайты для дальнейших продуктов, контента и спецпроектов
• Подсветить инфоповод для публикаций в соцсетях и СМИ

Какие результаты дало?

• Собрали 1000+ респондентов
• Получили структурированные данные по использованию ИИ в индустрии
• Вышли в tier-1 медиа (с охватом 5М): таких как: ТАСС, Ведомости, Газета.ру, Rambler

Кстати! Дополнительно исследование отметила Яндекс Музыка в своем индустриальном канале для артистов

Отдельное спасибо:
Тасе Левакиной и Насте Гутор — за инициативу и реализацию исследования!

Две недели назад зарелизили для вас новый инструмент — полноценную штатную оргстуктуру Звука на базе админки Pult!

Команды HR, 1C и IT вместе работали над тем, чтобы создать для Звука удобный автоматизированный инструмент, где вся команда видна буквально в несколько кликов. И этот пульт точно не потеряется. В нем в режиме реального времени без ручных обновлений отражаются все кадровые изменения из 1С — новые выходы, вакансии, переводы и промоушены. Именно за счет интеграции в нашу главную кадровую систему Pult становится удобным и всегда актуальным способом узнать Звук получше, найти контакты коллеги, посмотреть структуры команд :)

Жмите на пульт, сохраняйте ссылку в закладки и не забывайте актуализировать свой профиль! ;)