CATEGORY : Jロック
-
映画「SOUNDS LIKE SHIT: the story of Hi-STANDARD」
Hi-STANDARDのドキュメンタリー映画、SOUNDS LIKE SHIT: the story of Hi-STANDARDのWEBデザインです。 ダイナミックに表示されたアーティスト画像とタイトルロゴ、コンクリートのようなハードな質感のテクスチャーが特徴のサイトです。 ブラック×ホワイト×レッドで統一された配色とシンプルなレイアウトとコンテンツは、よりキービジュアルやトレイラー動画の視...
-
04 Limited Sazabys OFFICIAL WEB SITE
名古屋出身のロックバンド、04 Limited Sazabys（フォー・リミテッド・サザビーズ）のオフィシャルサイトのWEBデザインです。 ウインドウ幅いっぱいに表示されたキービジュアルと、破れた紙のようなグランジデザインとポップなテキストデザインが特徴のサイトです。 MEDIAページではカテゴリーごとに色分けされたラベルを配置していて、ポップで鮮やかな印象を与えつつ情報を分かりやすくしていま...
-
スキマスイッチ OFFICIAL WEBSITE
大橋卓弥と常田真太郎からなる日本の音楽ユニット、スキマスイッチのオフィシャルサイトのWEBデザインです。 清涼感とポップさを併せ持つ配色と柔らかな質感のテクスチャーがナチュラルな雰囲気を感じさせるサイトです。 ウインドウサイズによって可変するカード型のレイアウトも特徴で、テキストや画像・動画等をスタイリッシュに配置しています。...
-
CHAI Official
名古屋出身の女性4人組バンド、CHAI（チャイ）オフィシャルサイトのWEBデザインです。 白とピンクで統一された配色と、フラットなデザインに大きく大胆にレイアウトされた画像が特徴のサイトです。 左側にナビゲーションを固定したレイアウトですが、罫線などの装飾を省き余白を多く取ることで窮屈さを感じさせず、広がりのあるデザインになっています。...
-
MONOEYES OFFICIAL WEBSITE
ELLEGARDENやthe HIATUSでも活動する細美武士氏が立ち上げたロックバンド、MONOEYES（モノアイズ）オフィシャルサイトのWEBデザインです。 フルスクリーンのアーティスト画像上にロゴを配したダイナミックなTOPページと、シンプルでクリーンな印象の下層ページの対比がユニークなサイトです。 シンプルな中にもWEBフォントでデザイン性を高めたり、見出し下に装飾を加えることでアクセ...
-
くるり『その線は水平線』特設サイト
京都出身のロックバンド、くるりのシングル「その線は水平線」特設サイトのWEBデザインです。 アートワークに使用されているレトロでノスタルジックな雰囲気の海面画像をフルスクリーンで表示したダイナミックなサイトです。 シンプルなボーダーと明朝体のWEBフォント、ジャンプ率が低いテキストで構成された、落ち着きと懐かしさを感じさせるデザインです。...
-
くるり / QURULI
京都出身のロックバンド、くるりのオフィシャルサイトのWEBデザインです。 アルバム「ソングライン」のアートワークである風景イラストを横幅いっぱいに表示、その上を線で描画するSVGアニメーションのロゴが印象的なサイトです。 シンプルで無駄な装飾を省いたデザインの下層ページでは、縦書きの見出しがシャープでより引き立っています。...
-
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デザインです。 モノクロのアーティスト画像を横幅いっぱいに表示、モノトーン＋ネイビーでスタイリッシュにまとめた配色が特徴のシングルページです。 特設サイトということでアートワークを大きく配置していて、ポップアップする視聴プレーヤー等、アルバムの世界観を余すことなく伝えています。...
-
CHAI GLOBAL | We are New Exciting Onna(female) Band from Japan ! NEO KAWAII ! COMPLEX IS ART !
名古屋出身の女性4人組バンド、CHAI（チャイ）グローバルサイトのWEBデザインです。 ピンクを基調にしたポップな配色とクリエイティブ、ダイナミックなフルスクリーン動画やアニメーションする装飾が賑やかでキュートなサイトです。 テキストをマスクしたローディング画面や、手書きのテキストなども取り入れたタイポグラフィー等、餃子のPAGETOPボタン等、見どころが満載です。...
-
Cocco Official site
沖縄出身のシンガーソングライター、Cocco（こっこ）さんのオフィシャルサイトのWEBデザインです。 モノトーンですっきりとまとめられた配色と、ホワイトスペースを多分に取ったシンプルで凛とした印象のサイトです。 ローディング画面やフッターにさりげなく手書き風のイラストやテキストを取り入れることで、親しみやすさとアクセントをもたらしています。...
-
GLAY公式サイト
北海道出身のヴィジュアル系ロックバンド、GLAY（グレイ）オフィシャルサイトのWEBデザインです。 グリッドで整然とレイアウトされた誘導バナーと各コンテンツごとに色分けされた半透明レイヤー、ダイナミックな各種アニメーションが特徴のサイトです。 下層ページでは広めの余白とグレーの濃淡で配色されたクリーンなデザインで、大きな見出しやWEBフォント、アイコンが親しみやすくポップ感を演出しています。...
-
AIR JAM 2018
Hi-STANDARDを中心に企画されたロックフェスティバル、AIR JAM（エアジャム）2018オフィシャルサイトのWEBデザインです。 パンクロックとストリートカルチャーを融合したイベントを象徴するかのようなロゴと熱気溢れる会場の背景画像、ダイナミックなスライダーが特徴のサイトです。 1カラム+グリッドで構成されたレイアウトはレスポンシブデザインとの親和性も高く、モバイル端末でも差異の少な...
-
松井常松OfficialSite
群馬県高崎市出身のミュージシャン/ベーシスト、松井常松（まつい つねまつ）氏のオフィシャルサイトのWEBデザインです。 フルスクリーンでセンターに表示されたアーティスト画像と右固定のナビゲーション、多くの余白が落ち着きと大人のゆとりをも感じさせるサイトです。 下層ページは一転して黒背景にセンター表示のコンテンツとアップ寄りの画像となり、大小の対比がシャープで距離感と緊張感を生んでいます。 ...
-
LArc-en-Ciel.com
日本のロックバンド、L'Arc〜en〜Ciel (ラルク・アン・シエル）オフィシャルサイトのWEBデザインです。 シングル「Don't be Afraid」のアートワークをテーマにしたアーティスト写真と半透明のブラックレイヤーがクールな、近未来感もあるデザインです。 下層ページは薄いグレーをベースにゴールドをアクセントにした配色と、余白をたっぷりと取ったレイアウトが優雅な落ち着きを感じさせてい...
-
Sadie
大阪出身のヴィジュアル系ロックバンド、Sadie（サディ）オフィシャルサイトのWEBデザインです。 象徴的なキービジュアルと縦積みのナビゲーション、ダークな雰囲気を演出した背景のテクスチャーが特徴のサイトです。 ページ下部にスライドインする固定ナビゲーションがあるのも特徴で、他のサイトではあまり見かけないユニークなアイデアです。...
-
やくしまるえつこ
日本の女性歌手/ミュージシャン、やくしまるえつこさんのオフィシャルサイトのWEBデザインです。 独特なタッチのペン画がアニメーションになった斬新かつブルータルなデザインのサイトで、独自の世界観を強く打ち出しています。 ユーザビリティー面やWEBサイトの固定観念を捨てた、前衛的で自由な表現は他にはないユニークなデザインです。...
-
THE YELLOW MONKEY | ザ・イエロー・モンキー オフィシャルサイト
「イエモン」の愛称で親しまれる日本のロックバンド、THE YELLOW MONKEY（ザ・イエロー・モンキー）オフィシャルサイトのWEBデザインです。 フルスクリーンでのライブ動画と画面幅いっぱいに表示されたコンテンツがダイナミックで迫力があるサイトです。 下層ページでは余白を大きく取り、細めのボーダーや広めの行間がクールで落ち着いた印象で、ゴールドのアクセントカラーと相まって優雅な雰囲気も感...
-
HOME | 4年2組
“青春” をテーマに活動するヴォーカルユニット、4年2組オフィシャルサイトのWEBデザインです。 高揚感のあるライブ画像を大きく使用したダイナミックな印象のスライダーと、黒背景に映える色鮮やかな画像が華やかなデザインのサイトです。 DISCOGRAPHYではCDジャケットとテキストを交互に左右ジグザグに配置し、楽しげなイメージを演出しリズミカルなテンポ感を生んでいます。...
-
アナ Official WebSite
福岡出身の２人組バンド、アナのオフィシャルサイトのWEBデザインです。 アースカラーを取り入れた配色と柔らかな質感のテクスチャを用いた、ナチュラルな雰囲気のサイトです。 アイコンを積極的に取り入れたり、ページ下部にはコンテンツをピンク・ネイビー・イエローで区切って配置したりと視覚的に分かりやすく配慮されています。...
-
TUBE | ソニーミュージック オフィシャルサイト
日本の夏を代表するロックバンド、TUBE（チューブ）ソニーミュージック オフィシャルサイトのWEBデザインです。 グリッドと2カラムで構成されたベーシックなレイアウトで、大きな海の画像を背景に敷いたデザインはバンドのイメージをストレートに表現しています。 また背景画像を固定してコンテンツのみをスクロールさせることで、ページ全体がスクロールするよりもテキストや画像に注目を集めています。...
-
Hotei
群馬県出身/ロンドン在住のギタリスト・ロックミュージシャン、布袋 寅泰（ほていともやす）氏のENGLISH SITEのWEBデザインです。 フラットなデザインとネイビー+レッドの配色がクールでスタイリッシュな印象で、固定ナビゲーションとアンカーリンクが特徴の縦長ページのサイトです。 トレードマークでもある幾何学模様を色々なパターンで背景に敷いていて、オリジナリティと近未来的なイメージをもたらし...
-
go!go!vanillas
日本のロックバンド、go!go!vanillas（ゴーゴーバニラズ）オフィシャルサイトのWEBデザインです。 フラットなデザインにパステル調のピンクやブルーの配色が映えるシンプルなデザインで、左側に固定されたナビゲーションが特徴のサイトです。 メインビジュアルのスライダーや斜めになったナビゲーションのアニメーションがユニークで、ローディング時の動きも読み込みのストレスを和らげています。...
-
和楽器バンド Official Site
日本のロックバンド、和楽器バンド（わがっきバンド）オフィシャルサイトのWEBデザインです。 グリッドで色分けされた背景に画像やコンテンツを重ねたりずらしたりすることでオリジナリティや躍動感を高めているレイアウトが特徴です。 縦書きの見出しやグラデーションも取り入れた和を感じさせるデザインは、バンドの世界観やコンセプトを的確に表現しています。...
-
小島麻由美オフィシャルサイト
東京都出身のシンガーソングライター、小島麻由美（こじま まゆみ）さんのオフィシャルサイトのWEBデザインです。 ネイビーを基調にサンドベージュをアクセントとした配色は上品で大人の落ち着きを感じさせ、イラストやポップな区切り線を加えることでキュートな印象も併せ持っています。 縦長ページをスクロールに合わせてナビゲーションの雲が移動したり、PROFILE & DISCOGRAPHYでは時系列にタイ...
-
サザンオールスターズ Official Site
「サザン」の愛称で親しまれる日本のロックバンド、サザンオールスターズ（Southern All Stars）オフィシャルサイトのWEBデザインです。 インパクトの大きいビジュアルがランディングページ的な役割を果たす告知画面と、大きなスライダーや見出しがポップで明るい印象を作っています。 背景に敷いた薄いグレーからずらして表示した見出しや画像が遊び心を感じさせていて、一方でスタイリッシュなフッタ...
-
BUCK-TICK Official Website
群馬県出身のロックバンド、BUCK-TICK（バクチク）オフィシャルサイトのWEBデザインです。 柔らかな色合いをブラックとサーモンピンクで引き締めて華やかにした配色で、フラットデザインと相まって優しくポップな印象を与えています。 2カラムのベーシックなレイアウトはユーザーを迷わせることなく、またローカルナビゲーションやバナーがサイト内や各コンテンツへの回遊性を高めています。...
-
D’ERLANGER
日本のロックバンド、D'ERLANGER（デランジェ）オフィシャルサイトのWEBデザインです。 エレガントな印象のロゴマークや斜体のナビゲーション、ホワイトをベースとした配色にゴールドをアクセントカラーとした優雅な雰囲気のデザインです。 下層ページではキャッチ画像やローカルナビゲーションを色分けしてジグザグにすることでリズムを作りつつ、印象的なページにしています。...
-
back number（バックナンバー）official web site
群馬県出身のスリーピースロックバンド、back number（バックナンバー）オフィシャルサイトのWEBデザインです。 フルスクリーンの四方にホワイトエッジを付けて、変化していくグラデーションが鮮やかなファーストビューが印象的なサイトです。 下層ページではホワイトとグレーをベースにした配色と、細めの罫線、たっぷりと余白を取ったレイアウトがゆったりと落ち着いた雰囲気を演出しています。...
-
LUNA SEA OFFICIAL WEBSITE
東京都町田市出身のヴィジュアル系ロックバンド、LUNA SEA（ルナシー）オフィシャルサイトのWEBデザインです。 ブラック×レッドの配色がダークかつクールな印象のサイトで、背景に敷いた海や月面を想起させる画像が壮大で幻想的なイメージを作っています。 シングルカラムで構成されたレイアウトは大きなオブジェクトを配置しやすく、余分な動線がないためコンテンツを際立たせています。...
-
米津玄師 official site「REISSUE RECORDS」
徳島県出身のミュージシャン/シンガーソングライター、米津玄師（よねづけんし）さんのオフィシャルサイトのWEBデザインです。 モノトーン中心の配色のシンプルなフラットデザインに、ロゴや見出しのフォントや手書きイラストが温かみや親しみやすさをプラスしたサイトです。 ローディング時のアニメーションやマウスに追随するイエローのサークル等、クールな配色の中に遊び心やユーモアを感じられます。...
-
フジファブリック Official Website
日本のロックバンド、フジファブリックのオフィシャルサイトのWEBデザインです。 フルスクリーンで表示された迫力のあるスライダーにフィギュア画像を使用した、ポップで柔らかな雰囲気を持つサイトです。 ホワイトとミントグリーンの爽やかな配色と、縦横の直線ボーダーがサイトをキリっとシャープにしています。...
-
BLUE ENCOUNT
熊本出身のロックバンド、BLUE ENCOUNT（ブルー・エンカウント）オフィシャルサイトのWEBデザインです。 画面幅いっぱいのダイナミックなスライダーと縦方向に貫くナビゲーションが特徴のサイトで、上下方向への空間の広がりも感じさせる印象的なデザインです。 グレーの濃淡とミントブルーをアクセントとした配色は爽やかでクリーンな印象で、レトロな印象のWEBフォントと相まったクールな雰囲気を醸し出...
-
MIYAVI Official Site 【MYV382TOKYO.com】
日本のロックミュージシャン/ギタリスト、MIYAVI（ミヤビ）さんのオフィシャルサイトのWEBデザインです。 アルバム「SAMURAI SESSIONS vol.2」のアートワークをモチーフとしたデザインで、フルスクリーンで覆う斜めのストライプがスタイリッシュです。 スプリットスクリーンレイアウトを取り入れて画像とテキストそれぞれの要素を引き立たせつつ、訪問者に強く印象付けられるデザインになっ...
-
KEYTALK official web
日本のロックバンド、KEYTALK（キートーク）オフィシャルサイトのWEBデザインです。 斜めのメインビジュアルやレイヤーが印象的なサイトで、シンプルなフラットデザインを単調にさせずスタイリッシュにしています。 ナビゲーションのマウスオーバー時にエフェクトを加えたり、リリース作品の画像にロングシャドウを加えたりとさりげない部分までこだわりを感じられます。...
-
The BONEZ Official Website
日本のロックバンド、The BONEZ（ザ・ボーンズ）オフィシャルサイトのWEBデザインです。 スライダーの右側に余白を設けて抜けを作り、少しずらしてロゴを重ねることで躍動感や流れを感じさせています。 モノトーンで配色されたフラットデザインを、ジャンプ率の大きな見出しや背景に透かしたロゴマーク等がポップでにぎやかな印象にしています。 ...
-
Survive Said The Prophet OFFICIAL WEB
日本の5人組ロックバンド、Survive Said The Prophet(サバイブ・セッド・ザ・プロフェット)オフィシャルサイトのWEBデザインです。 余白を大きく取ったレイアウトと細めのボーダー、広めに取った字間などが知的でクールな印象を与えるフラットなデザインのサイトです。 さりげないパララックスや固定時にはハンバーガー＋ドロワーメニューに変化するナビゲーション等、細かな部分にもこだわり...
-
MAN WITH A MISSION
日本の5人組ロックバンド、MAN WITH A MISSION（マン・ウィズ・ア・ミッション）オフィシャルサイトのWEBデザインです。 少し彩度を下げたアーティスト画像が独特の存在感を演出していて、フルスクリーンで表示することでサイトの世界観を決定付けています。 フラットなデザインに細かなドット柄の背景パターンを敷くことで、モノトーン中心のダークな配色にトラディショナルな雰囲気もプラスしていま...
-
OLDCODEX Official website
日本の音楽ユニット、OLDCODEX（オルドコデックス）オフィシャルサイトのWEBデザインです。 動画をロゴの形にマスクしたファーストビューや手書き風フォントの見出し等、テキストをビジュアル要素としても見せるデザインです。 パララックスを多用してダイナミックな動きや遊び心を加え、コンテンツごとにストーリー性を持たせています。...
- Page 1 of 2
- 1
- 2
