CATEGORY : 2カラム
-
東京で音楽を習うなら「エークラスミュージック」
東京で音楽教室を運営するエークラスミュージック株式会社のWEBデザインです。 白背景をベースにカラフルでビビッドな差し色が楽しげで賑やかな雰囲気を演出している、ポップなデザインのサイトです。 スライダーの上に重ねたナビゲーションにシャドウを付けて立体感を出すことで、ユーザーを迷わせずデザイン的にも特徴を持たせています。 堅くなりがちなレイアウトに音符やドットのパターン背景を敷いたり角丸やアイ...
-
Dead Letter Circus – New album The Endless Mile
オーストラリア出身のオルタナティヴロックバンド、DEAD LETTER CIRCUS（デッド・レター・サーカス）オフィシャルサイトのWEBデザインです。 フルスクリーンでフェードイン/アウトする大きな画像とブルーをアクセントとした配色、半透明の固定ナビゲーションがクールでスタイリッシュなサイトです。 部分的にグランジ調の背景テクスチャを用いて質感を高めたり、フッターにさりげなくパララックスを取...
-
アナ Official WebSite
福岡出身の２人組バンド、アナのオフィシャルサイトのWEBデザインです。 アースカラーを取り入れた配色と柔らかな質感のテクスチャを用いた、ナチュラルな雰囲気のサイトです。 アイコンを積極的に取り入れたり、ページ下部にはコンテンツをピンク・ネイビー・イエローで区切って配置したりと視覚的に分かりやすく配慮されています。...
-
ケラケラ オフィシャルウェブサイト
日本の3人組音楽ユニット、ケラケラ オフィシャルサイトのWEBデザインです。 手書きのナビゲーションや罫線・イラスト、背景のパターンがファンシーでポップな印象のサイトです。 白背景にイエローとブルーの配色とリボンやサークルをモチーフとしたパターン、程良くゆるい感じのイラストが明るくぬくもりを感じさせています。...
-
DALI Speakers | Danish made, award-winning Hi-Fi Speakers
デンマークのハイエンドスピーカー専門メーカー、DALI Speakers（ダリ スピーカー）のWEBデザインです。 モノトーン×レッドの配色にずらして画像に重ねた要素やグリッド・スプリット等、様々なレイアウトで構成されたスタイリッシュなサイトです。 画像がズームするような滑らかなホバーエフェクトやフラットデザインにシャドウを加えて立体感を演出したりと、細かな部分にもこだわりが光っています。...
-
TUBE | ソニーミュージック オフィシャルサイト
日本の夏を代表するロックバンド、TUBE（チューブ）ソニーミュージック オフィシャルサイトのWEBデザインです。 グリッドと2カラムで構成されたベーシックなレイアウトで、大きな海の画像を背景に敷いたデザインはバンドのイメージをストレートに表現しています。 また背景画像を固定してコンテンツのみをスクロールさせることで、ページ全体がスクロールするよりもテキストや画像に注目を集めています。...
-
High End Audiophile Amplifiers And Sound Systems | MOON – Simaudio
カナダのオーディオメーカーSIMAUDIOが手がける、MOONブランドのWEBデザインです。 フルスクリーン表示での動画を活用したブランディング、モノトーン中心の配色とセリフ体のテキストや縦横のボーダーがスタイリッシュな印象のサイトです。 スプリットやブロークングリッド、意図的に要素をずらしたり画像に重ねたりしたレイアウトは動きと遊び心を感じさせ、強いインプレッションを与えています。...
-
PALM Official Website
大阪のダークハードコアバンド、PALM（パーム）オフィシャルサイトのWEBデザインです。 ブラック+レッドの配色とグランジ加工されたロゴ、逆十字がダークなイメージを与える重厚感のあるデザインです。 パララックスやホバーエフェクト等の細かな動きが光っていて、フルスクリーン表示の際にスクロールボタンが下部コンテンツへのアクションを促しています。...
-
Namie Amuro Official Site
沖縄出身の歌手/ダンサー、安室奈美恵（あむろなみえ）さんのオフィシャルサイトのWEBデザインです。 ホワイト+シャンパンゴールドの配色と広めに取られたホワイトスペースがエレガントで洗練された印象を感じさせるデザインです。 フルスクリーンで表示されたライブ画像はビジュアル面で魅了するだけでなく、それ自体がバナーとなっていて購入ページへの誘導の役割を果たしています。...
-
Michael Nyman
ロンドン出身のピアニスト/作曲家、Michael Nyman（マイケル・ナイマン）オフィシャルサイトのWEBデザインです。 ホワイトとグレーの濃淡を中心としたモノトーン配色とシンプルで無駄な装飾を省いた、洗練された印象のサイトです。 グリッドで整然としたレイアウトの中に大小様々なカードで動きを出したり、なめらかなエフェクトを加えたりとシンプルな中にこだわりを感じさせています。...
-
go!go!vanillas
日本のロックバンド、go!go!vanillas（ゴーゴーバニラズ）オフィシャルサイトのWEBデザインです。 フラットなデザインにパステル調のピンクやブルーの配色が映えるシンプルなデザインで、左側に固定されたナビゲーションが特徴のサイトです。 メインビジュアルのスライダーや斜めになったナビゲーションのアニメーションがユニークで、ローディング時の動きも読み込みのストレスを和らげています。...
-
Century Media Records – Quality in Metal
ドイツ/ドルトムントで設立されたインディーズ・レーベル、Century Media Records（センチュリー・メディア・レコード）のWEBデザインです。 ブラック+レッドの配色と血をイメージさせるような背景画像、グランジ加工されたナビや見出しのテキスト等、ダークな世界観が織り成す鋼鉄度の高いサイトです。 サイドカラムを大きく取った動線の多い設計でサイト内回遊率を高め、印象的なサムネイルが視...
-
和楽器バンド Official Site
日本のロックバンド、和楽器バンド（わがっきバンド）オフィシャルサイトのWEBデザインです。 グリッドで色分けされた背景に画像やコンテンツを重ねたりずらしたりすることでオリジナリティや躍動感を高めているレイアウトが特徴です。 縦書きの見出しやグラデーションも取り入れた和を感じさせるデザインは、バンドの世界観やコンセプトを的確に表現しています。...
-
Holy Roar Records
イギリス/ロンドンのインディペンデント・レーベル、Holy Roar Records（ホーリー･ロアー・レコード）のWEBデザインです。 赤ん坊のシュールな線画のロゴマーク、横幅いっぱいのスライダーがダイナミックなサイトで、大きめのサムネイル画像を使用した直感的なデザインも特徴です。 モノトーンにゴールドをアクセントとした配色が落ち着いた印象を与えていて、リリース作品やアーティスト画像の配色を...
-
EGO-WRAPPIN’
大阪出身のユニット、EGO-WRAPPIN'（エゴラッピン）オフィシャルサイトのWEBデザインです。 真っ暗な中にランプの明かりが点る仕掛けが印象的で、大きな見出しや横幅いっぱいの画像＆カルーセルが黒背景のサイトに躍動感を与えています。 コンテンツ表示時のアニメーションが凝っていて、DISCOGRAPHYをカテゴリーごとにソートした時のカードをシャッフルしたような動きも素敵です。...
-
Madonna.com > Home
アメリカ/ミシガン州出身の歌手/シンガソングライター/女優、Madonna（マドンナ）さんのオフィシャルサイトのWEBデザインです。 アルバム「Ray Of Light」の20th Anniversaryを記念したデザインで、フルスクリーンで表示されたアートワークとモノトーン×レッドの配色がスタイリッシュです。 大きなキャッチやサムネイル画像はダイナミックで見る人の目を引き、より直感的にコンテ...
-
杏里オフィシャルサイト
神奈川県出身の歌手/シンガソングライター、杏里（あんり）さんのオフィシャルサイトのWEBデザインです。 海や夏を想起させるようなコバルトブルーを基調にした爽やかな配色と、デニム生地のようなパターン素材が質感を感じさせています。 ゴールドをアクセントカラーに加え、明朝体のフォントを用いることで優雅で女性らしい華やかさもプラスしたデザインです。...
-
Roland – JP
日本の電子楽器メーカー、Roland（ローランド）コーポレートサイトのWEBデザインです。 フルスクリーンで大胆に表示されたカルーセルと、モノトーン×オレンジの配色がモダンかつエネルギッシュな印象のサイトです。 広めに取られた余白とかっちりとしたグリッドレイアウトは上品で信頼感があり、サムネイルやキャッチ画像を多用することで堅くなり過ぎず親しみ易さも持たせています。...
-
Justin Bieber – Purpose Available Now
カナダのポップミュージシャン、Justin Bieber（ジャスティン・ビーバー）オフィシャルサイトのWEBデザインです。 ブラック×ホワイト×パープルの配色とフラットデザインの掛け合わせがスタイリッシュで、その中で手書き風のロゴが親しみやすさをプラスしています。 大胆なタイポグラフィーが印象的で、グリッドに囚われない自由なレイアウトと相まってエディトリアルデザインのような雰囲気を感じさせてい...
-
IDIOTEQ.com – DIY Hardcore Punk & Experimental Music News & Interviews
ポーランド/ワルシャワのハードコア・パンク等のDIYメディアサイト、IDIOTEQ.comのWEBデザインです。 画像以外はモノトーンで配色された潔いデザインは色のバラつきを抑えて、シックでクラシックな統一感を醸し出しています。 大き過ぎないサムネイル画像は一度にたくさんの記事を一覧表示することが出来て、またデバイスサイズに合わせて縦積みと横並びを切り替えて、操作性を考慮しています。...
-
Ayano Tsuji Official Website | つじあやののオフィシャルサイト。最新情報、着うた(R)などを掲載。
京都出身のシンガーソングライター、つじあやのさんのオフィシャルサイトのWEBデザインです。 淡いパステル調の配色とイラストを組み合わせて、柔らかで女性的なイメージとナチュラル感を併せ持った可愛らしいサイトです。 色とりどりの不規則な円で作られたナビゲーションや罫線は親近感を感じさせていて、細部までコンセプトを意識したデザインとなっています。...
-
BLUE NOTE TOKYO
東京/南青山のジャズクラブ、ブルーノート東京（BLUE NOTE TOKYO）オフィシャルサイトのWEBデザインです。 ベースカラーのブラックに濃いブルーとゴールドを加えた配色は重厚感と高級感があり、国内外の著名なミュージシャンが出演してきた老舗ジャズクラブの雰囲気を存分に表現しています。 ファーストビューの中にフェードで切り替わる店舗画像で世界観を出しながら予約ボタンや最新情報のカルーセルも...
-
Home | Michael Jackson Official Site
アメリカのエンターテイナー/シンガーソングライター/ダンサー、MICHAEL JACKSON（マイケル・ジャクソン）オフィシャルサイトのWEBデザインです。 シャンパンゴールドを取り入れた配色はマイルドで優しく穏やかな高級感を演出していて、華やかでありながら大人の落ち着きも併せ持っています。 アイコンでページ下部に配置されたアプリライクなナビゲーションや、時系列に表示されたコンテンツ等、他のサ...
-
Billy Idol
イギリス出身のミュージシャン/シンガーソングライター、Billy Idol（ビリー・アイドル）オフィシャルサイトのWEBデザインです。 モノトーン＋レッドの配色とモノトーンで統一された画像がパンキッシュで猥雑な印象を与えているサイトデザインです。 細かなエフェクトやアニメーションと共にサイドカラムやフッター等に多くの動線を配しているのも特徴で、どのページからも回遊性を生んでいます。...
-
Corona SUNSETS FESTIVAL | コロナが沖縄で開催するリゾートフェス
世界中で愛されるビール「Corona Extra」が手掛けるリゾートビーチフェスティバル、Corona SUNSETS FESTIVAL（コロナ・サンセッツ・フェスティバル）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示されたダイナミックな動画は多くの言葉を使うことなく優雅なリゾート感と開放感、フェスの模様を伝えています。 ネイビーブルーとイエローで配色されたフラットデザインに...
-
フジゲン株式会社オフィシャルサイト
長野県松本市に本社を置く楽器製造メーカー、フジゲン株式会社オフィシャルサイトのWEBデザインです。 事業に分けてスプリットスクリーンレイアウトで表示したTOPページは、ひとつの画面で左右の対比を生みそれぞれを引き立たせています。 楽器製造事業ページはオレンジの配色がポップな印象で、切り抜き画像が動きを出しながらも白地の分量を多めに取って洗練された雰囲気を演出しています。...
-
Verona Records
カナダのインディペンデント・レーベル、Verona Records（ベローナ・レコード）オフィシャルサイトのWEBデザインです。 印象的なロゴ画像をリボンで装飾したヘッダー画像や、ふんだんに使用したアナログ感のあるテクスチャがレトロな雰囲気を醸し出しています。 TOPページのメインビジュアルでは太めのフレーミングで囲むことで、濃いカラーの画像と合わさってシンプルでありながらコントラストを生み出...
-
BUCK-TICK Official Website
群馬県出身のロックバンド、BUCK-TICK（バクチク）オフィシャルサイトのWEBデザインです。 柔らかな色合いをブラックとサーモンピンクで引き締めて華やかにした配色で、フラットデザインと相まって優しくポップな印象を与えています。 2カラムのベーシックなレイアウトはユーザーを迷わせることなく、またローカルナビゲーションやバナーがサイト内や各コンテンツへの回遊性を高めています。...
-
KYOTO MUSE
京都のライブハウス、KYOTO MUSE（京都ミューズ）オフィシャルサイトのWEBデザインです。 ホワイトとグレーをベースにミントグリーンを加えた配色は静逸で知的な印象で、ヘッダーとフッターのブラックがサイト全体を引き締めています。 時系列にレイアウトされたスケジュールページのカレンダーは、前月/次月へのナビゲーションも直感的で分かりやすいデザインです。...
-
Pitchfork | The Most Trusted Voice in Music.
音楽ニュース、レビュー、インタビュー、映像などを扱うアメリカの音楽メディア、Pitchfork（ピッチフォーク）のWEBデザインです。 余白を大きく取ったレイアウトと過剰な装飾を施さないミニマルでクリーンな印象のデザインで、アクセントカラーであるピンクがサイトを引き立てています。 グレーの濃淡や余白でコンテンツの区切りを表現することでサイト全体をすっきりとさせていて、その分テキストやオブジェク...
-
D’ERLANGER
日本のロックバンド、D'ERLANGER（デランジェ）オフィシャルサイトのWEBデザインです。 エレガントな印象のロゴマークや斜体のナビゲーション、ホワイトをベースとした配色にゴールドをアクセントカラーとした優雅な雰囲気のデザインです。 下層ページではキャッチ画像やローカルナビゲーションを色分けしてジグザグにすることでリズムを作りつつ、印象的なページにしています。...
-
back number（バックナンバー）official web site
群馬県出身のスリーピースロックバンド、back number（バックナンバー）オフィシャルサイトのWEBデザインです。 フルスクリーンの四方にホワイトエッジを付けて、変化していくグラデーションが鮮やかなファーストビューが印象的なサイトです。 下層ページではホワイトとグレーをベースにした配色と、細めの罫線、たっぷりと余白を取ったレイアウトがゆったりと落ち着いた雰囲気を演出しています。...
-
CREATIVEMAN PRODUCTIONS | クリエイティブマンプロダクション（CMP）
SUMMER SONIC、LOUD PARK等のフェスや国内外のコンサートを企画･制作･運営する、CREATIVEMAN PRODUCTIONS（クリエイティブマンプロダクション）のオフィシャルサイトのWEBデザインです。 モノトーンベースの配色に色分けされたラベルやボタン、ウエイトのある見出しが賑やかでポップな印象を与えているサイトです。 詳細ページではメインビジュアルにずらして重ねたレイア...
-
LIMP BIZKIT | Established 1995.
アメリカのニューメタル/ラップメタル・バンド、LIMP BIZKIT（リンプ・ビズキット）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示された動画をロゴでマスクしたファーストビューは、ダイナミックでありながらも洗練された印象を与えています。 かっちりとしたイメージになりがちなグリッドレイアウトを多彩な色使いや大小のサイズを組み合わせることで、にぎやかで躍動感や流れのあるサイトに...
-
フジファブリック Official Website
日本のロックバンド、フジファブリックのオフィシャルサイトのWEBデザインです。 フルスクリーンで表示された迫力のあるスライダーにフィギュア画像を使用した、ポップで柔らかな雰囲気を持つサイトです。 ホワイトとミントグリーンの爽やかな配色と、縦横の直線ボーダーがサイトをキリっとシャープにしています。...
-
Relapse Records Official Store
アメリカ/ペンシルベニア州フィラデルフィアのインディペンデント・レーベル、Relapse Records（リラプス・レコード）オフィシャルストアのWEBデザインです。 モノトーンのシンプルな配色は、デスメタルやグラインドコアを中心とするリリース作品の派手な画像やバナーをよく映えて見せています。 グリッド状にレイアウトされたカード型のデザインにほんのりとシャドウを加えることで、フラットデザインの...
-
Ovation Guitars
独特なサウンドホールのエレアコで知られるアメリカのギターメーカー、Ovation Guitars（オベーション・ギター）のWEBデザインです。 ブラックとゴールドの配色は重厚でエレガントな印象を与えていて、画像を使用したダイナミックなスライダーと相まって優雅な雰囲気を持つサイトです。 さりげなく嫌味のないアニメーションや配色に合わせたスクロールバー等、細やかな所までこだわりを感じられるデザイン...
-
BLUE ENCOUNT
熊本出身のロックバンド、BLUE ENCOUNT（ブルー・エンカウント）オフィシャルサイトのWEBデザインです。 画面幅いっぱいのダイナミックなスライダーと縦方向に貫くナビゲーションが特徴のサイトで、上下方向への空間の広がりも感じさせる印象的なデザインです。 グレーの濃淡とミントブルーをアクセントとした配色は爽やかでクリーンな印象で、レトロな印象のWEBフォントと相まったクールな雰囲気を醸し出...
-
acoustic effect
日本のイヤホンメーカー、acoustic effect（アコースティック・エフェクト）のWEBデザインです。 黒背景に浮かび上がるように敷かれた背景画像と、モノトーンで配色されたデザインはクールで気品や格調の高さを伺わせます。 製品画像は白背景をベースすることで一層映えて見えていて、接写画像も使用することでインパクトと共に多くの情報も伝えています。...
-
TAMA Drums
世界を代表する日本のドラムメーカー、TAMA Drums（タマ ドラム）オフィシャルサイトのWEBデザインです。 かっちりとしたグリッド状のレイアウトと矩形のバナーやボタンに、モノトーン×レッドの配色がクールな印象のサイトです。 コンテンツに合わせて2カラム/3カラムとレイアウトを変えていて、アーティスト紹介ページではドラムのセッティング図があるのもユニークです。...
