CATEGORY : パンク
-
AUTO-MOD official website
日本のロックバンド、AUTO-MOD（オートモッド）のオフィシャルサイトのWEBデザインです。 モノトーンを中心とした配色と、フルスクリーン表示したモノクロのアーティスト画像がダークで退廃的な雰囲気を演出したサイトです。 ...
-
La Dispute
アメリカ/ミシガン州出身のポスト・ハードコアバンド、La Dispute(ラ・ディスピュート)のオフィシャルサイトのWEBデザインです。 アルバム「Panorama」のアートワークをフルスクリーンで表示した、パステル調の淡く柔らかな色合いのサイトデザインです。 シンプルな構成のフラットデザインに、さりげなくグラデーションやパララックスも取り入れていて奥行きや広がりも感じさせています。...
-
MO’SOME TONEBENDER official web site
福岡出身のロックバンド、MO'SOME TONEBENDER（モーサム・トーンベンダー）オフィシャルサイトのWEBデザインです。 フルスクリーン表示したモノクロのアーティスト画像とモノトーンで統一された配色がスタイリッシュなサイトです。 DISCOGRAPHYベージでは画像に白枠を付けて、額縁効果でよりリリース作品を際立たせています。 TOPページスライダーの広告デザインのようなタイポグラフ...
-
Blondie – Official Website
アメリカ/ニューヨーク出身の女性ボーカルロックバンド、Blondie（ブロンディ）オフィシャルサイトのWEBデザインです。 黒背景をベースにしたモノトーン+レッドの配色と、モノクロの画像の対比がスタイリッシュながらレトロ感も併せ持つサイトです。 アルバム「POLLINATOR」のアートワークを模したような赤い三角の要素をサイト内に散りばめ、よりシャープで個性的な印象を与えています。...
-
ATATA『JOY』Release Tour 2016 -WE ARE ATATA ARMY!!! IN JAPAN!!!-
新代田発FEVER系6人組バンド、ATATAのミニアルバム「JOY」特設サイトのWEBデザインです。 アルバムのアートワークをモチーフとしたフェイスペイントの画像とアニメーション、3つにスプリットされたユニークなレイアウトが特徴のサイトです。 縦スクロールの中に斜めの要素を加えたり、左右ジグザグの配置で躍動感や流れを与えているポップでエネルギッシュなデザインです。...
-
映画「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ページではカテゴリーごとに色分けされたラベルを配置していて、ポップで鮮やかな印象を与えつつ情報を分かりやすくしていま...
-
DEEPSLAUTER
千葉県柏市で結成されたハードコアバンド、DEEPSLAUTER (ディープスローター)のオフィシャルサイトのWEBデザインです。 熱気が伝わってくるようなライブシーンの画像をフルスクリーンで表示、シンプルな配色とレイアウトのコンテンツとの対比がクールなサイトです。 Tumblrをカスタマイズしていて、カード型のコンポーネントを縦方向のみ可変にしたレイアウトは、一覧性の見やすさと適度な動きや躍動...
-
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コンテン...
-
GodCity Studio | We record sounds.
CONVERGEのギタリストKurt Ballouが運営するレコーディングスタジオ、GodCity StudioのWEBデザインです。 シンプルでフラットなデザインと、モノトーン中心の配色、TOPページ下部にあるダイナミックなスライダーが特徴のスタイリッシュなサイトです。 図版率が大きいのも特徴で、画像の上に半透明レイヤーを置いてテキストを表示していて、ORANGEのアンプを彷彿させる配色がア...
-
Rise Against | Official Site
アメリカ/イリノイ州シカゴ出身のメロディック・パンクバンド、Rise Against（ライズ・アゲインスト）オフィシャルサイトのWEBデザインです。 モノトーンの中でレッドが際立つスタイリッシュな配色と、ザラザラとした質感を感じさせているグランジ風の背景画像が特徴のデザインです。 水平・垂直のラインに整然と整理されたレイアウトの中で、シェアボタン等に円形フォルムを用いてポイントを作り、サイトに...
-
Fall Out Boy
アメリカ/イリノイ州シカゴ出身のポップ･パンクバンド、Fall Out Boy（フォール・アウト・ボーイ）オフィシャルサイトのWEBデザインです。 ビビッドなパープル配色がクールさと上品さ、アクティブな印象も感じさせるサイトで、デュオトーンやパララックスも特徴です。 センター表示されたテキストと全面表示された画像がダイナミックかつ安定した構図で、半透明の角丸ボタンがポップ感とスタイリッシュ感を...
-
AIR JAM 2018
Hi-STANDARDを中心に企画されたロックフェスティバル、AIR JAM（エアジャム）2018オフィシャルサイトのWEBデザインです。 パンクロックとストリートカルチャーを融合したイベントを象徴するかのようなロゴと熱気溢れる会場の背景画像、ダイナミックなスライダーが特徴のサイトです。 1カラム+グリッドで構成されたレイアウトはレスポンシブデザインとの親和性も高く、モバイル端末でも差異の少な...
-
Bloodshed Fest 2018
オランダのエクストリーム・ミュージック・フェスティバル、Bloodshed FestのWEBデザインです。 モノトーンのみの配色と、シンプルでクリーンなレイアウトにダークでおどろおどろしい背景画像がアンダーグラウンドな世界観を作るサイトです。 上部の固定ナビゲーション、右下のスクロールボタンと共に、左下にspotifyのMUSICプレーヤーがあるのも特徴で、四隅をおさえて額縁効果ももたらしてい...
-
Gouge Away
フロリダ出身の女性ボーカル激情ハードコアバンド、Gouge AwayオフィシャルサイトのWEBデザインです。 アルバム「BURNT SUGAR」のパープルブラウンとミントグリーンを基調とした配色が甘くもレトロ感も感じさせるデザインです。 デュオトーンのライブ画像を背景にフルスクリーンで表示、図版率も大きめのレイアウトでライブ感のあるダイナミックなサイトです。...
-
Official Nirvana Website: Complete Discography, Videos and more
ワシントン州アバディーン出身のロックバンド、Nirvana（ニルヴァーナ）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示された動画がダイナミックで大きなインパクトを与えるサイトで、パララックスも取り入れた縦長のページです。 色使いを抑えた配色とフラットデザイン、罫線のみで装飾したシンプルな見出し等が動画やジャケット画像を映えて見せています。...
-
PALM Official Website
大阪のダークハードコアバンド、PALM（パーム）オフィシャルサイトのWEBデザインです。 ブラック+レッドの配色とグランジ加工されたロゴ、逆十字がダークなイメージを与える重厚感のあるデザインです。 パララックスやホバーエフェクト等の細かな動きが光っていて、フルスクリーン表示の際にスクロールボタンが下部コンテンツへのアクションを促しています。...
-
Holy Roar Records
イギリス/ロンドンのインディペンデント・レーベル、Holy Roar Records（ホーリー･ロアー・レコード）のWEBデザインです。 赤ん坊のシュールな線画のロゴマーク、横幅いっぱいのスライダーがダイナミックなサイトで、大きめのサムネイル画像を使用した直感的なデザインも特徴です。 モノトーンにゴールドをアクセントとした配色が落ち着いた印象を与えていて、リリース作品やアーティスト画像の配色を...
-
IDIOTEQ.com – DIY Hardcore Punk & Experimental Music News & Interviews
ポーランド/ワルシャワのハードコア・パンク等のDIYメディアサイト、IDIOTEQ.comのWEBデザインです。 画像以外はモノトーンで配色された潔いデザインは色のバラつきを抑えて、シックでクラシックな統一感を醸し出しています。 大き過ぎないサムネイル画像は一度にたくさんの記事を一覧表示することが出来て、またデバイスサイズに合わせて縦積みと横並びを切り替えて、操作性を考慮しています。...
-
Billy Idol
イギリス出身のミュージシャン/シンガーソングライター、Billy Idol（ビリー・アイドル）オフィシャルサイトのWEBデザインです。 モノトーン＋レッドの配色とモノトーンで統一された画像がパンキッシュで猥雑な印象を与えているサイトデザインです。 細かなエフェクトやアニメーションと共にサイドカラムやフッター等に多くの動線を配しているのも特徴で、どのページからも回遊性を生んでいます。...
-
D’ERLANGER
日本のロックバンド、D'ERLANGER（デランジェ）オフィシャルサイトのWEBデザインです。 エレガントな印象のロゴマークや斜体のナビゲーション、ホワイトをベースとした配色にゴールドをアクセントカラーとした優雅な雰囲気のデザインです。 下層ページではキャッチ画像やローカルナビゲーションを色分けしてジグザグにすることでリズムを作りつつ、印象的なページにしています。...
-
The illustrations and books of Alex CF
FALL OF EFRAFAやLIGHT BEARERのボーカリストとして知られるイギリス/ブリストルのイラストレーター、ALEX CFのWEBデザインです。 ホワイト＋ゴールドの配色と余白を十分に取ったレイアウトはすっきりとエレガントに見せて、奇をてらわないデザインはゆったりとした雰囲気を演出しています。 シンプルで装飾を施さないデザインはイラストやアートワーク画像を映えて見せていて、画像自...
-
The BONEZ Official Website
日本のロックバンド、The BONEZ（ザ・ボーンズ）オフィシャルサイトのWEBデザインです。 スライダーの右側に余白を設けて抜けを作り、少しずらしてロゴを重ねることで躍動感や流れを感じさせています。 モノトーンで配色されたフラットデザインを、ジャンプ率の大きな見出しや背景に透かしたロゴマーク等がポップでにぎやかな印象にしています。 ...
-
weareDANGERS
アメリカ/カリフォルニア州ロサンゼルス出身のインディーロック・ハードコアバンド、DANGERS（デンジャーズ）オフィシャルサイトのWEBデザインです。 アルバム「THE BEND IN THE BREAK」のアートワークをフルスクリーンで表示、四方にホワイトエッジを付けたTOPページデザインです。 下層ページは左側にナビゲーションを固定したレイアウトのフラットデザインで、小さめのフォントサイズ...
-
竹原ピストル
日本のシンガーソングライター、竹原ピストルさんのオフィシャルサイトのWEBデザインです。 黒背景にインディアンをモチーフにしたロゴと欠けた角丸のナビゲーションのみのTOPページは、無駄を削ぎ落とした潔いデザインとなっています。 下層ページは一転してナチュラルな配色で、1カラムで表示することでメインコンテンツに集中しやすいレイアウトになっています。...
-
忘れらんねえよ OFFICIAL WEBSITE
日本のバンド、忘れらんねえよ（わすれらんねえよ）オフィシャルサイトのWEBデザインです。 独特な存在感を持つキャラクターのイラストを使用したGIFアニメのナビゲーションや、ページごとに違う背景画像などポップでカラフルなデザインです。 程よくゆるいテイストが親しみや柔らかさを感じさせていて、ファビコンやページTOPボタンの動きなど遊び心が満載のサイトです。...
-
THE CRO-MAGNONS | ザ・クロマニヨンズ
甲本ヒロト、真島昌利を中心に結成されたロックバンド、ザ・クロマニヨンズ（THE CRO-MAGNONS）オフィシャルサイトのWEBデザインです。 イエローを全面に使用した配色と特徴的なイラストが個性的なデザインで、キャラクターを使用することで効果的にサイトを印象付けています。 カード型のデザインや見出し、ナビゲーション等をサイト全体で共通化することで分かりやすく統一感のあるデザインになっていま...
-
:::AA= OFFICIAL WEB SITE:::
THE MAD CAPSULE MARKETSのベーシスト、上田剛士氏のソロプロジェクトAA=（エーエーイコール）オフィシャルサイトのWEBデザインです。 ノイズの入った古い映像のようなTOPのビジュアルやロゴなど、随所にグランジテイストを含めたダークなデザインで、 横組みの本文に対してタテ組みで大胆に配置した各ページの見出しが印象的です。...
-
RUN FOR COVER RECORDS
ボストンのインディーパンクレーベル、RUN FOR COVER RECORDS（ラン・フォーカバー・レコード）のWEBデザインです。 ネイビーと彩度の低いピンクを組み合わせた配色は上品で落ち着いた中に華やかさとどこか懐かしい甘酸っぱさも感じさせていて、 グリッドでレイアウトされた角版画像が与える堅くなりがちな印象をふんわりと柔らかくしています。...
-
.:.::.: k i l l i e :.:.::..
東京の5ピースROCK'N'ROLL BAND、killie（キライ）オフィシャルサイトのWEBデザインです。 固定概念や既存フォーマットから外れた音楽性やスタンスと同じく他に類をみないようなサイトで、グランジテイストのテクスチャーやスプラッシュ、コラージュを重ねた奇抜で尖ったデザインです。...
-
InVogue Records | Independent Record Label
アメリカ/オハイオ州のインディペンデントレーベル、InVogue Records（インヴォーグ・レコード）のWEBデザインです。 モノクロのキャッチ画像とモノトーンで統一された配色はスタイリッシュで、洗練された都会的な印象を感じられます。 ページ遷移時にロゴマークをモチーフにしたローディングアニメーションを使用していて、読み込み時のストレス軽減とサイトの離脱を抑える役目をしています。...
-
Sublime With Rome
カリフォルニア州ロングビーチ出身のロックバンド、Sublime With Rome（サブライム・ウィズ・ローム）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示されたメンバー画像とストリートグラフィティのようなロゴがダイナミックな印象を与えながら、サイト全体は無駄な装飾を省いたシンプルなフラットデザインです。 ほぼモノトーンのみでデザインされたシンプルな配色は、図版率の高い画像や...
-
Sublime – Home
カリフォルニア州ロングビーチ出身のロックバンド、Sublime（サブライム）オフィシャルサイトのWEBデザインです。 透過したレイヤーの下などサイト全体でふんだんにイラスト画像を使用していて、様々な色彩が彩るポップで毒気も感じられるようなユニークなデザインとなっています。 バンドのヒストリーをフラッグとカルーセルで見せるアイデアも面白く、限られた領域で多くの情報をストーリーのように展開していま...
-
BLOODAXE FESTIVAL OFFICIAL SITE
東京出身ハードコアバンド、Loyal To The Grave が主催するBloodaxe Festival(ブラッドアックスフェスティバル)のWEBデザインです。 熱い盛り上がりを捉えた画像をダイナミックに表示したスライダーが特徴で、シンプルな配色は個性の強いフライヤー画像等を映えて見せています。 カラムとグリッドでまとめられたベーシックなレイアウトはトレンドに左右されることなく、あらゆる層...
-
Camigraphic Lab – Taller de Serigrafía y diseño en Santander, Cantabria
スペイン/カンタブリア州のグラフィック社、Camigraphic LabのWEBデザインです。 パンク・ハードコア系のグラフィックやイラスト・印刷などを多数手がけていて、一覧ページの作品群は見応えがあります。 モノトーンを中心に配色されたフラットなデザインで、アクセントになっているイエローが堅くなりそうなサイト全体を程よく和らげています。...
-
— H E X I S —
デンマーク/コペンハーゲン出身のブラッケンド・ハードコア・バンド、HEXIS(ヘクシス)オフィシャルサイトのWEBデザインです。 ブラッケンドハードコアにブラックメタルやスラッジをクロスオーバーさせて研ぎ澄ませたそのサウンドは残虐極まりなく、視聴覚を漆黒に塗り潰すかのようなトレモロリフや高速ドラムは徹底的に負の方向へと振り切っています。 サイトは目を背けたくなる残忍なモノクロ画像をフルスク...
-
QUICKSAND
アメリカ/ニューヨークのポストハードコアバンド、QUICKSAND（クイックサンド）オフィシャルサイトのWEBデザインです。 1990年に結成され、硬質なリフや変則的なドラミング、重厚なグルーヴとダイナミズムに哀愁あるメロディが乗る楽曲は同郷のHELMET等とも比較され、後のエモやオルタナティブ等のシーンに多大な影響を与えたバンドの一つです。 サイトはアースカラーで配色された中にアルバム「...
-
Epitaph Records
カリフォルニア州ロサンゼルスのパンク・レーベル、Epitaph Records（エピタフ・レコード）のWEBデザインです。 バッド・レリジョンが自身のアルバムをリリースするために設立されたレーベルで、オフスプリング等の商業的成功を経て多数のパンク・バンドが所属する巨大インディーズレーベルとなっています。 サイトはモノトーンに映えるレッドやオレンジの配色がアクティブでエネルギッシュな印象で、...
-
SHADOWS
日本のロックバンド、SHADOWS(シャドウズ)オフィシャルサイトのWEBデザインです。 ex-FACTのメンバーで結成されたバンドで、ファストでメロディックといった前バンドの核を継承しつつもそれを凌駕するようなエモーション溢れる楽曲とプリミティブなパフォーマンスでPUNK SPRINGを始めとするフェス等にも参戦しています。 サイトはざらざらとした質感のテクスチャを敷いたグランジテイスト...
- Page 1 of 2
- 1
- 2
