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

WVVD™︎ RECORDS Label Branding & Web Site

Scroll Down
WVVD™︎ RECORDS のサイトを、暗い部屋のデスクトップのモニター(トップページ・ダークモード)とノートパソコン(リリースの一覧のページ)に表示した様子
PRODUCTION
命名・VI/CI・ロゴ・アートディレクション・Web デザイン/開発・映像・SNS クリエイティブ
Specification
WordPress(独自テーマ)・グローバルミニプレイヤー(Web Audio API)・カタログ管理・構造化データ
CLIENT
HOUSE STUDIO-R(自社レーベル)
WEB SITE
WVVD™︎ RECORDS の新譜の一覧・トップページ・アーティストの紹介・作品の情報の画面を、黒い背景の上に浮かべて重ねた様子
WVVD™︎ RECORDS の新譜の紹介・トップページ(ダークモード)・レーベル名の由来の画面を、黒に近いグレーの背景の上に横に並べた様子
WVVD™︎ RECORDS の作品のページ(BD316)・作品の情報・アーティストの一覧の画面を、深い赤の背景の上に重ねた様子
WVVD™︎ RECORDS のアーティストの紹介・アパレル・問い合わせ・ジャンルの一覧の画面を、黒い背景の上に斜めに並べた様子
WVVD™︎ RECORDS のレーベルの考え方(VISION・VIVID・DISTRIBUTION)を説明するページの画面を、黒に近いグレーの背景の上に重ねた様子
WVVD™︎ RECORDS の作品の一覧・作品のページ・ジャンル・問い合わせのフォーム・アパレルの画面を、深い赤の背景の上に並べた様子

命名から VI/CI、Web サイト、映像、SNS のクリエイティブまでを通して手がけ、どこに触れても同じ音の世界観が伝わるレーベルのブランドをつくりました。

WVVD™︎ RECORDS は、音が生む動きや記憶が、やがて文化へ広がっていくところまでを探るインディペンデント・ミュージックレーベルです。名前の「WVVD™︎(ウィーヴィッド)」は、WAVE、VISION、VIVID、DISTRIBUTION を重ねた造語です。

名前から、ロゴ、赤(#D20010)と黒を軸にした配色、見出しと本文の書体、言葉のトーンまで、レーベルの VI/CI はすべて私が一人でつくっています。

Web サイトには、ページを移っても音楽が止まらない「グローバルミニプレイヤー」を自作して載せました。音に合わせて波形が動き、スマホではロック画面に曲の情報が出ます。カタログは、アーティスト、ジャンル、リリース形態、年で絞り込めます。

新譜の告知には、縦型のリール動画を作っています。差し色はジャケットの色から自動で決め、音に合わせてスペクトラムが動きます。Instagram と Threads の投稿文や代替テキストまで、一式でそろえています。

I.

4 つの言葉を重ねた名前に、音楽を世界へ届けるというレーベルの姿勢を込めました。

名前を考えるときに大事にしたのは、短く、発音しやすく、ほかの言葉と取り違えられないことです。配信サービスとレーベルの両方で使えることも条件にしました。たくさんの候補を比べて、最後に選んだのが「WVVD™︎(ウィーヴィッド)」です。

WAVE は音の広がり、VISION はこの先を見すえる視点、VIVID は音楽の鮮やかさ、DISTRIBUTION は世界の聴き手へ届けること。音楽をつくり、届けるまでに大切にしたいことを、4 つの頭文字に込めました。

II.

響きを残したいという思いを一文のキャッチコピーにまとめ、サイトから動画、アパレルまで、同じ言葉で語れるようにしました。

音は鳴った瞬間から消えていきます。それでも、いい音楽は聴いた人の記憶に残り、やがて文化になっていく。その響きの先まで届けたいという思いを、キャッチコピー「BEYOND THE ECHOES.」に込めました。

軸になる一文があるので、言葉を広げてもぶれません。レーベルの紹介は「MAKE WAVES. LEAVE ECHOES.」で結び、アパレルには「WEAR THE ECHOES.」と「FOR THOSE WHO RESONATE.」を添えました。日本語と英語を並べて書く言葉のトーンも、ここから決まっています。

III.

1 つのロゴの形からシンボル、姉妹サービス、新しいレーベルのロゴまでを広げ、どこで目にしても WVVD™︎ だと分かるようにしました。

ロゴは、傾けた面を重ねて WVVD の文字を組んでいます。この形を元に、レーベルの WVVD™︎RECORDS、赤い丸を添えたシンボル、姉妹サービスの MVVD™︎ by WVVD™︎、これから立ち上げる WVVD™︎BEATZ・WVVD™︎TRAX・WVVD™︎Contemporary のロゴまでを展開しています。

どのロゴも同じ面の重なりから生まれているので、ブランドが増えても、ひとつの家族として見えます。色は赤(#D20010)と黒、温かみのある白の 3 色に絞り、見出しには縦長の Big Shoulders Display、本文には Poppins を合わせました。

ブランドの赤の背景に、WVVD™︎・シンボル・MVVD™︎・WVVD™︎RECORDS・WVVD™︎BEATZ・WVVD™︎TRAX・WVVD™︎Contemporary のロゴを並べた様子
黒い背景に置いた WVVD™︎RECORDS のロゴ
ブランドの赤の背景に置いた、赤い丸と WVVD™︎ の文字のシンボルマーク
黒い背景に置いた、姉妹サービス MVVD™︎ のロゴ
ブランドの赤の背景に、WVVD™︎BEATZ・WVVD™︎TRAX・WVVD™︎Contemporary のロゴを並べた様子
Sync Sweep「Acid Jack (2026 Remastered)」のジャケット
Sync Sweep「Grand Blue (2026 Remastered)」のジャケット
Sync Sweep「Diluculo (2026 Remastered Dub)」のジャケット
Sync Sweep「Over and Over (Original Mix)」のジャケット
Sync Sweep「RA-I-JI-N 2007 Archives」のジャケット
Mad Kitten「New Days Dawn (2026 Remastered)」のジャケット
Mad Kitten「Kitten In Wonderland」のジャケット
Yoichi Kase「BD316 (Original Mix)」のジャケット
Yoichi Kase「Trident (Original Mix)」のジャケット
IV.

全作品のジャケットを 1 つの型でデザインし、並べたときに一目で WVVD™︎ RECORDS だと分かるようにしました。

型は、下半分にロゴの斜めの面を大きく置き、いちばん下に WVVD™︎RECORDS のロゴを入れたものです。作品ごとに変えるのは、色と、アーティスト名・曲名・カタログ番号だけ。

1 枚ずつでは気づかれにくい決まりでも、作品が並ぶと効いてきます。配信ストアやサイトの一覧で色違いのジャケットが続けば、それだけで WVVD™︎ RECORDS の作品だと分かります。

ジャケットをそのまま動画にして、新譜の告知も一目で WVVD™︎ だと分かるようにしました。

新譜を出すたびに、ジャケットを使った縦型のリール動画を作っています。差し色はジャケットの色から自動で決め、音に合わせて動くスペクトラムを重ねているので、タイムラインに流れてきてもすぐに見分けがつきます。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
V.

聴く人が響きを身にまとえるよう、レーベルの言葉とロゴをアパレルにも広げています。

アパレルのコピーは、キャッチコピーから生まれた「WEAR THE ECHOES.」。そこに「FOR THOSE WHO RESONATE.(共鳴する人たちへ)」を添え、胸にロゴとキャッチコピーを入れたパーカー、スウェット、T シャツを準備しています。

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

ページを移っても音楽が止まらないサイトにして、聴きながらレーベルの作品を見て回れるようにしました。

一覧で再生した曲は、ページを移っても、ライトとダークを切り替えても再生が続きます。曲の情報と操作は左下のミニプレイヤーにまとめました。ジャケットの上では、音に合わせて波形が動きます。

スマホでも同じプレイヤーで聴けて、ロック画面にはジャケットと曲名が出ます。

グローバルミニプレイヤー ― リリースの一覧で再生した曲が、アーティストのページへ移っても、ライトに切り替えても、そのまま流れ続けます。
WVVD™︎ RECORDS のトップページをスマホで表示した様子(ダークモード)
トップページ ― ランダムに切り替わる背景の動画の上に、ロゴとキャッチコピーを重ねています。
WVVD™︎ RECORDS のトップページの新譜の紹介をスマホで表示した様子
新譜の紹介 ― おすすめの作品を、ジャケットを横に送りながら見られます。
WVVD™︎ RECORDS のリリースの一覧をスマホで表示した様子(ダークモード)
リリースの一覧 ― ジャンル・リリース形態・年で絞り込めます。
WVVD™︎ RECORDS の作品のページをスマホで表示した様子
作品のページ ― ジャケットと作品の情報、配信ストアへのリンクをまとめています。
WVVD™︎ RECORDS のアーティストのページをスマホで表示した様子(ダークモード)
アーティストのページ ― 写真と経歴を載せています。
WVVD™︎ RECORDS のジャンルの一覧をスマホで表示した様子
ジャンルの一覧 ― ジャンルごとの作品数を添えて、大きな見出しで並べています。
WVVD™︎ RECORDS のメニューをスマホで開いた様子(ダークモード)
メニュー ― スマホでは画面いっぱいに開き、項目を大きな文字で並べています。
WVVD™︎ RECORDS のお問い合わせのフォームをスマホで表示した様子
お問い合わせ ― 一般のお問い合わせも、デモ音源の応募も、同じフォームから送れます。表示は英語と日本語に対応しています。
WVVD™︎ RECORDS のロゴ