CATEGORY : ベーシック
-
Steinberg 日本語サイト | Steinberg
ドイツの音楽ソフトウェア会社、Steinberg（スタインバーグ）の日本語サイトのWEBデザインです。 ベーシックなレイアウトとモノトーンを中心とした配色に特徴的なレッドをアクセントカラーとした、スタイリッシュな印象のサイトです。 フラットデザインをベースにしながらもカード型コンポーネントに薄いシャドウを加えて、さりげない立体感も演出しています。 TOPページの下からスライドインしてくるスラ...
-
Sarah Brightman
イギリス出身のソプラノ歌手/女優、Sarah Brightman（サラ・ブライトマン）オフィシャルサイトのWEBデザインです。 フルスクリーン表示したアルバム「HYMN」のアートワークがサイトの世界観を構築した、ゴージャスでダイナミックなサイトです。 ローディング時のインパクトのあるアニメーションや、さりげなく取り入れたデュオトーン画像がアクセントになっています。...
-
Ringo Starr | Official Site
イギリス・リヴァプール出身のミュージシャン/シンガーソングライター、Ringo Starr（リンゴ・スター）オフィシャルサイトのWEBデザインです。 ホワイトと薄いグレーをベースにしたクリーンな配色と、画面幅いっぱいに使用した画像が特徴の、図版率の高いサイトです。 各ページごとに大きくキャッチ画像を表示しているのも特徴で、クローズアップした大胆な画像がシャープで切れ味のある印象を加えています。...
-
George Harrison – Official site with news, image gallery, links, discography of entire Harrison catalog, audio, video, and other media downloads.
イギリス・リヴァプール出身のミュージシャン/シンガーソングライター、George Harrison（ジョージ・ハリスン）オフィシャルサイトのWEBデザインです。 ホワイト・グレーベースにグリーンをアクセントとした配色と、ベーシックなレイアウトに映える手書き風フォントを使用したロゴが特徴のサイトです。 背景にパターン画像を繰り返し表示しているのも特徴で、インド哲学に魅了され続けた音楽性を表現して...
-
Official Paul McCartney: Tours, Music, Media & Community
イギリス・リヴァプール出身のミュージシャン/シンガーソングライター、Paul McCartney（ポール・マッカートニー）オフィシャルサイトのWEBデザインです。 ブラックをベースに彩度の高いアクセントカラーを加えた配色と、2カラム/グリッドレイアウトで構成されたサイトです。 テキストでさりげなくマスクしたロゴを用いていて、サイトを鮮やかに彩るアクセントとなっています。...
-
TOTO – The official TOTO website
アメリカ/カリフォルニア州ロサンゼルス出身のロックバンド、TOTO（トト）のオフィシャルサイトのWEBデザインです。 アルバム「40 TRIPS AROUND THE SUN」のアートワークをモチーフとした、ダークかつプログレッシブな印象を受けるサイトデザインです。 ページやコンテンツに合わせてレイアウトを切り替えているのも特徴で、ナビゲーションもTOPページと下層ページで配置を変えています。...
-
OREメディア – 《音楽、アート、漫画、イベント》一風変わったカルチャー・モノメディア「ORE」(オー・アール・イー)。洋服や音楽、アート、ゲームまでの広範で他にはないニュースを扱います。
カルチャーを独自の視点で切り取るメディアサイト、OREメディアのWEBデザインです。 ピンクとベージュをベースにした配色が温かみを感じさせ、大きめのサムネイル画像が賑やかで親しみを感じさせるサイトです。 新着記事セクションでは画像とテキストを左右ジグザグに配置して、ゆるやかなリズムを作り活き活きとした雰囲気を作っています。 サムネイル画像をマウスオーバーした時の回転アニメーションと、背景画像...
-
U2 > Home
アイルランド出身のロックバンド、U2（ユーツー）オフィシャルサイトのWEBデザインです。 ブラック×グレー×ホワイトにレッドをアクセントにした配色と、美しく整理されたグリッドレイアウトがスタイリッシュなサイトです。 カード型のコンポーネントを多用しながらも区切りにボーダーを使わず、背景色を工夫することで見やすくすっきりとしたデザインになっています。...
-
ディスクユニオン･オンラインショップ｜diskunion.net
首都圏を中心に音楽CDやレコードを販売する、disk union（ディスクユニオン）のオンラインショップのWEBデザインです。 象徴的な赤と黒の配色、フラットなデザインとグリッドレイアウト、角丸を使わないボタンやカード型コンポーネントがスタイリッシュなサイトです。 メインビジュアルの役目も担っているスライダーの動きもユニークで、さりげなく取り入れた幾何学的な模様の背景画像がアクセントを付けてい...
-
ケラケラ オフィシャルウェブサイト
日本の3人組音楽ユニット、ケラケラ オフィシャルサイトのWEBデザインです。 手書きのナビゲーションや罫線・イラスト、背景のパターンがファンシーでポップな印象のサイトです。 白背景にイエローとブルーの配色とリボンやサークルをモチーフとしたパターン、程良くゆるい感じのイラストが明るくぬくもりを感じさせています。...
-
TUBE | ソニーミュージック オフィシャルサイト
日本の夏を代表するロックバンド、TUBE（チューブ）ソニーミュージック オフィシャルサイトのWEBデザインです。 グリッドと2カラムで構成されたベーシックなレイアウトで、大きな海の画像を背景に敷いたデザインはバンドのイメージをストレートに表現しています。 また背景画像を固定してコンテンツのみをスクロールさせることで、ページ全体がスクロールするよりもテキストや画像に注目を集めています。...
-
Century Media Records – Quality in Metal
ドイツ/ドルトムントで設立されたインディーズ・レーベル、Century Media Records（センチュリー・メディア・レコード）のWEBデザインです。 ブラック+レッドの配色と血をイメージさせるような背景画像、グランジ加工されたナビや見出しのテキスト等、ダークな世界観が織り成す鋼鉄度の高いサイトです。 サイドカラムを大きく取った動線の多い設計でサイト内回遊率を高め、印象的なサムネイルが視...
-
EGO-WRAPPIN’
大阪出身のユニット、EGO-WRAPPIN'（エゴラッピン）オフィシャルサイトのWEBデザインです。 真っ暗な中にランプの明かりが点る仕掛けが印象的で、大きな見出しや横幅いっぱいの画像＆カルーセルが黒背景のサイトに躍動感を与えています。 コンテンツ表示時のアニメーションが凝っていて、DISCOGRAPHYをカテゴリーごとにソートした時のカードをシャッフルしたような動きも素敵です。...
-
No Sleep Records
アメリカ/カリフォルニアのインディペンデント・レーベル、No Sleep Records（ノー・スリープ・レコード）オフィシャルストアのWEBデザインです。 余白をたっぷりと取ったフラットデザインにアースカラーをアクセントとした配色は上品で洗練されたイメージと同時に、アンティークな雰囲気も演出しています。 Amazon等でも見られるように画像を白抜きにすることで、商品をより客観的かつ高級感あふ...
-
Ayano Tsuji Official Website | つじあやののオフィシャルサイト。最新情報、着うた(R)などを掲載。
京都出身のシンガーソングライター、つじあやのさんのオフィシャルサイトのWEBデザインです。 淡いパステル調の配色とイラストを組み合わせて、柔らかで女性的なイメージとナチュラル感を併せ持った可愛らしいサイトです。 色とりどりの不規則な円で作られたナビゲーションや罫線は親近感を感じさせていて、細部までコンセプトを意識したデザインとなっています。...
-
Verona Records
カナダのインディペンデント・レーベル、Verona Records（ベローナ・レコード）オフィシャルサイトのWEBデザインです。 印象的なロゴ画像をリボンで装飾したヘッダー画像や、ふんだんに使用したアナログ感のあるテクスチャがレトロな雰囲気を醸し出しています。 TOPページのメインビジュアルでは太めのフレーミングで囲むことで、濃いカラーの画像と合わさってシンプルでありながらコントラストを生み出...
-
The illustrations and books of Alex CF
FALL OF EFRAFAやLIGHT BEARERのボーカリストとして知られるイギリス/ブリストルのイラストレーター、ALEX CFのWEBデザインです。 ホワイト＋ゴールドの配色と余白を十分に取ったレイアウトはすっきりとエレガントに見せて、奇をてらわないデザインはゆったりとした雰囲気を演出しています。 シンプルで装飾を施さないデザインはイラストやアートワーク画像を映えて見せていて、画像自...
-
Rise Records – Home
アメリカ/オレゴン州のインディー･レコードレーベル、アRise Records（ライズ・レコード）のWEBデザインです。 背景に敷かれたざらざらとした質感のテクスチャーがダークな雰囲気を醸し出していて、メタルコアを中心にリリースするレーベルカラーを表したデザインです。 ベーシックなレイアウトのコンテンツ右側に縦組みのレーベル名を置くことで印象を強めると共に、テキストをビジュアル要素としても使用...
-
まほろ座MACHIDA 町田駅前のエンターテインメントレストラン
町田駅前のライブ＆レストラン、まほろ座MACHIDAのWEBデザインです。 2カラムにローカルナビゲーションやバナーを配したベーシックなレイアウトで、ブラック背景に映える店内の写真がレトロな印象も与えています。 ページ遷移の際にスライドするようなエフェクトが施してあり、フルスクリーンの背景画像とあわせてシネマティックな演出になっています。...
-
森山直太朗オフィシャルサイト
日本のシンガーソングライター、森山直太朗のオフィシャルサイトのWEBデザインです。 モノトーン中心の配色とセリフ体のフォントを使用したスタイリッシュなサイトで、大きく取った余白など上品で落ち着いた印象も感じられます。 スクロールに合わせてサングラスや髯が入れ替わり重なる演出が斬新で、シンプルな中に遊び心をふんだんに盛り込んだデザインです。...
-
:::AA= OFFICIAL WEB SITE:::
THE MAD CAPSULE MARKETSのベーシスト、上田剛士氏のソロプロジェクトAA=（エーエーイコール）オフィシャルサイトのWEBデザインです。 ノイズの入った古い映像のようなTOPのビジュアルやロゴなど、随所にグランジテイストを含めたダークなデザインで、 横組みの本文に対してタテ組みで大胆に配置した各ページの見出しが印象的です。...
-
ALLIANCE TRAX
東京のハードコアレコードレーベル、ALLIANCE TRAX（アライアンストラックス）のWEBデザインです。 ブラックをベースにした配色とベーシックなレイアウトは重厚で厳格な印象で、ヘヴィーでダークなデザインはレーベルカラーともマッチしています。 背景にざらざらとしたグランジテイストのテクスチャを使用していて、荒々しいイメージをプラスしながら質感も高めています。...
-
OSOMALO – バンドTシャツ通販の専門店オソマロ
USインデ・/ハードコア等のマニアックな海外バンドTシャツを取り扱うオンラインショップ、OSOMALO（オソマロ）のWEBデザインです。 2カラムでグリッド状に並べられた商品画像と条件やカテゴリーの絞り込みリストがある構成で、あらゆる層のユーザーに分かりやすく慣れ親しみのあるレイアウトです。 モノトーンで構成された配色は様々な色合いを持つ商品画像を邪魔せずに映えて見せていて、購入ボタン等も分か...
-
FACT
日本のロックバンド、FACT（ファクト）のオフィシャルサイトのWEBデザインです。 メロディック・ハードコアをベースにメタルやグラインドコア、更にはダンスやエレクトロニカまで取り込んだ音楽性は多様・多彩で、幾度ものツアーも重ねて海外からの熱い支持も集めています。 サイトはブラックを基調とした配色にモノトーンのアイキャッチが硬派なイメージを与えるデザインです。 黒背景にうっすらと鏡面反射したペ...
-
Home – Rage Against The Machine Official Site
カリフォルニア州ロサンゼルス出身の4人組ロックバンド、Rage Against The Machine(レイジ・アゲインスト・ザ・マシン)オフィシャルサイトのWEBデザインです。 政治的メッセージを含んだ過激な歌詞をラップするボーカル、スイッチング等の様々な奏法を駆使する変態的なギター、重くうねる強靭なグルーヴを生み出すリズム隊等、ミクスチャー/オルタナティブロックの先駆けとなる先鋭的なサウンド...
-
大阪・堺市の音楽スタジオ【フクダスタジオ】リハーサル＆レコーディング
大阪・堺市のリハーサル/レコーディングスタジオ、フクダスタジオのWEBデザインです。 アナログコンソールによるクリアで太いサウンドが特徴で、20年以上にわたって南大阪を中心に数々のバンド練習、レコーディングに関わっているスタジオです。 サイトはシンボルカラーでもある鮮やかなブルーを基調にした、ベーシックな2カラムのレイアウトです。 グローバルナビゲーションに電話番号やスタジオの空き状況、アク...
-
PJB Japan
ベースアンプメーカー、PHIL JONES BASS（フィル・ジョーンズ・ベース）日本公式サイトのWEBデザインです。 プロベーシストとしての活動歴を持つフィル・ジョーンズ氏が手がけるアンプ、キャビネット、ヘッドフォンアンプは多くのベーシストやコントラバス奏者からも高い評判を得ています。 サイトはアンプの外装のようなテクスチャを使用した重厚なイメージのヘッダー・フッターが特徴のスタイリッシュな...
-
MOON GUITARS｜ムーンギターズ
コンポーネントギター/ベースの製造企画販売会社、MOON GUITARS（ムーンギターズ）のWEBデザインです。 質の高いギターやベースを製造している日本のメーカーとして知られ、国内だけでなく世界的に有名なアーティストも多数使用しています。 サイトは黒い背景に月の出入りを溶け込ませたヘッダーがエキゾチックなデザインとなっています。 ベーシックなレイアウトで、PRODUCTやPLAYERページ...
-
PIZZA OF DEATH RECORDS | ピザオブデスレコーズ
Hi-STANDARDの横山健氏が設立したレーベル、PIZZA OF DEATH RECORDS（ピザオブデスレコーズ）のWEBデザインです。 手書き風のメニューが印象的なナビゲーションが左側にあるレイアウトで、イラストやGifアニメーションがアクセントをプラスしています。...
-
ANTHRAX | Official Website
アメリカのヘヴィメタル・バンド、ANTHRAX（アンスラックス）のWEBデザインです。 背景にライブの画像を敷いた2カラムのレイアウトで、半透明のレイヤーを重ねてコンテンツの可読性や視認性を上げています。 ...
-
Pure Noise Records
カリフォルニアを拠点にしているインディーレーベル、Pure Noise RecordsのWEBデザインです。 2カラムと3カラムで構成された、奇をてらわないベーシックなレイアウトで、配色やグランジ加工されたロゴからレトロな雰囲気も感じられます。...
-
LongLegsLongArms Distribution -3LA-
ネオクラスト、パンク、ハードコア等を中心に良質なアンダーグラウンド・ミュージックを紹介/販売し続けるディストロ、Long Legs Long Arms（3LA）のWEBデザインです。 モノクロのバナーとモノトーンの配色がダークな雰囲気を演出していて、読み応えがあるコラムやインタビュー等、オンラインストアとしてだけでなく地下音楽シーンの鉱脈も見出すことが出来ます。 ...
-
Bose ボーズ
業務・店舗向けプロ音響製品、BOSE（ボーズ）の公式サイトのWEBデザインです。 一見して目を引く斜めの要素がとてもスタイリッシュで、モノトーンを中心としたシャープな配色と相まって印象的です。...
-
ライブイコーゼ｜オトナ世代のライブガイド
音楽を愛するオトナ世代に向けた情報提供サイト、ライブイコーゼのWEBデザインです。 モノトーンを基調としならがも、ニュース・ライブ・レポートといったラベルが色分けされていて、一覧ページでも情報のカテゴリーが分かりやすいように配色されています。 ...
-
Dead Can Dance
インディペンデント・レーベル4ADを象徴するバンド、DEAD CAN DANCE（デッド・カン・ダンス）のWEBデザインです。 ブラックをベースにゴールドをアクセントとしたダークでエレガントな配色で、背景のテクスチャ画像と合わさって耽美的な雰囲気を表現しています。...
