CATEGORY : オレンジ
-
東京で音楽を習うなら「エークラスミュージック」
東京で音楽教室を運営するエークラスミュージック株式会社のWEBデザインです。 白背景をベースにカラフルでビビッドな差し色が楽しげで賑やかな雰囲気を演出している、ポップなデザインのサイトです。 スライダーの上に重ねたナビゲーションにシャドウを付けて立体感を出すことで、ユーザーを迷わせずデザイン的にも特徴を持たせています。 堅くなりがちなレイアウトに音符やドットのパターン背景を敷いたり角丸やアイ...
-
TUBE | ソニーミュージック オフィシャルサイト
日本の夏を代表するロックバンド、TUBE（チューブ）ソニーミュージック オフィシャルサイトのWEBデザインです。 グリッドと2カラムで構成されたベーシックなレイアウトで、大きな海の画像を背景に敷いたデザインはバンドのイメージをストレートに表現しています。 また背景画像を固定してコンテンツのみをスクロールさせることで、ページ全体がスクロールするよりもテキストや画像に注目を集めています。...
-
AWA – 音楽ストリーミングサービス｜初めての方は3か月無料で聴き放題
AWA株式会社が提供する音楽配信サービス、AWA（アワ）のWEBデザインです。 フルスクリーンで表示されたダイナミックな画像やパララックス、グリッドに囚われない自由なレイアウトが遊び心やオリジナリティを感じさせています。 コンテンツごとに変えた背景色やアニメーションする画像と、白抜き画像を用いて余白を活かした対比が魅力的なサイトです。...
-
EGO-WRAPPIN’
大阪出身のユニット、EGO-WRAPPIN'（エゴラッピン）オフィシャルサイトのWEBデザインです。 真っ暗な中にランプの明かりが点る仕掛けが印象的で、大きな見出しや横幅いっぱいの画像＆カルーセルが黒背景のサイトに躍動感を与えています。 コンテンツ表示時のアニメーションが凝っていて、DISCOGRAPHYをカテゴリーごとにソートした時のカードをシャッフルしたような動きも素敵です。...
-
Roland – JP
日本の電子楽器メーカー、Roland（ローランド）コーポレートサイトのWEBデザインです。 フルスクリーンで大胆に表示されたカルーセルと、モノトーン×オレンジの配色がモダンかつエネルギッシュな印象のサイトです。 広めに取られた余白とかっちりとしたグリッドレイアウトは上品で信頼感があり、サムネイルやキャッチ画像を多用することで堅くなり過ぎず親しみ易さも持たせています。...
-
Tom Anderson Guitar｜JES International, Inc.
アメリカのハイエンドギターメーカー、Tom Anderson Guitar（トム・アンダーソン）のWEBデザインです。 大胆な接写とあえて端を切ったトリミングで被写体にフォーカスしつつ、その上に画像テキストを重ねたファーストビューがダイナミックなデザインです。 さりげないパララックスと斜めの要素、切り抜き画像を組み合わせて立体感や奥行き感を演出することでサイトにスパイスを加え印象付けています。...
-
フジゲン株式会社オフィシャルサイト
長野県松本市に本社を置く楽器製造メーカー、フジゲン株式会社オフィシャルサイトのWEBデザインです。 事業に分けてスプリットスクリーンレイアウトで表示したTOPページは、ひとつの画面で左右の対比を生みそれぞれを引き立たせています。 楽器製造事業ページはオレンジの配色がポップな印象で、切り抜き画像が動きを出しながらも白地の分量を多めに取って洗練された雰囲気を演出しています。...
-
Verona Records
カナダのインディペンデント・レーベル、Verona Records（ベローナ・レコード）オフィシャルサイトのWEBデザインです。 印象的なロゴ画像をリボンで装飾したヘッダー画像や、ふんだんに使用したアナログ感のあるテクスチャがレトロな雰囲気を醸し出しています。 TOPページのメインビジュアルでは太めのフレーミングで囲むことで、濃いカラーの画像と合わさってシンプルでありながらコントラストを生み出...
-
CREATIVEMAN PRODUCTIONS | クリエイティブマンプロダクション（CMP）
SUMMER SONIC、LOUD PARK等のフェスや国内外のコンサートを企画･制作･運営する、CREATIVEMAN PRODUCTIONS（クリエイティブマンプロダクション）のオフィシャルサイトのWEBデザインです。 モノトーンベースの配色に色分けされたラベルやボタン、ウエイトのある見出しが賑やかでポップな印象を与えているサイトです。 詳細ページではメインビジュアルにずらして重ねたレイア...
-
in•ter a•li•a
アメリカ/テキサス州出身のロックバンド、AT THE DRIVE IN（アット・ザ・ドライヴイン）のWEBデザインです。 アルバム「in∙ter a∙li∙a」のアートワークをモチーフとしたメインビジュアルは、マウスに合わせて反応する奥行きのあるパララックスが印象的です。 フラットなデザインにモノクロのグランジテイスト画像を合わせて、レトロ感やアナログ感、荒々しさをプラスしたデザインのサイトで...
-
Coldplay official website
イギリス/ロンドン出身のロックバンド、Coldplay（コールドプレイ）オフィシャルサイトのWEBデザインです。 アルバム「A Head Full of Dreams」のアートワークをモチーフとした、グラデーションと幾何学模様が印象的なポップなデザインです。 左側にグローバルナビゲーション、下部にSNSへのリンクが固定されていて、ページによっては右側にもローカルナビを配しているのが特徴です。...
-
Katy Perry | WITNESS. THE ALBUM. THE TOUR
アメリカ/カリフォルニア州出身の女性シンガーソングライター、Katy Perry（ケイティー・ペリー）さんのオフィシャルサイトのWEBデザインです。 インパクトの大きいメインビジュアルが印象的なサイトで、フラットデザインをポップながらも女性らしい配色で鮮やかに彩っています。 ブレイクポイントを細かく設定したレスポンシブデザインで、ウインドウ幅640px以下ではアプリライクなアイコンメニューに切...
-
Mastodon Official Website
アメリカ・ジョージア州アトランタ出身のヘヴィメタルバンド、Mastodon（マストドン）オフィシャルサイトのWEBデザインです。 アルバム「Emperor of Sand」のアートワークをモチーフとしたデザインで、イラストやテクスチャーをふんだんに使用して質感やオリジナリティを高めています。 動画の一部を動かすことでシネマグラフのように見せていて、さりげない動きに思わず見入ってしまいます。...
-
Dunlop
アメリカのギターアクセサリーメーカー、Jim Dunlop（ジム･ダンロップ）のWEBデザインです。 フルスクリーンで表示されるスライダーがダイナミックなサイトで、さりげなくシャドウを取り入れる事でフラットデザインをより魅力的にしています。 ウエイトのある見出しやセリフ体のフォントを使用したり等、文字を華やかに美しく見せているデザインです。...
-
DAVID BOWIE is | デヴィッド・ボウイ大回顧展
デヴィッド・ボウイの世界観やキャリアを総括した大回顧展、DAVID BOWIE isのWEBデザインです。 インパクトの強いファーストビューの下部にナビゲーションを配置する独創性と、オレンジをアクセントカラーとしたポップでビビッドなデザイン、パララックスや細やかなエフェクト等見応えがあります。...
-
Lacuna Coil Official | lacuna coil band | tourdates | gigs | info | delirium
イタリア/ミラノ出身のゴシックメタル・バンド、Lacuna Coil(ラクーナ・コイル)オフィシャルサイトのWEBデザインです。 男女混成のボーカルが大きな特徴のバンドで、欧州のバンドらしいゴシックな世界観やミステリアスなサウンドはサイトのデザインにも大きく反映されています。 グロテスクなメイクや黒服に身を包んだアーティスト写真はバンドの美意識や方向性をそのまま表現していて、ファーストビュ...
-
Fractal Audio Systems – Amp Modeling and Effects Processor Technology
アメリカ/ニューハンプシャー州のエフェクター・プリアンプメーカー、Fractal Audio Systems（フラクタルオーディオシステムズ）のWEBデザインです。 派手な画像を大きく表示したダイナミックなサイトで、ジャンプ率が大きな見出しやグラデーション等が賑やかで動きのあるデザインを作っています。 モノトーンにブルーとオレンジを加えた配色は誠実なイメージに躍動感やエネルギーを感じさせていて...
-
Suchmos | OFFICIALHP
神奈川県出身のバンド、Suchmos（サチモス）オフィシャルサイトのWEBデザインです。 オレンジのサークル要素を寄せては返す波のように表現したアニメーションが特徴で、スムーズな動きは飽きることなく見とれてしまいます。 ブラックベースのサイトデザインですがダークな印象はあまり感じられず、オレンジを加えることでポップで華やかなイメージを演出しています。...
-
InVogue Records | Independent Record Label
アメリカ/オハイオ州のインディペンデントレーベル、InVogue Records（インヴォーグ・レコード）のWEBデザインです。 モノクロのキャッチ画像とモノトーンで統一された配色はスタイリッシュで、洗練された都会的な印象を感じられます。 ページ遷移時にロゴマークをモチーフにしたローディングアニメーションを使用していて、読み込み時のストレス軽減とサイトの離脱を抑える役目をしています。...
-
Moog Music Inc
アメリカのアナログシンセサイザーメーカー、Moog Music Inc（モーグ・ミュージック）のWEBデザインです。 メインビジュアル部分を動画のスライドショーとしたデザインで、サイトの世界観を作ると共に製品の概要や魅力を動画で効果的に伝えています。 ブラックベースのページに黒背景で撮影した製品画像を表示する発想は面白く、スタイリッシュでありながら重厚で格式のある雰囲気を漂わせています。...
-
TASCAM
ティアック株式会社の業務用音響ブランド、TASCAM（タスカム）のWEBデザインです。 オレンジをキーカラーとした配色は明るくポップなイメージで、ブラックやグレーの割合が多い製品画像からサイト全体を明るく華やかに彩っています。 白背景の製品画像にボーダー等を使わず表示することで抜け感や解放感を作っていて、全体的に横長で統一されたキャッチ画像は平穏で落ち着いた印象を与えています。...
-
Sublime With Rome
カリフォルニア州ロングビーチ出身のロックバンド、Sublime With Rome（サブライム・ウィズ・ローム）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示されたメンバー画像とストリートグラフィティのようなロゴがダイナミックな印象を与えながら、サイト全体は無駄な装飾を省いたシンプルなフラットデザインです。 ほぼモノトーンのみでデザインされたシンプルな配色は、図版率の高い画像や...
-
Friend of Mine Records
ポストロックやエレクトロニカ、インディーロックを中心にリリースする日本のインディペンデントレーベル、Friend of Mine Records(フレンド・オブ・マイン・レコード)のWEBデザインです。 白背景にオレンジが映える配色はポジティブでエネルギーに満ちたイメージで、サイトに温かく親しみやすい印象を持たせています。 コンテンツ全体を大きな枠で囲んでいるのも特徴で、ボヤけて広がってしまい...
-
We Lost The Sea
オーストラリア/シドニーの6人組ポストロックバンド、We Lost The Sea（ウイ･ロスト・ザ・シー）オフィシャルサイトのWEBデザインです。 繊細なギターや儚くも美しいメロディとハードコアをルーツとするダイナミズムの対比がエモーショナルな轟音ポストロックで、曲によってはボイス・サンプル等も取り入れつつドラマチックに展開していく、ポジティブなエネルギーに満ちたインスト・ポストロックです。 ...
-
Epitaph Records
カリフォルニア州ロサンゼルスのパンク・レーベル、Epitaph Records（エピタフ・レコード）のWEBデザインです。 バッド・レリジョンが自身のアルバムをリリースするために設立されたレーベルで、オフスプリング等の商業的成功を経て多数のパンク・バンドが所属する巨大インディーズレーベルとなっています。 サイトはモノトーンに映えるレッドやオレンジの配色がアクティブでエネルギッシュな印象で、...
-
SHADOWS
日本のロックバンド、SHADOWS(シャドウズ)オフィシャルサイトのWEBデザインです。 ex-FACTのメンバーで結成されたバンドで、ファストでメロディックといった前バンドの核を継承しつつもそれを凌駕するようなエモーション溢れる楽曲とプリミティブなパフォーマンスでPUNK SPRINGを始めとするフェス等にも参戦しています。 サイトはざらざらとした質感のテクスチャを敷いたグランジテイスト...
-
【デジマート】楽器と音楽機材専門の検索＆総合情報サイト
国内最大級の楽器検索・情報サイト、デジマートのWEBデザインです。 リットーミュージックが運営しているサイトで、製品比較や最新ニュース、連載や特集等、楽器に関するあらゆる情報を提供しています。 サイトは多くのナビゲーションやバナーが印象的で、ポータルサイトとしては珍しく色数の多いカラフルで賑やかなイメージです。 サイト幅が1440pxと広めに設定されていて、その中をカラムやグリッドで規則...
-
waterweed Official Website
大阪出身のポストハードコアバンド、waterweed(ウォーターウィード)オフィシャルサイトのWEBデザインです。 メンバーチェンジを経ながらも長い活動歴を誇り、シンガロング必至の歌心溢れるメロディックハードコアで多くのミュージシャンやバンドからも支持されています。 サイトはライブ画像をフルスクリーンで表示したファーストビューが迫力があり、画面からも溢れる熱気が伝わります。 オレンジをアクセ...
-
Lloyd Stratton | Freelance Illustrator | Brighton | London
イギリス/ロンドンのフリーランスイラストレーター、Lloyd StrattonのポートフォリオサイトのWEBデザインです。 architectsやLOWER THAN ATLANTISといったハードコア・メタルコアバンドを中心にアートワークやマーチャンダイズを手掛けていて、繊細な筆使いと生命力を感じられる作品群は圧巻です。 サイトは左固定ナビゲーションとグリッド状に並べられた作品一覧が特徴のレ...
-
SoundCloud – Listen to free music and podcasts on SoundCloud
ドイツ/ベルリンを拠点とする音声ファイル共有サービス、SoundCloud（サウンドクラウド）のWEBデザインです。 音楽ストリーミングのプラットフォームとして多くのバンドやミュージシャンが楽曲を公開・配布しており、新たなジャンルやアイデアに触れられる場所として多くのユーザーに支持されています。 サイトはデュオトーンやグラデーションを効果的に使ったデザインで、アーティスティックながらもポップで...
-
MOON GUITARS｜ムーンギターズ
コンポーネントギター/ベースの製造企画販売会社、MOON GUITARS（ムーンギターズ）のWEBデザインです。 質の高いギターやベースを製造している日本のメーカーとして知られ、国内だけでなく世界的に有名なアーティストも多数使用しています。 サイトは黒い背景に月の出入りを溶け込ませたヘッダーがエキゾチックなデザインとなっています。 ベーシックなレイアウトで、PRODUCTやPLAYERページ...
-
Gretsch Guitars
アメリカの楽器メーカー、Gretsch（グレッチ）のギター/ベース製品情報サイトのWEBデザインです。 ホワイトファルコンや6120といった名器を生み出し国内外の多くのロックギタリストが愛用していて、ギブソン/フェンダー/リッケンバッカーと並ぶブランドです。 サイトはレトロな質感のあるテクスチャを使用したグリッドレイアウトで、TOPのダイナミックなスライダーがファーストインプレッションを担って...
-
A Perfect Circle
カリフォルニア州ロサンゼルス出身のロックバンド、A Perfect Circle（ア・パーフェクト・サークル）のWEBデザインです。 デザインと共にアニメーションもとても凝っていて、ページ遷移の際の滑車が回る表現など見ごたえがあります。...
-
【もんじぇ祭り】相模大野の夏の夕涼み。食と音楽を楽しむお祭り
神奈川県相模原市の食と音楽のイベント、もんじぇ祭りのWEBデザインです。 Wordpressで構築されたレスポンシブデザインで、フルスクリーンで表示された画像や筆文字のロゴがお祭りの活気や躍動感を表しています。...
-
Kyosuke Himuro Official Site
ロックボーカリスト・氷室京介氏のオフィシャル・サイトのWEBデザインです。 アブストラクトな背景画像とモノトーンを基調にビビッドなオレンジをアクセントカラーとした配色が相まった、スタイリッシュなデザインです。 ...
-
バンドメンバー募集 OURSOUNDS
2005年よりスタートしたバンドメンバー募集サイト、OURSOUNDSのWEBデザインです。 グリーンとブルーに鮮やかなオレンジがアクセントカラーとなっている配色で、角丸のボタンやフォームとも相まってモダンかつポジティブな印象です。...
-
Eric Clapton
世界3大ロック・ギタリストの一人とされるイングランド出身のミュージシャン/シンガーソングライター、Eric Clapton（エリック・クラプトン）のWEBデザインです。 絶妙な質感のテクスチャを背景に敷いたビンテージデザインにアニメーションを加えることで、レトロかつモダンで洗練された雰囲気を出しています。 ...
