本案例研究的第 1 部分展示了访客如何浏览和搜索目录。第 2 部分更深入一层，讲目录的基本构件：艺术家、专辑和单曲。WeavyAudio 提供场所背景音乐，面向咖啡馆、商店、餐厅和健身房等场所。我们 Breeze Professional IT Services 团队设计了这个网站，开发了它，并负责托管和维护。这一部分写给想看看目录里有什么的场所老板，也写给计划搭建定制网络平台的企业。

2026 年 10 月 11 日至 13 日，网站换上了新外观，有了新的启动屏和新的目录页面。下面所有截图展示的都是新设计。截图来自免费的访客会话，所以您会在顶部看到 FREE 徽章，在右下角看到“6 skips left”的提示。我们依次介绍艺术家墙、艺术家页面、专辑列表、专辑页面、曲目列表、曲目页面、排行榜和 Made for you。

艺术家墙：每个圆形肖像代表一位艺人

Artists 页面以一面圆形肖像墙开场。一幅大肖像位于最前，标签为“Artist in the spotlight”，带有播放按钮和下一位按钮。这里显示的是 Vantage Pulse，一位有 2 首曲目的 Trance 艺人。标题写着“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 开头。建议：挑一位曲目列表很长的艺人。一位拥有数百首歌的艺术家，就能用同一种风格撑起整个晚上。

Artists 页面：圆形肖像墙、聚光灯下的艺术家，以及列表中 2,084 位艺术家的前几位

艺术家页面：音色、嗓音与热门歌曲

艺术家页面为每位艺人提供一个“家”。DJ Zonke 的页面左边是一幅圆形肖像。右边是“Artist”一词、大字号的名字，以及一段关于音色的简短文字：温暖的键盘、低沉的律动和充满房间的纵深感。

下一行显示“355 songs”和“702 recordings”，然后是主要风格 Amapiano，以及四个感觉词：hypnotic、primal、spacious、grounded。另一行描述嗓音，然后是 English、“Original”和“licensed for venues”。歌曲与录音分开统计。一首歌可以有不止一个版本，曲目页面会列出它们。

“Popular songs by DJ Zonke”板块有三列标题，每个标题带有流派、BPM 数字和“lyrics”标记。再往下是情绪标签（House、Mellow、Upbeat、Dreamy）和全部曲目的列表，每首都有“Open track page”链接。建议：当客人喜欢某首歌时，看看每个标题旁边的 BPM，就能找到速度相近的歌曲。

DJ Zonke 艺术家页面：音色描述、355 首歌曲和 702 条录音，以及三列热门歌曲

完整专辑：一位艺术家、一种声音、一个封面世界

Albums 页面以一张主推发行开场：Young Marlow 的 Nine Steps Home，11 首曲目，Trap。封面立在一张黑胶唱片前，琥珀色的“Open album”按钮通向专辑页面。页面把专辑解释为由一位标志性艺术家发行的多曲目作品，声音、嗓音和封面世界保持一致。一行小字写着“42 albums · licensed for venue play”。

在按“Newest first”排序的“All albums”下，专辑以大封面方块的形式出现，带有标题、艺术家、曲目数量和流派。页面文字中，每张专辑都是 11 首曲目。流派涵盖 Trap、Synthwave、Techno、Afro House、Afrobeats、House、Pop 和 Indie。

对场所来说，专辑是一段轻松的长时间音乐：同一位艺术家、同一种嗓音、同一种情绪。咖啡馆可以在缓慢的早晨放一张专辑，让它一直播下去。艺术家页面、专辑页面和曲目页面彼此相连，访客无需搜索就能在它们之间切换。

完整专辑页面：主推专辑 Young Marlow 的 Nine Steps Home 和 Open album 按钮

专辑页面：封面、曲目列表与内页说明

每张专辑都有自己的页面。Dorian Juno 的 Concrete Pulse Ignition 的页面，背景采用封面的颜色，这里是粉红与红色的渐染。一张黑胶唱片从封面后面滑出。旁边是标签“Album · 2026”、标题、艺术家的小圆形照片和名字，以及一行“11 tracks · 38 min · Pop”。

简短的描述之后是三个按钮：琥珀色的“Play album”、带心形的“Save”，以及一个圆形分享按钮。再往下是带 BPM 和时长的编号曲目列表，一段说明它适合哪些地方的“About this album”文字（健身房、零售门店、酒店大堂、咖啡馆），以及“Liner notes”，包含年份、艺术家、流派、情绪、速度范围（133–139 BPM）和许可：“For venue play”。

底部有一行邀请您在自己的场所播放这张专辑，附有 14 天免费试用，无需信用卡。页脚说明这些音乐是 WeavyAudio 拥有的原创音乐，所以适用“no third-party PRO royalties”。现场音乐、DJ 演出和带声音的电视仍可能需要单独的许可。

Concrete Pulse Ignition 专辑页面：封面和唱片、11 首曲目、38 分钟、Play album、Save 和分享按钮

全部曲目：可排序列表中的整个目录

All tracks 把完整目录放在一个列表里。顶部沿用了 Artists 页面的墙的思路，只是现在由封面构成，有一张大封面、标签“Track in the spotlight”和一个播放按钮。标题是“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 缩略图，加载很轻。

All tracks 页面：15,528 首曲目、排序按钮、Play page 和 Shuffle 按钮，以及曲目表格的开头

曲目页面：大封面与跟随音频的歌词

每首歌都有自己的公开页面。Aurora 的 Sundial Motion 的页面把放大的封面作为整个背景。前面是带有小“3D”徽章的封面卡片和一张黑胶唱片。右边是标签“Track”、标题和一行信息：Aurora、House、Upbeat、English、3:44、122 BPM、G minor。艺术家、流派和情绪都是链接。一个绿点标出“Licensed for venues”。

页面下方是面包屑导航（Home、House music、Aurora、Sundial Motion），以及标有“follows audio”的同步歌词，带一个“On”开关和一个“Karaoke”按钮。歌词分为 Intro、Verse、Chorus 和 Bridge。再往下是话题标签、添加日期、About 文字、这首歌的其他版本，以及 Aurora 的更多歌曲。

曲目页面让听众在一处看到歌词、调式和速度。搜索引擎则得到一个文字清晰、链接众多的页面。网站有英文和波兰文两个版本，通过 hreflang 标签相互关联；EN | PL 切换在顶部栏。建议：用 BPM 和调式来挑选一首能接在当前播放歌曲之后的歌。

Sundial Motion 曲目页面：放大的封面背景、带 3D 徽章的封面卡片，以及流派、情绪、BPM 和调式

排行榜：带每周 Hot 20 的自动点唱机

Charts 页面围绕一台自动点唱机构建。标签写着“The WeavyAudio Chart · week to 13 Oct 2026”，文字说明这是本周在 WeavyAudio 上播放次数最多的二十首曲目，统计的是场所和网页上的每一次播放。点唱机里，一张唱片放在转盘上，一块小面板列出第 1 到第 10 名，并用箭头表示上升或下降。

右边的列表叫“The Hot 20”，有琥珀色的“Play the chart”按钮和“Count down from 20”按钮。接着是三个数字：“2,997 plays this week”、“467 tracks played”和“9 new on the chart”。第一名是 Milo & Tess 的 Chmury，标记为“First week at No. 1”，附有“144 plays · LW 2 · Peak 1”（LW 指上周）。

底部的一条说明解释了统计方式：最近七天的每一次播放，与之前的七天相比。儿童音乐有自己的专区，不进入这个榜单。这些音乐排行榜让场所了解听众最常播放什么。建议：在安静的时段按下“Play the chart”，观察客人对哪些歌有反应。

Charts 页面：自动点唱机图片、The Hot 20 列表、Play the chart 按钮和每周数据

Made for you：卡带机上的入门磁带

Made for you 页面展示一台立体声卡带机，上面有一盘磁带、计数器、电平表，以及 Rew、Play、F.Fwd 和 Stop 按钮。标签写着“Starter tapes · 6”。文字称它们是为场所一天中各个时刻准备的入门磁带。如果您登录并播放一周，它们就会变成根据您播放内容制作的混音带。标题旁边有一个“Sign in”按钮。

截图中，卡带机里放着“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，然后按下播放。对没有时间制作播放列表的经理来说，这是一个快速的开始。

Made for you 页面：立体声卡带机中放着 Morning coffee 入门磁带，以及摆放其他磁带的架子

第 3 部分从目录转到场所的日常使用：播放列表、日程、针对各类业务的页面、资料库、调音台、游戏和定制订单。第 5 部分把旧设计和新设计并排展示。如果您错过了第 1 部分，请从那里开始了解目录和搜索。

您计划搭建带大型曲库、为每个条目设置公开页面的定制网络平台，或是音乐门户吗？Breeze Professional IT Services 可以为您设计、开发、托管和维护。欢迎联系我们，聊聊您的项目。

这个项目由我们的团队设计、开发并托管。请参阅概览文章 我们的最新项目：WeavyAudio、WeavyAudio 项目页面和我们的其他项目，或者就您自己的平台联系我们。