本文へスキップ
HELLO!
HIGASHIYUKI®.COM
0   /   100

音楽レーベル「WVVD™︎ RECORDS」のブランディングと Web サイトを制作しました。

WVVD™︎ RECORDS のサイトを、暗い部屋のデスクトップのモニター(トップページ・ダークモード)とノートパソコン(リリースの一覧のページ)に表示した様子
Start Reading

名前を決め直すところから、ロゴ、ジャケット、Web サイトまで。自分のレーベルのブランドを作り直した記録です。

「WVVD™︎ RECORDS」は、私が立ち上げたインディペンデント・ミュージックレーベルです。名前を決め直したところから、キャッチコピー、ロゴ、ジャケットの型、Web サイト、新譜を告知する動画まで、何を考えて決めていったかを順に書きます。完成した形は、ポートフォリオのページにまとめています。

WVVD™︎ RECORDS の新譜の一覧・トップページ・アーティストの紹介・作品の情報の画面を、黒い背景の上に浮かべて重ねた様子
WVVD™︎ RECORDS の新譜の紹介・トップページ(ダークモード)・レーベル名の由来の画面を、黒に近いグレーの背景の上に横に並べた様子
WVVD™︎ RECORDS の作品のページ(BD316)・作品の情報・アーティストの一覧の画面を、深い赤の背景の上に重ねた様子
WVVD™︎ RECORDS のアーティストの紹介・アパレル・問い合わせ・ジャンルの一覧の画面を、黒い背景の上に斜めに並べた様子
WVVD™︎ RECORDS のレーベルの考え方(VISION・VIVID・DISTRIBUTION)を説明するページの画面を、黒に近いグレーの背景の上に重ねた様子
WVVD™︎ RECORDS の作品の一覧・作品のページ・ジャンル・問い合わせのフォーム・アパレルの画面を、深い赤の背景の上に並べた様子

公開の直前に、レーベルの名前を変えました。

レーベルは、もともと別の名前で準備を進めていました。ドメインを取り、ロゴもでき、あとは公開するだけという段階で、その略語が英語では別の強い意味を持つ言葉と重なると分かりました。ロゴや呼び方の工夫では誤解は避けられないと考え、名前ごと決め直しました。

新しい名前の条件は、3〜4 文字の英字であること、大企業や政治・医療などの言葉と検索で競り合わないこと、世界のどこでも発音しやすく、前向きに響くこと。どこかで見たような造語は避けたかったので、候補を出しては比べる作業を何度も繰り返しました。一度は「VYNE」がいちばん有力になり、「WAAD」とも並べたうえで、最後に WVVD™︎ に決めています。読み方も「ウィード」と迷った末に、[ wíː-vɪd ](ウィーヴィッド)にしました。

WVVD™︎ RECORDS のサイトで、名前の読み方「wíː-vɪd」と、WAVE・VISION・VIVID・DISTRIBUTION の 4 つの言葉を説明している画面

キャッチコピーは、冠詞ひとつまで比べて決めました。

キャッチコピーも、たくさんの案から絞り込みました。「BEYOND THE ECHOES.」に決めるまでには、冠詞を重ねた「THE BEYOND THE ECHOES.」や、語形を変えた「BEYOND THE ECHOED.」も並べて、英語として成り立つか、言いたいことが伝わるかを一つずつ確かめています。「THE ECHOES ARE COMING.」のように、私的になりすぎる案は外しました。

先に英語でレーベルの紹介文を書き、それを日本語に落としていく順番で進めたことも、言葉のトーンを決めるうえで役立ちました。今、サイトや投稿で英語と日本語を並べて書いているのは、この進め方の名残です。

WVVD™︎ RECORDS のサイトで、キャッチコピー「BEYOND THE ECHOES.」を大きく掲げた画面

ロゴは、この先レーベルが増えても使える形にしました。

ロゴで考えたのは、この先ブランドが増えても使い続けられることです。配信サービスの MVVD™︎ by WVVD™︎ に加え、ジャンルごとのレーベルとして WVVD™︎TRAX、WVVD™︎BEATZ、WVVD™︎Contemporary を立ち上げる構想もあります。どのロゴにも同じ斜めの面の組み方を使っておけば、名前が増えても、同じところから生まれたブランドだとひと目で分かります。

名刺の裏には、これらのロゴを並べて刷りました。手渡したときに、レーベルとサービスのつながりが、説明しなくても伝わります。

明るい背景用と暗い背景用の WVVD™︎ のロゴ
赤い背景用の WVVD™︎RECORDS のロゴと、赤い背景に置いたシンボルマーク
WVVD™︎ のファビコンと、赤・黒・温かみのある白の 3 色
見出しの書体 Big Shoulders Display と本文の書体 Poppins、9 作品のジャケットを並べた様子

ジャケットは、1 つの型で作れるようにしました。

リリースのたびにジャケットを一からデザインしていたら、作品が増えるほど手が回らなくなります。そこで、ロゴの面を使った型を 1 つ決め、作品ごとに色と文字を差し替えるだけで仕上がるようにしました。テンプレートは Illustrator のファイル 1 つ。色を選び、曲名とカタログ番号を書き換えれば完成です。

カタログ番号の決まり(WVVDR+年月日+連番)も、このときに決めました。番号を見れば発売日が分かるので、作品の管理にもそのまま使えます。

Sync Sweep の「Acid Jack」「Grand Blue」「Diluculo」のジャケット
Sync Sweep の「Over and Over」「RA-I-JI-N 2007 Archives」と、Mad Kitten の「New Days Dawn」のジャケット
Mad Kitten の「Kitten In Wonderland」と、Yoichi Kase の「BD316」「Trident」のジャケット

告知のリール動画も、同じ考え方で型にしました。ジャケットと音源を用意すれば、差し色を決め、スペクトラムを描き、サビの位置を探して書き出すまでが、決まった手順で進みます。1 本ごとに悩むことはありません。Instagram と Threads の投稿文も同じ流れで用意します。

Sync Sweep「Grand Blue (2026 Remastered)」 ― Melodic House
Mad Kitten「New Days Dawn (2026 Remastered)」 ― Minimal
Sync Sweep「Acid Jack (2026 Remastered)」 ― House
Sync Sweep「Diluculo (2026 Remastered)」 ― Deep House

キャッチコピーから、アパレルの言葉も生まれました。

「BEYOND THE ECHOES.」が決まると、同じ言葉の流れから「WEAR THE ECHOES.」が生まれました。アパレルはいま準備中で、ロゴとコピーをのせたパーカーや T シャツを、モックアップで色や配置を変えながら試しています。

胸に WVVD™︎ のロゴとキャッチコピーを入れた黄色のパーカー
WVVD™︎RECORDS のロゴを大きく入れた紺の T シャツ
胸に WVVD™︎ のロゴを入れた白いパーカー
WVVD™︎RECORDS のロゴを大きく入れた紫のスウェット
胸に WVVD™︎RECORDS のロゴを入れた水色の T シャツ
胸に WVVD™︎ のロゴとキャッチコピーを入れた紺の T シャツ
胸に WVVD™︎RECORDS のロゴを入れた黄色の T シャツ

ページを移っても、音楽が止まらないサイトにしました。

レーベルのサイトでいちばん大事なのは、音を聴いてもらうことです。ページを移っても再生が途切れないミニプレイヤーを自作し、Web Audio API で音に反応する波形を描いています。配信ストア(Beatport・Traxsource・Apple Music・Spotify)へもワンタップで移れます。

リリースの一覧で再生した曲が、アーティストのページへ移っても、ライトに切り替えても、そのまま流れ続けます。

予約したリリースは、発売日まで「Coming Soon」で表示します。

リリースは専用の投稿として管理し、アーティスト・ジャンル・リリース形態(Album/EP/Single)・年で絞り込めるようにしました。発売日を予約して投稿すると、その日まで「Coming Soon」として表示され、検索エンジン向けのサイトマップにも先に載ります。

WVVD™︎ RECORDS のトップページ・新譜の紹介・リリースの一覧をスマホで表示した様子
WVVD™︎ RECORDS の作品のページ・アーティストのページ・ジャンルの一覧をスマホで表示した様子
WVVD™︎ RECORDS のメニューとお問い合わせのフォームをスマホで表示した様子

演出はそのままに、表示を速くしました。

幕が開くイントロ、ロゴのせり上がり、ランダムに切り替わるヒーロー動画。レーベルの世界観を伝えるこうした演出は残したまま、スクリプトを読み込む順番と画像の形式(WebP)を見直しました。スマホで本文が表示され始めるまでの時間は、1.40 秒から 0.84 秒に縮んでいます。

iPhone だけで演出が止まる不具合も、原因を突き止めて直しました。OS の「視差効果を減らす」設定にも対応しています。

ランダムに切り替わるヒーロー動画 3 本の 1 コマを並べた画像
トップでランダムに切り替わる 3 本のヒーロー動画。

WVVD™︎ RECORDS

WVVD™︎ RECORDS のロゴ

House・Melodic House・Techno を中心に、Sync Sweep、Mad Kitten、Yoichi Kase の作品を、Beatport・Traxsource ほかで配信している日本発のインディペンデント・ミュージックレーベル。