CATEGORY : ハードコア
-
La Dispute
アメリカ/ミシガン州出身のポスト・ハードコアバンド、La Dispute(ラ・ディスピュート)のオフィシャルサイトのWEBデザインです。 アルバム「Panorama」のアートワークをフルスクリーンで表示した、パステル調の淡く柔らかな色合いのサイトデザインです。 シンプルな構成のフラットデザインに、さりげなくグラデーションやパララックスも取り入れていて奥行きや広がりも感じさせています。...
-
MO’SOME TONEBENDER official web site
福岡出身のロックバンド、MO'SOME TONEBENDER（モーサム・トーンベンダー）オフィシャルサイトのWEBデザインです。 フルスクリーン表示したモノクロのアーティスト画像とモノトーンで統一された配色がスタイリッシュなサイトです。 DISCOGRAPHYベージでは画像に白枠を付けて、額縁効果でよりリリース作品を際立たせています。 TOPページスライダーの広告デザインのようなタイポグラフ...
-
ATATA『JOY』Release Tour 2016 -WE ARE ATATA ARMY!!! IN JAPAN!!!-
新代田発FEVER系6人組バンド、ATATAのミニアルバム「JOY」特設サイトのWEBデザインです。 アルバムのアートワークをモチーフとしたフェイスペイントの画像とアニメーション、3つにスプリットされたユニークなレイアウトが特徴のサイトです。 縦スクロールの中に斜めの要素を加えたり、左右ジグザグの配置で躍動感や流れを与えているポップでエネルギッシュなデザインです。...
-
DEEPSLAUTER
千葉県柏市で結成されたハードコアバンド、DEEPSLAUTER (ディープスローター)のオフィシャルサイトのWEBデザインです。 熱気が伝わってくるようなライブシーンの画像をフルスクリーンで表示、シンプルな配色とレイアウトのコンテンツとの対比がクールなサイトです。 Tumblrをカスタマイズしていて、カード型のコンポーネントを縦方向のみ可変にしたレイアウトは、一覧性の見やすさと適度な動きや躍動...
-
GodCity Studio | We record sounds.
CONVERGEのギタリストKurt Ballouが運営するレコーディングスタジオ、GodCity StudioのWEBデザインです。 シンプルでフラットなデザインと、モノトーン中心の配色、TOPページ下部にあるダイナミックなスライダーが特徴のスタイリッシュなサイトです。 図版率が大きいのも特徴で、画像の上に半透明レイヤーを置いてテキストを表示していて、ORANGEのアンプを彷彿させる配色がア...
-
Rise Against | Official Site
アメリカ/イリノイ州シカゴ出身のメロディック・パンクバンド、Rise Against（ライズ・アゲインスト）オフィシャルサイトの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」のパープルブラウンとミントグリーンを基調とした配色が甘くもレトロ感も感じさせるデザインです。 デュオトーンのライブ画像を背景にフルスクリーンで表示、図版率も大きめのレイアウトでライブ感のあるダイナミックなサイトです。...
-
PALM Official Website
大阪のダークハードコアバンド、PALM（パーム）オフィシャルサイトのWEBデザインです。 ブラック+レッドの配色とグランジ加工されたロゴ、逆十字がダークなイメージを与える重厚感のあるデザインです。 パララックスやホバーエフェクト等の細かな動きが光っていて、フルスクリーン表示の際にスクロールボタンが下部コンテンツへのアクションを促しています。...
-
Waiting For Morning To Come | Being As An Ocean
カリフォルニア州アルパイン出身のポスト･ハードコアバンド、Being As An Ocean（ビーイング・アズ・アン・オーシャン）のWEBデザインです。 シンプルなシングルページで1カラムでコンテンツを並べ、スクロールで見せていくストーリーテリング型のサイトです。 ページの四隅に配された四角やテキストをクリックするとサイト全体の色を反転できる、遊び心のある仕掛けも特徴です。...
-
Holy Roar Records
イギリス/ロンドンのインディペンデント・レーベル、Holy Roar Records（ホーリー･ロアー・レコード）のWEBデザインです。 赤ん坊のシュールな線画のロゴマーク、横幅いっぱいのスライダーがダイナミックなサイトで、大きめのサムネイル画像を使用した直感的なデザインも特徴です。 モノトーンにゴールドをアクセントとした配色が落ち着いた印象を与えていて、リリース作品やアーティスト画像の配色を...
-
IDIOTEQ.com – DIY Hardcore Punk & Experimental Music News & Interviews
ポーランド/ワルシャワのハードコア・パンク等のDIYメディアサイト、IDIOTEQ.comのWEBデザインです。 画像以外はモノトーンで配色された潔いデザインは色のバラつきを抑えて、シックでクラシックな統一感を醸し出しています。 大き過ぎないサムネイル画像は一度にたくさんの記事を一覧表示することが出来て、またデバイスサイズに合わせて縦積みと横並びを切り替えて、操作性を考慮しています。...
-
Vampillia
日本のロックバンド、Vampillia（ヴァンピリア）オフィシャルサイトのWEBデザインです。 モノトーンのスタイリッシュな配色にイラストやコラージュ画像を合わせたデザインで、グリッドに囚われない自由なレイアウトが動きや遊び心を感じさせます。 PROFILEページでは背景にアブストラクトなGIFアニメーションを用いていて、その音楽性と共に先鋭的でありながらポップな印象も受けるサイトです。 ...
-
The illustrations and books of Alex CF
FALL OF EFRAFAやLIGHT BEARERのボーカリストとして知られるイギリス/ブリストルのイラストレーター、ALEX CFのWEBデザインです。 ホワイト＋ゴールドの配色と余白を十分に取ったレイアウトはすっきりとエレガントに見せて、奇をてらわないデザインはゆったりとした雰囲気を演出しています。 シンプルで装飾を施さないデザインはイラストやアートワーク画像を映えて見せていて、画像自...
-
Relapse Records Official Store
アメリカ/ペンシルベニア州フィラデルフィアのインディペンデント・レーベル、Relapse Records（リラプス・レコード）オフィシャルストアのWEBデザインです。 モノトーンのシンプルな配色は、デスメタルやグラインドコアを中心とするリリース作品の派手な画像やバナーをよく映えて見せています。 グリッド状にレイアウトされたカード型のデザインにほんのりとシャドウを加えることで、フラットデザインの...
-
weareDANGERS
アメリカ/カリフォルニア州ロサンゼルス出身のインディーロック・ハードコアバンド、DANGERS（デンジャーズ）オフィシャルサイトのWEBデザインです。 アルバム「THE BEND IN THE BREAK」のアートワークをフルスクリーンで表示、四方にホワイトエッジを付けたTOPページデザインです。 下層ページは左側にナビゲーションを固定したレイアウトのフラットデザインで、小さめのフォントサイズ...
-
Employed To Serve
イギリスの女性ボーカルハードコアバンド、Employed To ServeのオフィシャルサイトのWEBデザインです。 フルスクリーンで表示したアーティスト写真がダイナミックなサイトで、さりげなく取り入れたパララックス効果が秀逸です。 ページごとにキャッチ画像や背景画像を変化させたりと、シンプルなフラットデザインを華やかにしています。...
-
Hopesfall
アメリカ・ノースカロライナ州出身の叙情派ニュースクール・ハードコアバンド、Hopesfall（ホープスフォール）オフィシャルサイトのWEBデザインです。 アルバム「Arbiter」のアートワークをフルスクリーンで表示したデザインで、澄んだブルーとサーモンピンクの配色が爽やかな印象を与えています。 シングルページをセクションごとに背景色を変えて、コンテンツや情報の区切りを分かりやすくしています。...
-
:::AA= OFFICIAL WEB SITE:::
THE MAD CAPSULE MARKETSのベーシスト、上田剛士氏のソロプロジェクトAA=（エーエーイコール）オフィシャルサイトのWEBデザインです。 ノイズの入った古い映像のようなTOPのビジュアルやロゴなど、随所にグランジテイストを含めたダークなデザインで、 横組みの本文に対してタテ組みで大胆に配置した各ページの見出しが印象的です。...
-
.:.::.: k i l l i e :.:.::..
東京の5ピースROCK'N'ROLL BAND、killie（キライ）オフィシャルサイトのWEBデザインです。 固定概念や既存フォーマットから外れた音楽性やスタンスと同じく他に類をみないようなサイトで、グランジテイストのテクスチャーやスプラッシュ、コラージュを重ねた奇抜で尖ったデザインです。...
-
Crossfaith OFFICIAL WEB SITE
大阪出身の5人組メタルコアバンド、Crossfaith（クロスフェイス）オフィシャルサイトのWEBデザインです。 シンプルなサイトながらCanvasによる気流のようなアニメーションは、メタルコアにエレクトロニカを取り入れた斬新な発想やバンドの世界観を感じさせるデザインとなっています。...
-
InVogue Records | Independent Record Label
アメリカ/オハイオ州のインディペンデントレーベル、InVogue Records（インヴォーグ・レコード）のWEBデザインです。 モノクロのキャッチ画像とモノトーンで統一された配色はスタイリッシュで、洗練された都会的な印象を感じられます。 ページ遷移時にロゴマークをモチーフにしたローディングアニメーションを使用していて、読み込み時のストレス軽減とサイトの離脱を抑える役目をしています。...
-
ALLIANCE TRAX
東京のハードコアレコードレーベル、ALLIANCE TRAX（アライアンストラックス）のWEBデザインです。 ブラックをベースにした配色とベーシックなレイアウトは重厚で厳格な印象で、ヘヴィーでダークなデザインはレーベルカラーともマッチしています。 背景にざらざらとしたグランジテイストのテクスチャを使用していて、荒々しいイメージをプラスしながら質感も高めています。...
-
DOOM official site
日本のプログレッシヴ・ハードコア/メタル・バンド、DOOM（ドゥーム）オフィシャルサイトのWEBデザインです。 ライブ画像とロゴで迎えるトップページと縦長のコンテンツページで構成されていて、ブラックが占める割合が大きい画面からはダークで重厚な雰囲気を漂わせています。 1ページ完結型のシングルカラム構成で、ユーザーを迷わせることなく縦積みのコンテンツに視線や意識を集めています。...
-
Misery Signals
アメリカ/ミルウォーキー州出身のメタルコアバンド、Misery Signals(ミザリー・シグナルズ)オフィシャルサイトのWEBデザインです。 アルバム「Absent Light」のインパクトの強いアートワークを全面に打ち出したデザインで、縦長のシングルカラムのサイトです。 見出しと本文のジャンプ率が大きく、余白との組み合わせでまとまりを作ることで無駄な装飾を省いた、すっきりとしたシンプルなデ...
-
KILLSWITCH ENGAGE
アメリカ/マサチューセッツ州出身のメタルコアバンド、KILLSWITCH ENGAGE(キルスウィッチ・エンゲイジ)オフィシャルサイトのWEBデザインです。 アルバム「Incarnate」のアートワークをモチーフとしたハードなデザインで、グランジテイストのテクスチャやパターンをふんだんに使用して荒々しくダークな雰囲気を演出しています。 ブラックをベースにブラウンやゴールドでまとめた配色は重厚な...
-
BLOODAXE FESTIVAL OFFICIAL SITE
東京出身ハードコアバンド、Loyal To The Grave が主催するBloodaxe Festival(ブラッドアックスフェスティバル)のWEBデザインです。 熱い盛り上がりを捉えた画像をダイナミックに表示したスライダーが特徴で、シンプルな配色は個性の強いフライヤー画像等を映えて見せています。 カラムとグリッドでまとめられたベーシックなレイアウトはトレンドに左右されることなく、あらゆる層...
-
NORMANDIE
スウェーデン/エレブルー出身のポストハードコアバンド、Normandie（ノルマンディー）オフィシャルサイトのWEBデザインです。 モノトーンを基調とした中にポイントで使用したピンクが柔らかなアクセントとなっている、フラットなデザインのサイトです。 フルスクリーンでダイナミックに表示されたモノクロのアーティスト写真がサイトを都会的でスタイリッシュな印象にしていて、中央に配置された画像やテキスト...
-
Camigraphic Lab – Taller de Serigrafía y diseño en Santander, Cantabria
スペイン/カンタブリア州のグラフィック社、Camigraphic LabのWEBデザインです。 パンク・ハードコア系のグラフィックやイラスト・印刷などを多数手がけていて、一覧ページの作品群は見応えがあります。 モノトーンを中心に配色されたフラットなデザインで、アクセントになっているイエローが堅くなりそうなサイト全体を程よく和らげています。...
-
— H E X I S —
デンマーク/コペンハーゲン出身のブラッケンド・ハードコア・バンド、HEXIS(ヘクシス)オフィシャルサイトのWEBデザインです。 ブラッケンドハードコアにブラックメタルやスラッジをクロスオーバーさせて研ぎ澄ませたそのサウンドは残虐極まりなく、視聴覚を漆黒に塗り潰すかのようなトレモロリフや高速ドラムは徹底的に負の方向へと振り切っています。 サイトは目を背けたくなる残忍なモノクロ画像をフルスク...
-
AUGUST BURNS RED – The Official Website
アメリカ/ペンシルベニア州出身のメタルコアバンド、AUGUST BURNS RED（オーガスト・バーンズ・レッド）オフィシャルサイトのWEBデザインです。 テクニカルでソリッドなリフとブラストビートも用いた怒濤のリズムセクション、突如落とし込まれる重いブレイクダウンは殺傷力が高く、変わらないエクストリームなスタイルで多くのメタルコアファンから根強い支持を得ています。 サイトは全面に敷かれた...
-
QUICKSAND
アメリカ/ニューヨークのポストハードコアバンド、QUICKSAND（クイックサンド）オフィシャルサイトのWEBデザインです。 1990年に結成され、硬質なリフや変則的なドラミング、重厚なグルーヴとダイナミズムに哀愁あるメロディが乗る楽曲は同郷のHELMET等とも比較され、後のエモやオルタナティブ等のシーンに多大な影響を与えたバンドの一つです。 サイトはアースカラーで配色された中にアルバム「...
-
Epitaph Records
カリフォルニア州ロサンゼルスのパンク・レーベル、Epitaph Records（エピタフ・レコード）のWEBデザインです。 バッド・レリジョンが自身のアルバムをリリースするために設立されたレーベルで、オフスプリング等の商業的成功を経て多数のパンク・バンドが所属する巨大インディーズレーベルとなっています。 サイトはモノトーンに映えるレッドやオレンジの配色がアクティブでエネルギッシュな印象で、...
-
The Devil Wears Prada
アメリカ/オハイオ州出身のクリスチャン・メタルコアバンド、The Devil Wears Prada(デヴィル・ウェアーズ・プラダ)オフィシャルサイトのWEBデザインです。 メタリックなギターリフとシンフォニックなキーボードに強烈なスクリームとエモーショナルなクリーンボーカルが絡むスタイルで一躍RISE RECORDSを有名にし、現在に続くスクリーモやポストハードコアシーンを押し上げた立役者でも...
-
SHADOWS
日本のロックバンド、SHADOWS(シャドウズ)オフィシャルサイトのWEBデザインです。 ex-FACTのメンバーで結成されたバンドで、ファストでメロディックといった前バンドの核を継承しつつもそれを凌駕するようなエモーション溢れる楽曲とプリミティブなパフォーマンスでPUNK SPRINGを始めとするフェス等にも参戦しています。 サイトはざらざらとした質感のテクスチャを敷いたグランジテイスト...
-
Artery Recordings | The official site of Artery Recordings
カリフォルニア州サクラメントのインディーレーベル、Artery Recordings(アーテリー・レコーディングズ)のWEBデザインです。 CAPTURE THE CROWNやFOR THE FALLEN DREAMSといったメタルコアやデスコア、ポストハードコアバンドの作品を中心にリリースしていて、日本のCRYSTAL LAKEも所属しています。 サイトはグリッドで整然とした印象のフラットデ...
-
waterweed Official Website
大阪出身のポストハードコアバンド、waterweed(ウォーターウィード)オフィシャルサイトのWEBデザインです。 メンバーチェンジを経ながらも長い活動歴を誇り、シンガロング必至の歌心溢れるメロディックハードコアで多くのミュージシャンやバンドからも支持されています。 サイトはライブ画像をフルスクリーンで表示したファーストビューが迫力があり、画面からも溢れる熱気が伝わります。 オレンジをアクセ...
-
FACT
日本のロックバンド、FACT（ファクト）のオフィシャルサイトのWEBデザインです。 メロディック・ハードコアをベースにメタルやグラインドコア、更にはダンスやエレクトロニカまで取り込んだ音楽性は多様・多彩で、幾度ものツアーも重ねて海外からの熱い支持も集めています。 サイトはブラックを基調とした配色にモノトーンのアイキャッチが硬派なイメージを与えるデザインです。 黒背景にうっすらと鏡面反射したペ...
-
Equal Vision Records
アメリカ/ニューヨーク州のインディー・レコードレーベル、Equal Vision Records（イコール・ヴィジョン・レコード）のWEBデザインです。 エモ・スクリーモやポストハードコアのバンドが多く所属しているレーベルとして知られ、CONVERGEやCIRCA SURVIVE、BANE、Chiodos等の作品をリリースしています。 サイトはヒンドゥー教のクリシュナを描いたヘッダーにスクリプ...
- Page 1 of 2
- 1
- 2
