Москва, 24 года
Дмитрий Чаплыгин
Развитие многостраничного сайта музыкального маркетингового агентства
Контекст
UpSound — музыкальное маркетинговое агентство, которое занимается продвижением артистов, выпуском релизов, PR-сопровождением, созданием контента и образовательными продуктами для музыкантов
У них уже был сайт и им требовался человек, который будет регулярно обновлять его по запросу, дизайнить и верстать новые страницы и выполнять прочие задачи
Я начал сотрудничать с ними в июне 2024 года и работаем до сих пор. В этом кейсе покажу несколько страниц, которые полностью сделаны мной и расскажу о других задачах
Пользовательская
Быстро разобраться в услугах агентства, познакомиться с кейсами и выбрать подходящий формат сотрудничества
Бизнес
Подробно рассказать о каждом направлении работы, объяснить ценность услуг и ответить на основные вопросы потенциальных клиентов еще до первого обращения
Задачи
О проекте
У UpSound нет строгой дизайн-системы. Каждая страница сделана в своем стиле и это фишка проекта. Едиными должны быть шрифт, темный фон и акцентный красный. В остальном был запрос, чтобы страницы визуально отличались друг от друга. Поэтому каждый раз я искал решения, которые сохраняли узнаваемый стиль бренда и не использовались ранее на проекте
Что было сделано
За время сотрудничества я разработал несколько новых страниц и регулярно участвовал в развитии сайта. В этом кейсе покажу несколько крупных задач и примеры небольших доработок, которые появлялись по мере развития проекта
Периодически у агентства появляются новые услуги. Для каждой из них делали отдельные страницы с собственным стилем
Страница «Рилсмейкер»
Страница «Рилсмейкер» — это лендинг услуги по созданию рилсов для артистов
Основная цель страницы — показать, что за производством контента стоит полноценная команда специалистов. Услуга включает множество этапов и стоит соответствующих денег, поэтому структуру продумана так, чтобы сначала объяснить что входит в услугу, показать крутые рилсы, которые были сделаны ранее в рамках комплексного продвижения и дорогостоющее оборудование, на которое производится съемка. И уже после этого показывать блок со стоимостью, когда человек уже знает, за что он будет платить
Страница «Продюсирование треков»
Следующей разработаной страницей была услуга «Продюсирование треков»
Главной задачей было показать опыт агентства и вызвать доверие к услуге. Поэтому на странице сделал акцент на артистах, с которыми уже работала команда UpSound, среди которых есть и известные исполнители
Здесь также перед блоком с ценами решили показать студию и оборудование, с которым работает команда. Так пользователю проще понять, что входит в услугу и почему она стоит именно столько
Страница «A&R»
Кроме услуг, были и другие страницы. Например cтраница для клиентов «A&R»
Она задумывалась как место, где собраны самые важные кейсы, достижения и результаты работы команды. До этого вся информация была разрознена: часть материалов находилась на сайте, часть — на сторонних площадках, поэтому менеджерам приходилось скидывать клиентам кучу ссылок на разные ресурсы
После запуска страницы всё необходимое оказалось собрано в одном месте. Теперь менеджеры могут отправить потенциальному клиенту одну ссылку, чтобы познакомить его с опытом UpSound, реализованными проектами и достижениями команды
Развитие сайта
Помимо крупных задач, на протяжении всего сотрудничества я регулярно занимался развитием сайта. Появлялись самые разные запросы
Верстал статьи, настраивал базовое SEO, работал со сторонним кодом для решения разных задач — от настройки видео до интеграции виджетов музыкальных сервисов. Также разрабатывал новые блоки под актуальные задачи бизнеса
Одной из первых задач было оформление кейсов агентства. На тот момент они уже существовали, но на сайте практически не были представлены. Нужно было продумать, как встроить их в структуру сайта так, чтобы они органично вписались в разные страницы и помогали посетителям знакомиться с опытом агентства
Ниже — примеры оформления на разных страницах
Для того, чтобы не уводить пользователя с текущей страницы и сохранить основной сценарий просмотра, кейсы открываются в попапах. Но на некоторых больших страницах кейсы получались слишком объемными и дополнительно нагружали сайт, поэтому для них сделал отдельные страницы
Еще одной задачей было обновление первого экрана главной страницы. Вместо видеопрезентации решили сделать слайдер, который знакомит пользователя с основными направлениями работы агентства
В него вошли самые популярные услуги, книга основателя UpSound, AI-бот в телеграм и общий призыв оставить заявку
Был выбор реализации на стандартных тильдовских блоках (для простоты масштабирования), либо сделать кастомный дизайн, который надо будет обновлять вручную. Выбрал второй вариант, так как редактировать слайдер планировалось редко и стандартные решения тильды выглядят простовато
Для AI-бота также надо было сделать баннеры, которые разместили на ключевых страницах сайта. Дизайн слайда ориентирован на главную, поэтому для баннера я подготовил универсальный вариант — он подойдёт для любой страницы
Итог
За время сотрудничества сайт постепенно развивался вместе с агентством. Появлялись новые услуги, кейсы, разделы и небольшие улучшения, которые помогали поддерживать сайт актуальным и решать новые задачи бизнеса по мере их появления
Посмотреть сайт UpSound можно по
Ниже — основные макеты проекта
Другие кейсы
