CATEGORY : フルスクリーン
-
PUBIC HAIR GROOVING｜アンダーヘアで音楽を
株式会社人間とm-floの☆Taku Takahashi氏によるアンダーヘアで音楽を作るプロジェクト、PUBIC HAIR GROOVINGのWEBデザインです。 衝撃的なキービジュアルとカラフルな配色やグラデーション、大胆なタイポグラフィーや斜めの要素が特徴のシングルページです。 canvasで描画された波形のアニメーションや動画の背景画像等がダンス・エレクトロニカ感も高めている、ユニークで...
-
Anthony Hamilton
ノースカロライナ州シャーロット出身のR&B・ソウルシンガー、Anthony Hamilton（アンソニー・ハミルトン）オフィシャルサイトのWEBデザインです。 アルバム「What I’m Feelin」のアーティスト写真をフルスクリーン表示した、ダイナミックでインパクトのあるサイトです。 優しく控えめな淡い配色とカード型コンポーネントを組み合わせたデザインに、さりげないパララックスがサイトをよ...
-
KKBOX – 1ヶ月無料で楽しめる聴き放題音楽アプリ – KKBOX
アジアを中心に展開する定額制音楽配信サービス、KKBOX（ケイケイボックス）のWEBデザインです。 ダイナミックにフルスクリーンで表示した画像とシンプルなキャッチコピー、斜めに重ねたレイヤーが特徴のサイトです。 アイコンやイラストを多く取り入れているのも特徴で、画像と合わせて視覚度と図版率の高いデザインです。...
-
Ethermachines
エレクトロ・ノイズの鬼才と称されるオーストラリア出身のアーティスト、Ben Frost（ベン・フロスト）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示されたアヴァンギャルドな動画と、ブラックxホワイトxブルーの配色が孤高で深遠なイメージを与えるサイトです。 裁ち落としや区切り等、様々な形のボーダーでコンテンツを整理しながら装飾にも用いて、デザインにシャープで都会的な印象をもたら...
-
坂本美雨オフィシャルサイト
日本の女性歌手/ミュージシャン、坂本美雨（さかもとみう）さんのオフィシャルサイトのWEBデザインです。 フルスクリーンで表示された猫の画像とパララックスが特徴のTOPページと、シンプルでどこか柔らかさも感じさせる下層ページで構成されたサイトです。 無駄な配色や装飾を省き、グレーの濃淡や余白で区切りを表現している中で、デザインフォントで作られたロゴがキュートでアクセントになっています。...
-
okgo.net
アメリカ/シカゴ出身のインディー・ロックバンド、OK Go（オーケー・ゴー）オフィシャルサイトのWEBデザインです。 画面の横幅いっぱいに広がるナビゲーションの配置が特徴で、ビジュアルとカラーをセットにして情報を整理しながら華やかな印象を与えています。 ナビゲーションと合わせてコンテンツごとに下層ページのカラーリングも違っていて、カラフルでとてもにぎやかな雰囲気のサイトです。...
-
SEIROGAN UTILITY RECORDS
医薬品「正露丸」を販売する大幸薬品が立ち上げた音楽レーベル、SEIROGAN UTILITY RECORDSオフィシャルサイトのWEBデザインです。 フルスクリーンで大胆に表示されたブランド動画とその上で回転するロゴマーク、象徴的なオレンジをアクセントとした配色が特徴のサイトです。 大きく分かりやすい見出しとセクションごとに変えた背景色も特徴で、パララックスやアニメーションと合わせてスクロール...
-
Washed Out
アメリカのミュージシャン、アーネスト・グリーンによる音楽プロジェクト、Washed Out（ウォッシュト・アウト）オフィシャルサイトのWEBデザインです。 クネクネと回る手書きのカセットテープのGIFアニメーションをフルスクリーンで表示した、レトロでアナログ感を感じさせるデザインです。 縦に4分割したナビゲーションと無駄を省いたコンテンツ等、デザインやレイアウトと共に他に類を見ない個性的なサイ...
-
MONOEYES OFFICIAL WEBSITE
ELLEGARDENやthe HIATUSでも活動する細美武士氏が立ち上げたロックバンド、MONOEYES（モノアイズ）オフィシャルサイトのWEBデザインです。 フルスクリーンのアーティスト画像上にロゴを配したダイナミックなTOPページと、シンプルでクリーンな印象の下層ページの対比がユニークなサイトです。 シンプルな中にもWEBフォントでデザイン性を高めたり、見出し下に装飾を加えることでアクセ...
-
Hudson Mohawke
スコットランド出身のDJ/エレクトロニカ・ミュージシャン、Hudson Mohawke（ハドソン・モホーク）オフィシャルサイトのWEBデザインです。 グニャグニャと水面のように変化するビジュアルと、ウエイトのあるフォントを使用した大胆なタイポグラフィーが特徴のサイトです。 コントラストの強い配色がエフェクトを加えた画像と合わさって、テクノロジーや近未来感を感じさせるデザインとなっています。...
-
SHIBUYA MUSIC SCRAMBLE -渋谷音楽祭2018-
東京/渋谷の街全体をステージに活用した音楽イベント、渋谷音楽祭2018のオフィシャルサイトのWEBデザインです。 ロゴとキャッチコピーを大胆にフルスクリーン表示して、イベントごとにセクションで区切った縦長のシングルページサイトです。 セクションごとに背景画像や背景色で区切り、デザインテイストの異なるイベントを上手く1ページにまとめています。 嫌味を感じないさりげないパララックスは、縦長ページ...
-
Home | The Chemical Brothers
イギリスのテクノ・エレクトロニカユニット、The Chemical Brothers（ケミカル・ブラザーズ ）オフィシャルサイトのWEBデザインです。 アルバム「FREE YOURSELF」のMVを大胆に表示したファーストビュー、モノトーン中心の配色とカラフルな画像との美しいコントラストが特徴のサイトです。 CHEMIHISTORYページでは作品群を時系列に表示、パララックスを用いた奥行きを感...
-
CHVRCHES | LOVE IS DEAD
イギリス/グラスゴー出身のエレクトロポップ・バンド、CHVRCHES（チャーチズ）オフィシャルサイトのWEBデザインです。 ピンクとブルーを基調にしたカラフルな配色と、アルバム「LOVE IS DEAD」のアートワークをモチーフにしたデザインのシングルページのサイトです。 スクロールに合わせて背景色が変化していくのが美しく、さりげなく取り入れたブラシ風のデザインがアクセントを付けているのも特徴...
-
Pharrell Williams
アメリカ/バージニア州出身の歌手・プロデューサー、Pharrell Williams（ファレル・ウィリアムス）オフィシャルサイトのWEBデザインです。 多彩な色使いとダイナミックに表示された画像がポップでカラフル、賑やかで楽し気な雰囲気を演出しているサイトです。 ページやコンテンツに合わせてグリッドやレイアウトを変化させたり、デュオトーンで印象を変えてみたりと様々な見せ方をしているのが特徴です...
-
Animal Collective
アメリカ/ボルチモア出身のインディーロックバンド、Animal Collective（アニマル・コレクティヴ）オフィシャルサイトのWEBデザインです。 サイケデリックなその音楽性を表現するかのような、幾何学模様で描かれた動物やクリック時の効果音がインパクトの大きなサイトです。 筆で手書きされたようなフォントにさりげなくグラデーションを取り入れたり、細かなエフェクトやアニメーション等、細部までこ...
-
DEEPSLAUTER
千葉県柏市で結成されたハードコアバンド、DEEPSLAUTER (ディープスローター)のオフィシャルサイトのWEBデザインです。 熱気が伝わってくるようなライブシーンの画像をフルスクリーンで表示、シンプルな配色とレイアウトのコンテンツとの対比がクールなサイトです。 Tumblrをカスタマイズしていて、カード型のコンポーネントを縦方向のみ可変にしたレイアウトは、一覧性の見やすさと適度な動きや躍動...
-
星野源 オフィシャルサイト
埼玉県出身の音楽家/俳優、星野源（ほしのげん）さんのオフィシャルサイトのWEBデザインです。 四方にホワイトエッジを設けてフレームに入ったように見せたアーティスト写真と、シンプルで爽快感のある配色が特徴のサイトです。 下層ページはシングルカラムのレイアウトでレスポンシブとの相性も良く、よりコンテンツに注視されるようになっています。 右側のサムネイルをクリックすることでメイン/背景画像を変更で...
-
五五七二三二〇 オフィシャルサイト
私立恵比寿中学のメンバー扮する前衛的アイドル、五五七二三二〇（ゴー・ゴー・ナナ・ニー・サン・ニー・レー）オフィシャルサイトのWEBデザインです。 フルスクリーン表示の菱形の中にコンテンツ、外側にメンバーとココナッツサブレが入れ替わるアニメーションが特徴のサイトです。 他のサイトでは見られない発想やレイアウトとカラフルで重厚なクリエイティブ等、コンセプトと共にユニークで斬新過ぎるデザインです。...
-
くるり『その線は水平線』特設サイト
京都出身のロックバンド、くるりのシングル「その線は水平線」特設サイトのWEBデザインです。 アートワークに使用されているレトロでノスタルジックな雰囲気の海面画像をフルスクリーンで表示したダイナミックなサイトです。 シンプルなボーダーと明朝体のWEBフォント、ジャンプ率が低いテキストで構成された、落ち着きと懐かしさを感じさせるデザインです。...
-
三ツ矢.TV｜三ツ矢サイダー｜アサヒ飲料
サザンオールスターズが出演している、アサヒ飲料三ツ矢サイダーのTVCMサイトのWEBデザインです。 夏を感じさせるようなメインビジュアルと、ホワイトとグリーンのパッケージカラーを踏襲した配色が特徴のサイトです。 メインビジュアルも丸くトリミング、ページ全体にサークル状の背景画像を用いていて、炭酸飲料の爽快感を感じさせるデザインです。...
-
Ken Yokoyama セルフコンピレーションアルバム [Songs Of The Living Dead] リリース特設サイト / PIZZA OF DEATH RECORDS
Hi-STANDARDのギター&ボーカル、Ken Yokoyama氏のアルバム「Songs Of The Living Dead」特設サイトのWEBデザインです。 アルバムのアートワークをダイナミックにフルスクリーンで表示、ホラーとパンクカルチャーを融合したようなデザインが印象的です。 イラストを大々的に使用することで独自の世界観を構築しつつ、他のサイトにはないオリジナリティとインパクトを感じ...
-
TuneCore Japan
デジタル音楽配信サービス、TuneCore Japan（チューンコア・ジャパン）のWEBデザインです。 ドキュメンタリーのような動画をフルスクリーンで表示、その中央に配置したシンプルなキャッチコピーと赤色のボタンが目を惹くサイトです。 シンプルでスタイリッシュなレイアウトの中にパララックスやグラデーション、デュオトーンを取り入れてモダンな印象を与えています。...
-
hernameisbanks
カリフォルニア州ロサンゼルス出身の女性シンガーソングライター、BANKS（バンクス）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示されたモノクロのアーティスト写真が印象的なサイトで、凛とした静逸の中に妖艶で独特な世界観を感じさせています。 ロゴやアーティスト名も表示せず一切の無駄を省いたミニマルなデザインの中で、細かなこだわりを感じるメニューの開閉アニメーションが光っています。...
-
THE BLUE HEARTS 30周年 特設サイト
日本のパンクロックバンド、THE BLUE HEARTS（ザ・ブルーハーツ）の30周年特設サイトのWEBデザインです。 背景にフルスクリーンでライブ動画を表示して、中央に半透明のアニバーサリーロゴを大きく配置したレイアウトのシングルページです。 1stアルバムを想起させるような白/黒/ブルーの配色と、右側に固定された各セクションごとへのナビゲーションも特徴で、 Discographyコンテン...
-
Kesha Official Site
アメリカの女性歌手/シンガーソングライター、Kesha（ケシャ）のオフィシャルサイトのWEBデザインです。 アルバム「Rainbow」のアートワークをモチーフにしたポップでカラフル、賑やかなシングルページのサイトです。 マウスオーバーで反応するアートワークと、フォームのボタンが目玉のような画像になっている部分に遊び心を感じます。...
-
TEAC (日本)
日本の音響機器メーカー、TEAC（ティアック）のWEBデザインです。 モノトーンで統一された潔い配色と、整然としたグリッドレイアウト、フルスクリーンのダイナミックなスライダーが特徴のサイトです。 製品に白抜き画像を使っているのも特徴で、ホワイトスペースが増えることで高級感や落ち着きも演出していて、老舗メーカーの風格を感じさせています。...
-
MAROON 5 RED PILL BLUES JAPAN TOUR – ウドー音楽事務所
カリフォルニア出身のバンド、Maroon 5(マルーン5)のRED PILL BLUES JAPAN TOUR特設サイトのWEBデザインです。 バンド名のマルーンとピンクをベースにした配色が印象的な、縦長のシングルページです。 セクションごとに切り替わる背景色やフルスクリーン画像とパララックスを組み合わせ、コンテンツの区切りを分かりやすくしています。 8ビットのファミコンを想起させるようなレ...
-
AGNÈS B. RADIO
フランスのファッションブランド、アニエスベーがセレクトしたWEBラジオ、AGNÈS B. RADIOのWEBデザインです。 大胆で猥雑な画像の配置と背景に帯をつけたテキスト等、往年のパンクバンドのフライヤーやジャケットデザインを彷彿させるサイトです。 下層ページでは左側にナビゲーションを固定、1カラムでコンテンツをしっかり見せるレイアウトとなっています。 ...
-
音楽制作プロダクション｜DONGURIミュージック
音楽制作プロダクション、DONGURIミュージックのWEBデザインです。 フラットテイストのイラストをGIFアニメで楽しませてくれるファーストビューがユニークな、にぎやかでポップなサイトです。 ナビやフロー等にもアイコンを用いて視覚的に分かりやすくすると共に、部分的にリアルな背景画像を用いることでよりサイトを印象付けています。...
-
Capitol Records – The Official Website of Capitol RecordsCapitol Records | The official website of Capitol Records
アメリカの大手レコードレーベル、Capitol Records（キャピトル・レコード）オフィシャルサイトのWEBデザインです。 モノトーンと濃いパープルで統一されたシックで高級感のある配色と、ダイナミックなフルスクリーンのスライダーが印象的なサイトです。 余白を大きく作った黒背景のレイアウトは重厚感と安定感を生み、高彩度・高明度の画像とのコントラストがビビッドでスタイリッシュなイメージを作って...
-
RAY OFFICIAL WEB SITE
大阪出身のレゲエ・シンガー、RAY（レイ）さんのオフィシャルサイトのWEBデザインです。 フルスクリーンで切り替わり表示されるダイナミックなビジュアルと細かな装飾のアニメーションが特徴的なサイトです。 アーティスト写真を水彩画風の背景イラストに溶け込ませていたり、さりげなく取り入れたグラデーションが美しいデザインです。...
-
Norah Jones
ニューヨーク出身のシンガーソングライター、Norah Jones（ノラ・ジョーンズ）さんのオフィシャルサイトのWEBデザインです。 モノクロの画像とグラデーションで繋がれたゴールドのロゴがどこかレトロでジャジーな印象も感じさせるデザインです。 シングルページをセクションによって横幅いっぱいの背景画像を敷いて区切りを分かりやすく、またサイトをダイナミックにもしています。...
-
KENJI ENDO
東京出身のレジデントDJ/トラックメーカーのKENJI ENDOさんのオフィシャルサイトのWEBデザインです。 印象的なアーティスト画像と大胆なタイポグラフィ、canvasで描かれたアブストラクトな模様のアニメーションが特徴的なサイトです。 スクロールで変化していくパララックスやグラデーションも美しく、またコンタクトフォームのホバーエフェクトと合わせて近未来感も感じられるデザインです。...
-
デノンのヘッドホン Real-wood Series | Denon公式
日本の音響機器ブランド、Denon（デノン）のヘッドホン「Real-wood Series」特設ページのWEBデザインです。 クローズアップして画面からはみ出るようにレイアウトされた製品画像が強いインパクトを与えるページです。 製品の材質も画像で伝えることで質感や触感も感じさせていて、半透明レイヤーにテキストを乗せる事でビジュアルを損なわず可読性も高めています。 ...
-
デザインシリーズのレコードプレーヤー | Denon公式
日本の音響機器ブランド、Denon（デノン）のデザインシリーズのレコードプレーヤーの特設ページのWEBデザインです。 周囲に余白を残して広がりや空気感を感じさせる製品画像とどっしりとしたキャッチコピーが印象的なページです。 接写画像や大胆なトリミング、サークル状や横幅いっぱいに表示してずらしたり重ねたり等、画像のレイアウトで躍動感を感じさせるデザインです。...
-
Fall Out Boy
アメリカ/イリノイ州シカゴ出身のポップ･パンクバンド、Fall Out Boy（フォール・アウト・ボーイ）オフィシャルサイトのWEBデザインです。 ビビッドなパープル配色がクールさと上品さ、アクティブな印象も感じさせるサイトで、デュオトーンやパララックスも特徴です。 センター表示されたテキストと全面表示された画像がダイナミックかつ安定した構図で、半透明の角丸ボタンがポップ感とスタイリッシュ感を...
-
Crack-Up | Available Now – Fleet Foxes
アメリカ/シアトル出身のバンド、Fleet Foxes（フリート・フォクシーズ）オフィシャルサイトのWEBデザインです。 アルバム「Crack-Up」のアートワークをフルスクリーン表示し、壮大なサウンドと美しいコーラスワークを持つ音楽性を表現するかのようなサイトです。 下層ページはモノクロの森の画像にあえて装飾などを施さずコンテンツを表示した、粗野で荒々しい印象のブルータルなデザインです。...
-
絢香 | Album「レインボーロード」Special Site
大阪出身の女性シンガーソングライター、絢香さんのアルバム「レインボーロード」Special SiteのWEBデザインです。 フルスクリーンで表示された動画と斜めの要素、くるくると変化していくカラフルなアニメーションが特徴のポップながらスタイリッシュなデザインです。 幾何学模様の背景要素にずらしたり重ねたりした動画やコンテンツが遊び心を感じさせ、また反復表示することでサイトに一貫性やリズムを生み...
-
Home / Ninja Tune
クラブミュージックのリリースで知られるロンドンのインディペンデント・レーベル、Ninja Tune（ニンジャ・チューン）のWEBデザインです。 アクセス毎にランダムでリリース作品のアートワークをフルスクリーン表示したダイナミックなサイトです。 モノトーン中心の配色と無駄な装飾を省いたシンプルなサイトですが図版率が高く、大きく表示された画像が華やかでにぎやかな印象を与えています。...
-
Namie Amuro 25th Anniversary Site
沖縄出身の歌手/ダンサー、安室奈美恵（あむろなみえ）さんの25周年スペシャルサイトのWEBデザインです。 フルスクリーン表示のアーティスト写真が年毎にくるくると切り替わるアニメーションが圧巻のダイナミックなサイトです。 線の描画が美しいSVGアニメーションやテキストエフェクトを取り入れることでサイトをよりリッチに演出しています。 ...
