CATEGORY : フルスクリーン
-
星野源 オフィシャルサイト
埼玉県出身の音楽家/俳優、星野源（ほしのげん）さんのオフィシャルサイトの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アニメーションやテキストエフェクトを取り入れることでサイトをよりリッチに演出しています。 ...
-
Home – Sadowsky Guitars
ニューヨークの楽器メーカー、Sadowsky Guitars（サドウスキー・ギター）のWEBデザインです。 画面幅いっぱいに表示されたギター製造工程の動画が印象的なサイトで、ファーストビューで端的にブランディングをしています。 グリッドをベースとした整然としたレイアウトは信頼感と安心感を与え、また単調にならないように縦長や横長など様々な形の要素を作って変化を与えています。...
-
GLAY公式サイト
北海道出身のヴィジュアル系ロックバンド、GLAY（グレイ）オフィシャルサイトのWEBデザインです。 グリッドで整然とレイアウトされた誘導バナーと各コンテンツごとに色分けされた半透明レイヤー、ダイナミックな各種アニメーションが特徴のサイトです。 下層ページでは広めの余白とグレーの濃淡で配色されたクリーンなデザインで、大きな見出しやWEBフォント、アイコンが親しみやすくポップ感を演出しています。...
-
Maison book girl – Maison book girlは矢川葵、井上唯、和田輪、コショージメグミの4人によるニューエイジ・ポップ・ユニット。
日本の4人組アイドルグループ、Maison book girl（メゾンブックガール）オフィシャルサイトのWEBデザインです。 ダイナミックに全画面表示されたアーティスト写真と、背景に敷いたシングル「elude」のうねうねとしたアートワークが印象的なサイトです。 小さめに配置されたサムネイル画像が、凛とした印象のフルスクリーン画像との対比でシャープさや歯切れの良さを生み、ミステリアスな静けさを強...
-
酸欠少女さユり公式サイト
福岡出身の女性シンガーソングライター、酸欠少女さユりさんのオフィシャルサイトのWEBデザインです。 シングル「月と花束」のアートワークをモチーフとしたデザインで、フルスクリーンのダイナミックな表示とパララックスが奥行きを与えています。 セリフ体の大きな見出しと画面右に固定されたナビゲーションも特徴で、グラデーションも取り入れることで深みが増し、よりサイトの世界観を魅力的にしています。...
-
松井常松OfficialSite
群馬県高崎市出身のミュージシャン/ベーシスト、松井常松（まつい つねまつ）氏のオフィシャルサイトのWEBデザインです。 フルスクリーンでセンターに表示されたアーティスト画像と右固定のナビゲーション、多くの余白が落ち着きと大人のゆとりをも感じさせるサイトです。 下層ページは一転して黒背景にセンター表示のコンテンツとアップ寄りの画像となり、大小の対比がシャープで距離感と緊張感を生んでいます。 ...
-
Skies Collide
オーストラリア出身の女性ボーカルエモーショナルロックバンド、SKIES COLLIDE（スカイズ・コライド）オフィシャルサイトのWEBデザインです。 印象的なライブ画像をファーストビューで横幅いっぱいに表示した、クールでダイナミックな縦長シングルページのサイトです。 セクションごとに背景色や背景画像を切り替えることでメリハリをつけていて、特にメールフォームの背景の幻想的な画像はサイトの雰囲気を...
-
旅と音楽〜Travel & Music〜 旅をしながら音楽を作るバンド
旅をしながら音楽をつくるバンド、「旅と音楽」オフィシャルサイトのWEBデザインです。 フルスクリーンの動画とアニメーションをふんだんに使用することで、五感を刺激し思わず魅入ってしまう印象的なサイトです。 四隅にロゴやナビゲーション等を置くことで画面を引き締め、画面中央にレトロなロゴを置くことで安定感とナチュラル感も演出しています。...
-
KPP 5th Anniversary Special Website
日本の女性歌手/ファッションモデル、きゃりーぱみゅぱみゅさんの5周年記念スペシャルサイトのWEBデザインです。 フルスクリーンの動画からスクロールで奥へと進んでいくかのようなストーリー仕立てのアニメーションが圧巻の体験型サイトです。 独特の世界観を演出しているイラストやカラフルでポップな配色と共に、遊び心とインパクトを多分に併せ持ったデザインです。...
-
Miyake Kaori 三宅芳 -Official Site-
大阪出身の女性シンガーソングライター、三宅芳（みやけかおり）さんのオフィシャルサイトのWEBデザインです。 色とりどりな六角形のエレメントを取り入れ、アニメーションとフルスクリーン表示の画像を組み合わせたアクティブでカラフルなサイトです。 セクションごとにパララックスで表示されるデュオトーンやコラージュされた画像が、シングルページに様々な表情を持たせて楽しませています。...
-
椿音楽教室｜東京でピアノ教室など11の音楽教室を開講
東京で音楽教室を開講している、椿音楽教室のWEBデザインです。 フルスクリーンのダイナミックなファーストビューに手書き風のロゴがセンターに配置された、ポップでナチュラルなテイストのサイトです。 テクスチャーやイラストも積極的に取り入れたデザインは、パステル調の配色や動きのあるレイアウト等と合わせて柔らかく温かな印象を与えています。...
-
GRANBEAT | SMARTPHONE | SPECIAL CONTENTS | ONKYO
オーディオメーカーONKYOの超高音質ハイレゾ・オーディオ・SIMフリースマートフォン、GRANBEATの特設サイトのWEBデザインです。 商品の接写画像をフルスクリーンで表示、黒背景に溶け込ませた重厚でエレガントな雰囲気を持つサイトです。 画面右側に固定されている、イコライザーを想起させるようなナビも特徴で、WEBフォントを使用した見出しと共に洗練された印象のデザインです。...
-
LArc-en-Ciel.com
日本のロックバンド、L'Arc〜en〜Ciel (ラルク・アン・シエル）オフィシャルサイトのWEBデザインです。 シングル「Don't be Afraid」のアートワークをテーマにしたアーティスト写真と半透明のブラックレイヤーがクールな、近未来感もあるデザインです。 下層ページは薄いグレーをベースにゴールドをアクセントにした配色と、余白をたっぷりと取ったレイアウトが優雅な落ち着きを感じさせてい...
-
Pink Floyd Endless River
イングランド出身のプログレッシブ・ロックバンド、Pink Floydのアルバム「The Endless River」特設サイトのWEBデザインです。 アルバムのアートワークをフルスクリーンで表示、ボートの人物と雲海がアニメーションしたシネマグラフが印象的なサイトです。 タイトルロゴやナビゲーションのゆるやかなアニメーション表示も加わり、アルバムやバンドの壮大な世界観を十二分に表現しています。...
-
Aqua Timez official Website
日本のロックバンド、Aqua Timez（アクア タイムズ）オフィシャルサイトのWEBデザインです。 柔らかく優しいタッチのイラストとパララックスを多用したストーリー性のあるレイアウトが印象的な動きを感じさせるサイトです。 下層ページは水彩画風の背景画像に柔らかなトーンの配色や細めの罫線を用いて、落ち着きと温かみを感じさせるデザインとなっています。 ...
-
The Official Black Sabbath Website ::
イングランド出身のヘヴィメタルの源流となる始祖的グループ、Black Sabbath（ブラック・サバス）オフィシャルサイトのWEBデザインです。 モノトーン中心の配色に映えるパープルのロゴ、ポラロイド風のモノクロ写真を猥雑に並べたような背景画像がバンドの音楽性と呼応したデザインです。 VIDEOページの動画キャプチャー画像にマスキングテープでラベルを貼ったような装飾は味があり、立体感と共に質感...
-
Lamb of God – Official Website
アメリカ/バージニア州リッチモンド出身のヘヴィメタル/ハードコアバンド、Lamb of God（ラム・オブ・ゴッド）オフィシャルサイトのWEBデザインです。 デュオトーン×ビデオノイズ風の加工をしたアーティスト写真と、濃いグリーンを基調とした配色や背景画像がダークな雰囲気を醸し出したサイトです。 ALBUMSページではセクション毎にブラシ風のボーダーとブラー加工した画像を敷き、リリース作品毎の...
