CATEGORY : ブルー
-
星野源 オフィシャルサイト
埼玉県出身の音楽家/俳優、星野源（ほしのげん）さんのオフィシャルサイトのWEBデザインです。 四方にホワイトエッジを設けてフレームに入ったように見せたアーティスト写真と、シンプルで爽快感のある配色が特徴のサイトです。 下層ページはシングルカラムのレイアウトでレスポンシブとの相性も良く、よりコンテンツに注視されるようになっています。 右側のサムネイルをクリックすることでメイン/背景画像を変更で...
-
The Beach Boys | Home
アメリカ/カリフォルニア州出身のサーフロック・バンド、The Beach Boys（ザ・ビーチ・ボーイズ）オフィシャルサイトのWEBデザインです。 フラットデザインとグリッドや2カラムでのレイアウト、瑞々しく爽快感のある配色にレトロ感を持ったロゴやバッジデザインが特徴のサイトです。 さりげなくパララックスやグラデーションを取り入れるなど、シンプルな世界観の中に奥行きや広がりを与えています。 ...
-
Ken Yokoyama セルフコンピレーションアルバム [Songs Of The Living Dead] リリース特設サイト / PIZZA OF DEATH RECORDS
Hi-STANDARDのギター&ボーカル、Ken Yokoyama氏のアルバム「Songs Of The Living Dead」特設サイトのWEBデザインです。 アルバムのアートワークをダイナミックにフルスクリーンで表示、ホラーとパンクカルチャーを融合したようなデザインが印象的です。 イラストを大々的に使用することで独自の世界観を構築しつつ、他のサイトにはないオリジナリティとインパクトを感じ...
-
THE BLUE HEARTS 30周年 特設サイト
日本のパンクロックバンド、THE BLUE HEARTS（ザ・ブルーハーツ）の30周年特設サイトのWEBデザインです。 背景にフルスクリーンでライブ動画を表示して、中央に半透明のアニバーサリーロゴを大きく配置したレイアウトのシングルページです。 1stアルバムを想起させるような白/黒/ブルーの配色と、右側に固定された各セクションごとへのナビゲーションも特徴で、 Discographyコンテン...
-
ROGUE / REAL AGAIN | ポニーキャニオン
群馬県出身のロックバンド、ROGUE（ローグ）のアルバム「REAL AGAIN」特設サイトのWEBデザインです。 モノクロのアーティスト画像を横幅いっぱいに表示、モノトーン＋ネイビーでスタイリッシュにまとめた配色が特徴のシングルページです。 特設サイトということでアートワークを大きく配置していて、ポップアップする視聴プレーヤー等、アルバムの世界観を余すことなく伝えています。...
-
Kandace Springs | Official Site
ナッシュビル出身のシンガー・ソングライター/ピアニスト、Kandace Springs（キャンディス・スプリングス）オフィシャルサイトのWEBデザインです。 アルバム「indigo」のアートワークをフルスクリーンで表示、インディゴとブルーを中心にした配色がジャジーでクールな雰囲気を演出しているサイトです。 ウインドウの上部と下部に配置されたナビゲーションがスクロールすると上部に2段で固定される...
-
今日のフライヤー | ABSTRACT.JP
フライヤーのグラフィックデザイン集サイト、今日のフライヤー | ABSTRACT.JPのWEBデザインです。 目の覚めるようなスカイブルーと淡いクリーム色、タグに使われている鮮やかなピンクがポップで賑やかな印象を感じさせる配色です。 ウィンドウサイズに合わせて表示列が切り替わり、Pinterest等で見られるレンガを積み重ねたようなレイアウトが素敵なサイトです。...
-
MAROON 5 RED PILL BLUES JAPAN TOUR – ウドー音楽事務所
カリフォルニア出身のバンド、Maroon 5(マルーン5)のRED PILL BLUES JAPAN TOUR特設サイトのWEBデザインです。 バンド名のマルーンとピンクをベースにした配色が印象的な、縦長のシングルページです。 セクションごとに切り替わる背景色やフルスクリーン画像とパララックスを組み合わせ、コンテンツの区切りを分かりやすくしています。 8ビットのファミコンを想起させるようなレ...
-
音楽制作プロダクション｜DONGURIミュージック
音楽制作プロダクション、DONGURIミュージックのWEBデザインです。 フラットテイストのイラストをGIFアニメで楽しませてくれるファーストビューがユニークな、にぎやかでポップなサイトです。 ナビやフロー等にもアイコンを用いて視覚的に分かりやすくすると共に、部分的にリアルな背景画像を用いることでよりサイトを印象付けています。...
-
RAY OFFICIAL WEB SITE
大阪出身のレゲエ・シンガー、RAY（レイ）さんのオフィシャルサイトのWEBデザインです。 フルスクリーンで切り替わり表示されるダイナミックなビジュアルと細かな装飾のアニメーションが特徴的なサイトです。 アーティスト写真を水彩画風の背景イラストに溶け込ませていたり、さりげなく取り入れたグラデーションが美しいデザインです。...
-
デノンのヘッドホン Real-wood Series | Denon公式
日本の音響機器ブランド、Denon（デノン）のヘッドホン「Real-wood Series」特設ページのWEBデザインです。 クローズアップして画面からはみ出るようにレイアウトされた製品画像が強いインパクトを与えるページです。 製品の材質も画像で伝えることで質感や触感も感じさせていて、半透明レイヤーにテキストを乗せる事でビジュアルを損なわず可読性も高めています。 ...
-
デザインシリーズのレコードプレーヤー | Denon公式
日本の音響機器ブランド、Denon（デノン）のデザインシリーズのレコードプレーヤーの特設ページのWEBデザインです。 周囲に余白を残して広がりや空気感を感じさせる製品画像とどっしりとしたキャッチコピーが印象的なページです。 接写画像や大胆なトリミング、サークル状や横幅いっぱいに表示してずらしたり重ねたり等、画像のレイアウトで躍動感を感じさせるデザインです。...
-
Japanese Breakfast – Official Website
Little Big Leagueのボーカリスト、ミシェル・ザウナーによるソロプロジェクト、Japanese Breakfast（ジャパニーズ・ブレックファスト）のWEBデザインです。 シンプルで余白を多く取ったフラットデザインに配置された独特なタッチのイラストが印象に残るサイトです。 ファビコンと合わせてサイトの世界観を一手に担って構築していて、アメリカと韓国の両方のテイストが感じられるデザ...
-
タビノエ – きこえる音、うかぶ風景 – 10/7(日) 18:30 東京・蔵前 Nui. HOSTEL& BAR LOUNGE
音楽イベント、「タビノエ – きこえる音、うかぶ風景 -」の特設サイトのWEBデザインです。 ホワイトスペースが心地の良いゆったりとしたレイアウトと美しい風景画像、その上にずらして重なったテキストが特徴のデザインです。 ジャンプ率の低いテキストと淡い配色、さりげなく取り入れたナビのグラデーション等が柔らかで落ち着いた雰囲気を演出しています。...
-
Home / Ninja Tune
クラブミュージックのリリースで知られるロンドンのインディペンデント・レーベル、Ninja Tune（ニンジャ・チューン）のWEBデザインです。 アクセス毎にランダムでリリース作品のアートワークをフルスクリーン表示したダイナミックなサイトです。 モノトーン中心の配色と無駄な装飾を省いたシンプルなサイトですが図版率が高く、大きく表示された画像が華やかでにぎやかな印象を与えています。...
-
Home – Sadowsky Guitars
ニューヨークの楽器メーカー、Sadowsky Guitars（サドウスキー・ギター）のWEBデザインです。 画面幅いっぱいに表示されたギター製造工程の動画が印象的なサイトで、ファーストビューで端的にブランディングをしています。 グリッドをベースとした整然としたレイアウトは信頼感と安心感を与え、また単調にならないように縦長や横長など様々な形の要素を作って変化を与えています。...
-
Denon – デノン製品公式サイト
日本の音響機器ブランド、Denon（デノン）製品公式サイトのWEBデザインです。 グリッドで整然と区切られたレイアウトとモノトーン＋ネイビーの配色がトラディショナルで、落ち着きと信頼性を感じさせるサイトです。 カード型のコンポーネントを取り入れながらも白抜き画像を用いることでホワイトスペースを多分に生み、ゆったりとした高級感も感じさせています。 またドロップダウンメニューに製品画像を表示する...
-
AIR JAM 2018
Hi-STANDARDを中心に企画されたロックフェスティバル、AIR JAM（エアジャム）2018オフィシャルサイトのWEBデザインです。 パンクロックとストリートカルチャーを融合したイベントを象徴するかのようなロゴと熱気溢れる会場の背景画像、ダイナミックなスライダーが特徴のサイトです。 1カラム+グリッドで構成されたレイアウトはレスポンシブデザインとの親和性も高く、モバイル端末でも差異の少な...
-
さユり「月と花束」特設サイト
福岡出身の女性シンガーソングライター、酸欠少女さユりさんのシングル「月と花束」特設サイトのWEBデザインです。 シングルのアートワークの世界観をそのままに、イバラのイラストやダイヤ柄を取り入れた縦長のシングルページです。 グリッドをベースとしたレイアウトに散りばめられたイラストや背景画像、ユニークな形状のボタンが躍動感を与えて、よりサイトを印象的にしています。...
-
酸欠少女さユり公式サイト
福岡出身の女性シンガーソングライター、酸欠少女さユりさんのオフィシャルサイトのWEBデザインです。 シングル「月と花束」のアートワークをモチーフとしたデザインで、フルスクリーンのダイナミックな表示とパララックスが奥行きを与えています。 セリフ体の大きな見出しと画面右に固定されたナビゲーションも特徴で、グラデーションも取り入れることで深みが増し、よりサイトの世界観を魅力的にしています。...
-
椿音楽教室｜東京でピアノ教室など11の音楽教室を開講
東京で音楽教室を開講している、椿音楽教室のWEBデザインです。 フルスクリーンのダイナミックなファーストビューに手書き風のロゴがセンターに配置された、ポップでナチュラルなテイストのサイトです。 テクスチャーやイラストも積極的に取り入れたデザインは、パステル調の配色や動きのあるレイアウト等と合わせて柔らかく温かな印象を与えています。...
-
LArc-en-Ciel.com
日本のロックバンド、L'Arc〜en〜Ciel (ラルク・アン・シエル）オフィシャルサイトのWEBデザインです。 シングル「Don't be Afraid」のアートワークをテーマにしたアーティスト写真と半透明のブラックレイヤーがクールな、近未来感もあるデザインです。 下層ページは薄いグレーをベースにゴールドをアクセントにした配色と、余白をたっぷりと取ったレイアウトが優雅な落ち着きを感じさせてい...
-
Pink Floyd Endless River
イングランド出身のプログレッシブ・ロックバンド、Pink Floydのアルバム「The Endless River」特設サイトのWEBデザインです。 アルバムのアートワークをフルスクリーンで表示、ボートの人物と雲海がアニメーションしたシネマグラフが印象的なサイトです。 タイトルロゴやナビゲーションのゆるやかなアニメーション表示も加わり、アルバムやバンドの壮大な世界観を十二分に表現しています。...
-
Home | TALONS
イギリスのポストロックバンド、TALONS（タロンズ）オフィシャルサイトのWEBデザインです。 アルバム「We All Know」のアートワークをモチーフとしたダークなデザインで、背景にフルスクリーンで敷いた画像とパララックスが特徴です。 フルスクリーンで表示しながらもヘッダーやフッターと組み合わせて画面の四方にブラックのフレームを作る事で、コンテンツを際立たせています。 ...
-
Dead Letter Circus – New album The Endless Mile
オーストラリア出身のオルタナティヴロックバンド、DEAD LETTER CIRCUS（デッド・レター・サーカス）オフィシャルサイトのWEBデザインです。 フルスクリーンでフェードイン/アウトする大きな画像とブルーをアクセントとした配色、半透明の固定ナビゲーションがクールでスタイリッシュなサイトです。 部分的にグランジ調の背景テクスチャを用いて質感を高めたり、フッターにさりげなくパララックスを取...
-
ケラケラ オフィシャルウェブサイト
日本の3人組音楽ユニット、ケラケラ オフィシャルサイトのWEBデザインです。 手書きのナビゲーションや罫線・イラスト、背景のパターンがファンシーでポップな印象のサイトです。 白背景にイエローとブルーの配色とリボンやサークルをモチーフとしたパターン、程良くゆるい感じのイラストが明るくぬくもりを感じさせています。...
-
Hotei
群馬県出身/ロンドン在住のギタリスト・ロックミュージシャン、布袋 寅泰（ほていともやす）氏のENGLISH SITEのWEBデザインです。 フラットなデザインとネイビー+レッドの配色がクールでスタイリッシュな印象で、固定ナビゲーションとアンカーリンクが特徴の縦長ページのサイトです。 トレードマークでもある幾何学模様を色々なパターンで背景に敷いていて、オリジナリティと近未来的なイメージをもたらし...
-
High End Audiophile Amplifiers And Sound Systems | MOON – Simaudio
カナダのオーディオメーカーSIMAUDIOが手がける、MOONブランドのWEBデザインです。 フルスクリーン表示での動画を活用したブランディング、モノトーン中心の配色とセリフ体のテキストや縦横のボーダーがスタイリッシュな印象のサイトです。 スプリットやブロークングリッド、意図的に要素をずらしたり画像に重ねたりしたレイアウトは動きと遊び心を感じさせ、強いインプレッションを与えています。...
-
go!go!vanillas
日本のロックバンド、go!go!vanillas（ゴーゴーバニラズ）オフィシャルサイトのWEBデザインです。 フラットなデザインにパステル調のピンクやブルーの配色が映えるシンプルなデザインで、左側に固定されたナビゲーションが特徴のサイトです。 メインビジュアルのスライダーや斜めになったナビゲーションのアニメーションがユニークで、ローディング時の動きも読み込みのストレスを和らげています。...
-
和楽器バンド Official Site
日本のロックバンド、和楽器バンド（わがっきバンド）オフィシャルサイトのWEBデザインです。 グリッドで色分けされた背景に画像やコンテンツを重ねたりずらしたりすることでオリジナリティや躍動感を高めているレイアウトが特徴です。 縦書きの見出しやグラデーションも取り入れた和を感じさせるデザインは、バンドの世界観やコンセプトを的確に表現しています。...
-
杏里オフィシャルサイト
神奈川県出身の歌手/シンガソングライター、杏里（あんり）さんのオフィシャルサイトのWEBデザインです。 海や夏を想起させるようなコバルトブルーを基調にした爽やかな配色と、デニム生地のようなパターン素材が質感を感じさせています。 ゴールドをアクセントカラーに加え、明朝体のフォントを用いることで優雅で女性らしい華やかさもプラスしたデザインです。...
-
小島麻由美オフィシャルサイト
東京都出身のシンガーソングライター、小島麻由美（こじま まゆみ）さんのオフィシャルサイトのWEBデザインです。 ネイビーを基調にサンドベージュをアクセントとした配色は上品で大人の落ち着きを感じさせ、イラストやポップな区切り線を加えることでキュートな印象も併せ持っています。 縦長ページをスクロールに合わせてナビゲーションの雲が移動したり、PROFILE & DISCOGRAPHYでは時系列にタイ...
-
Ólafur Arnalds
アイスランドの音楽家・作曲家のÓlafur Arnalds（オーラヴル・アルナルズ）オフィシャルサイトのWEBデザインです。 ホワイトとグレーを基調にした配色とたっぷりと取った余白が知的でクリーンな印象を感じさせています。 大胆で太めのサンセリフ体を下層ページの見出しにしてメリハリを付けつつ、セリフ体を使用してクラシカルな雰囲気も持たせています。 TOPページのジャケット画像にマウスオーバー...
-
BLUE NOTE TOKYO
東京/南青山のジャズクラブ、ブルーノート東京（BLUE NOTE TOKYO）オフィシャルサイトのWEBデザインです。 ベースカラーのブラックに濃いブルーとゴールドを加えた配色は重厚感と高級感があり、国内外の著名なミュージシャンが出演してきた老舗ジャズクラブの雰囲気を存分に表現しています。 ファーストビューの中にフェードで切り替わる店舗画像で世界観を出しながら予約ボタンや最新情報のカルーセルも...
-
サザンオールスターズ Official Site
「サザン」の愛称で親しまれる日本のロックバンド、サザンオールスターズ（Southern All Stars）オフィシャルサイトのWEBデザインです。 インパクトの大きいビジュアルがランディングページ的な役割を果たす告知画面と、大きなスライダーや見出しがポップで明るい印象を作っています。 背景に敷いた薄いグレーからずらして表示した見出しや画像が遊び心を感じさせていて、一方でスタイリッシュなフッタ...
-
Corona SUNSETS FESTIVAL | コロナが沖縄で開催するリゾートフェス
世界中で愛されるビール「Corona Extra」が手掛けるリゾートビーチフェスティバル、Corona SUNSETS FESTIVAL（コロナ・サンセッツ・フェスティバル）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示されたダイナミックな動画は多くの言葉を使うことなく優雅なリゾート感と開放感、フェスの模様を伝えています。 ネイビーブルーとイエローで配色されたフラットデザインに...
-
CREATIVEMAN PRODUCTIONS | クリエイティブマンプロダクション（CMP）
SUMMER SONIC、LOUD PARK等のフェスや国内外のコンサートを企画･制作･運営する、CREATIVEMAN PRODUCTIONS（クリエイティブマンプロダクション）のオフィシャルサイトのWEBデザインです。 モノトーンベースの配色に色分けされたラベルやボタン、ウエイトのある見出しが賑やかでポップな印象を与えているサイトです。 詳細ページではメインビジュアルにずらして重ねたレイア...
-
Native Instruments – Software And Hardware For Music Production And Djing
ドイツ/ベルリンのシンセサイザー・コンピューターミュージック機器のメーカー、Native Instruments（ネイティブ・インストゥルメンツ)のWEBデザインです。 ホワイトと濃淡のグレーにブルーをアクセントカラーとした配色はクールかつクリーンで、スタイリッシュな印象のコーポレートサイトです。 EVENTページではデュオトーンの画像も見受けられ、全体的に余白を大きく取ったレイアウトはオブジ...
-
水曜日のカンパネラ OFFICIAL SITE
日本の音楽ユニット、水曜日のカンパネラのオフィシャルサイトのWEBデザインです。 数多のサイトとは異なるブルータルなレイアウトやデザインはとても刺激的でありながら、ミニマルでわかりやすいサイト構成です。 ビジュアル要素として見せるテキスト、レトロな印象も受ける画像、ダイナミックなアニメーション等、斬新で独創的なデザインのサイトです。...
-
BLUE ENCOUNT
熊本出身のロックバンド、BLUE ENCOUNT（ブルー・エンカウント）オフィシャルサイトのWEBデザインです。 画面幅いっぱいのダイナミックなスライダーと縦方向に貫くナビゲーションが特徴のサイトで、上下方向への空間の広がりも感じさせる印象的なデザインです。 グレーの濃淡とミントブルーをアクセントとした配色は爽やかでクリーンな印象で、レトロな印象のWEBフォントと相まったクールな雰囲気を醸し出...
