今回は「音楽・バンド・レーベル編」ということで、5サイトほどデザインが良いと思ったサイトとまとめました。

個人用まとめサイトですが、参考にしていただければと思います。

●森山直太朗オフィシャルサイト

スクロールに合わせて、アーティストの顔周辺のイラストが変化する、遊び心のあるサイトです。
アーティストの顔は背景として固定され、イラストを始めNewsなどの情報はスクロースすると下から上に流れていきます。
イラストは季節ごとに変化します。

• TYPE：ブランディングサイト

• FONT：Sorts Mill Goudy,ヒラギノ明朝 Pro W3

• COLOR：

●KENJI ENDO

サイトのいたるところにアニメーションがついています。
マウスオーバーをすると文字の変化やイラストが現れ、細部にまでこだわりを感じます。

• TYPE：ブランディングサイト

• FONT：Lato,Trade Gothic W01

• COLOR：

●緑黄色社会 Official Site

白い背景と画像に影をつけてレイアウトしたシンプルなデザインのサイトです。
TOPページのみ横スクロールで、キービジュアルはギャラリーで絵画を鑑賞しているような感覚になります。

• TYPE：ブランディングサイト

• FONT：Cormorant Garamond,Noto Sans JP

• COLOR：

●613web / sekai official site

サイトにアクセスした途端「Not Found」という文字が現れます。
こちらは動画になっていて、しばらくすると画面に変化がおきキービジュアルが現れます。
メニューの項目を選んだ時のアニメーションやフォントの選定など、サイトの世界観にマッチしたものになっています。

• TYPE：ブランディングサイト

• FONT：x8y12px,DotGothic16,

• COLOR：

●Kyoko Koizumi 40th Anniversary Project

 POPな色使いとレイアウトが参考になるサイトです。
蛍光色を上手く使用しています。

• TYPE：ブランディングサイト

• FONT：Poppins,Hiragino Sans

• COLOR：

いかがでしたでしょうか？

機会があればぜひ参考にしてみてください。
少しでもお役に立てたら幸いです。

最後までご覧いただきありがとうございました！