Кейс WeavyAudio, часть 2: исполнители, альбомы и треки в новом дизайне

Часть 1 этого кейса показала, как посетители просматривают каталог и ищут в нём. Часть 2 уходит на уровень глубже, к строительным блокам каталога: исполнителям, альбомам и отдельным трекам. WeavyAudio предлагает фоновую музыку для заведений: кафе, магазинов, ресторанов и спортзалов. Наша команда Breeze Professional IT Services разработала сайт, создала его, размещает и поддерживает. Эта часть рассчитана на владельцев заведений, которые хотят увидеть, что внутри каталога, и на компании, планирующие индивидуальную веб-платформу.

С 11 по 13 октября 2026 года сайт получил новый облик, новый стартовый экран и новые страницы каталога. Все скриншоты ниже показывают новый дизайн. Они сняты в бесплатной гостевой сессии, поэтому вверху виден значок FREE, а внизу справа — надпись «6 skips left». Мы разбираем стену исполнителей, страницу исполнителя, список альбомов, страницу альбома, список треков, страницу трека, чарты и раздел «Для вас».

Стена исполнителей: каждый круглый портрет — один артист

Страница Artists открывается стеной круглых портретов. Один крупный портрет стоит впереди под подписью «Исполнитель в центре внимания» с кнопкой воспроизведения и кнопкой «далее». Здесь показан Vantage Pulse, исполнитель в жанре Trance с 2 треками. Заголовок гласит «2,084 artists · 15,528 tracks», вся музыка оригинальная и лицензирована для коммерческого воспроизведения.

Новое боковое меню находится слева. В его группе Catalog перечислены All tracks, Albums, Artists, Playlists, Moods, Charts, Fresh releases и Made for you. Текущая страница отмечена янтарным значком, и меню одинаково на каждой странице этой части.

Под стеной исполнители перечислены начиная с тех, у кого больше всего треков: «Showing 1–120 of 2,084». Список начинается со Stara Zmiana, DJ Zonke, Luka, Young Ferris и DJ Mavuso & Lethu. Совет: выбирайте исполнителя с длинным списком треков. Один артист с сотнями песен способен занять целый вечер в одном стиле.

Страница исполнителя: звучание, голос и популярные песни

Страницы исполнителей дают каждому артисту свой дом. На странице DJ Zonke слева находится круглый портрет. Справа — слово «Artist», имя крупными буквами и короткий текст о звучании: тёплые клавиши, низкий грув и наполняющая зал глубина.

Строка ниже показывает «355 songs» и «702 recordings», затем основной стиль, Amapiano, и четыре слова о ощущении: hypnotic, primal, spacious, grounded. Другая строка описывает голос, затем английский язык, «Original» и «лицензировано для заведений». Песни и записи считаются отдельно. У песни может быть несколько версий, и страница трека их перечисляет.

Блок «Популярные песни DJ Zonke» состоит из трёх столбцов названий, у каждого есть жанр, число BPM и метка «lyrics». Ниже расположены теги настроений (House, Mellow, Upbeat, Dreamy) и список всех треков, в каждом из которых есть ссылка «Open track page». Совет: если гостю понравилась одна песня, посмотрите на BPM рядом с каждым названием, чтобы найти песни с похожим темпом.

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

Страница Albums открывается избранным релизом: Nine Steps Home от Young Marlow, 11 треков, Trap. Обложка стоит перед чёрной пластинкой, а янтарная кнопка «Open album» ведёт на страницу альбома. Страница объясняет, что альбом — это многотрековый релиз одного фирменного исполнителя с единым звучанием, голосом и миром обложек. Небольшая строка показывает «42 альбома · лицензированы для воспроизведения в заведениях».

Под заголовком «All albums» с сортировкой «Newest first» альбомы выводятся крупными плитками обложек с названием, исполнителем, числом треков и жанром. В тексте страницы у каждого альбома 11 треков. Жанры идут от Trap и Synthwave до Techno, Afro House, Afrobeats, House, Pop и Indie.

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

Страница альбома: обложка, список треков и заметки к изданию

У каждого альбома есть своя страница. Страница Concrete Pulse Ignition от Dorian Juno имеет фон в цветах обложки, здесь это розово-красная заливка. Из-за обложки выдвигается чёрная пластинка. Рядом находятся подпись «Album · 2026», название, маленькое круглое фото и имя исполнителя и строка «11 tracks · 38 min · Pop».

За коротким описанием идут три кнопки: янтарная «Play album», «Save» с сердечком и круглая кнопка «поделиться». Ниже расположены нумерованный список треков с BPM и длительностью, текст «Об этом альбоме», называющий места, где альбом уместен (спортзалы, торговые залы, лобби отелей, кафе), и «Liner notes» с годом, исполнителем, жанром, настроением, диапазоном темпа (133–139 BPM) и лицензией: «Для воспроизведения в заведениях».

Внизу строка приглашает проиграть альбом в вашем заведении, с 14-дневным бесплатным периодом и без карты. В подвале сказано, что это оригинальная музыка, принадлежащая WeavyAudio, поэтому «никаких отчислений сторонним PRO» не применяются. Живая музыка, DJ-сеты и ТВ со звуком по-прежнему могут требовать отдельных лицензий.

Все треки: весь каталог в одном сортируемом списке

Страница All tracks показывает полный каталог одним списком. Сверху та же идея стены, что и на странице исполнителей, но из обложек: крупная обложка, подпись «Трек в центре внимания» и кнопка воспроизведения. Заголовок гласит «15,528 tracks · 48 genres», и каждый трек оригинальный и лицензирован для коммерческого воспроизведения.

В панели управления четыре кнопки сортировки: Newest (выбрана, с янтарной точкой), Oldest, Title A–Z и Artist A–Z. Рядом находятся кнопки «Play page» и «Shuffle» и счётчик: «Showing 1–60 of 15,528». В таблице есть столбцы названия, жанра, настроения, BPM, времени и даты добавления. Каждая строка заканчивается значками «нравится», «поделиться», «ещё» и «скачать».

Это вид для менеджера, который хочет видеть всё. В первых строках столбца Added стоит «Today», так что Newest показывает то, что поступило последним. Список разбит на страницы по 60 треков, а маленькие обложки — миниатюры WebP, которые загружаются легко.

Страница трека: большая обложка и текст, следующий за звуком

У каждой песни есть своя публичная страница. На странице Sundial Motion от Aurora увеличенная обложка занимает весь фон. Впереди находится карточка обложки с маленьким значком «3D» и чёрная пластинка. Справа — подпись «Track», название и одна строка фактов: Aurora, House, Upbeat, английский, 3:44, 122 BPM, соль минор. Исполнитель, жанр и настроение — ссылки. Зелёная точка отмечает «Лицензировано для заведений».

Ниже на странице идут «хлебные крошки» (Home, House music, Aurora, Sundial Motion) и синхронный текст с пометкой «follows audio», переключателем «On» и кнопкой «Karaoke». Текст разбит на Intro, Verse, Chorus и Bridge. Затем следуют хэштеги, дата добавления, текст About, другие версии песни и другие песни Aurora.

Страница трека даёт слушателю текст, тональность и темп в одном месте. Поисковые системы получают страницу с понятным текстом и множеством ссылок. У сайта есть английская и польская версии, связанные тегами hreflang; переключатель EN | PL находится в верхней панели. Совет: используйте BPM и тональность, чтобы выбрать песню, которая подойдёт после той, что играет сейчас.

Чарты: музыкальный автомат с недельным Hot 20

Страница Charts построена вокруг музыкального автомата. Подпись гласит «Чарт WeavyAudio · неделя по 13 октября 2026», а текст сообщает, что это двадцать самых проигрываемых на WeavyAudio треков недели, подсчитанных по всем воспроизведениям в заведениях и в вебе. В автомате на проигрывателе лежит пластинка, а небольшая панель перечисляет места с 1 по 10 со стрелками вверх и вниз.

Справа список называется «Hot 20», с янтарной кнопкой «Включить чарт» и кнопкой «Обратный отсчёт с 20». Затем идут три цифры: «2,997 прослушиваний за неделю», «467 tracks played» и «9 новых в чарте». Первое место занимает Chmury от Milo & Tess с пометкой «First week at No. 1» и «144 plays · LW 2 · Peak 1» (LW означает прошлую неделю).

Примечание внизу объясняет подсчёт: каждое воспроизведение за последние семь дней против предыдущих семи. У детской музыки своя полка, и в этот чарт она не входит. Эти музыкальные чарты показывают заведению, что слушатели играют чаще всего. Совет: нажмите «Включить чарт» в тихий час и посмотрите, на какие песни реагируют ваши гости.

Подобрано для вас: стартовые кассеты на кассетной деке

Страница Made for you (Для вас) показывает стереокассетную деку с кассетой, счётчиком ленты, индикаторами уровня и кнопками Rew, Play, F.Fwd и Stop. Подпись гласит «Starter tapes · 6». Текст называет их стартовыми кассетами для моментов дня заведения. Если вы войдёте в аккаунт и неделю будете включать музыку, они превратятся в сборники, составленные из того, что вы слушаете. Рядом с заголовком находится кнопка «Войти».

На скриншоте в деке лежит «Morning coffee»: спокойная, мягкая и мечтательная подборка, с открытыми Lo-Fi, Asian Jazz Lounge и Jazz для утра. Дисплей показывает «Tape 1 of 6» и «22 songs · 1 h 10 min». В стойке под декой лежат остальные кассеты: Lunch service, Dinner, After hours, Focus и Happy hour.

Страница сообщает, что сегодня стартовая кассета одинакова для каждого заведения. Совет: выберите кассету, которая подходит ко времени суток, Morning coffee при открытии и Dinner вечером, и нажмите воспроизведение. Это быстрый старт для менеджера, у которого нет времени собирать плейлист.

Часть 3 переходит от каталога к ежедневному использованию в заведении: плейлисты, расписание, страницы для каждого типа бизнеса, библиотека, микшер, игры и индивидуальные заказы. Часть 5 ставит старый и новый дизайн рядом. Если вы пропустили часть 1, начните с неё, чтобы узнать о каталоге и поиске.

Планируете индивидуальную веб-платформу с большим каталогом, публичной страницей для каждого элемента или музыкальный портал? Breeze Professional IT Services может спроектировать, создать, разместить и поддерживать её. Свяжитесь с нами, чтобы обсудить ваш проект.

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