CATEGORY : オレンジ
-
スキマスイッチ OFFICIAL WEBSITE
大橋卓弥と常田真太郎からなる日本の音楽ユニット、スキマスイッチのオフィシャルサイトのWEBデザインです。 清涼感とポップさを併せ持つ配色と柔らかな質感のテクスチャーがナチュラルな雰囲気を感じさせるサイトです。 ウインドウサイズによって可変するカード型のレイアウトも特徴で、テキストや画像・動画等をスタイリッシュに配置しています。...
-
城 南海オフィシャルサイト
鹿児島県奄美市出身の女性歌手、城 南海（きずき みなみ）さんのオフィシャルサイトのWEBデザインです。 ナチュラルで澄んだ印象を受ける配色とロゴをずらして重ねたキービジュアル、縦書きのナビゲーションや見出しが特徴のサイトです。 繊細で上品な雰囲気の幾何学模様の背景パターンが女性らしさを、縦書きのテキストがサイトをより印象的にして和を感じさせるデザインです。...
-
Washed Out
アメリカのミュージシャン、アーネスト・グリーンによる音楽プロジェクト、Washed Out（ウォッシュト・アウト）オフィシャルサイトのWEBデザインです。 クネクネと回る手書きのカセットテープのGIFアニメーションをフルスクリーンで表示した、レトロでアナログ感を感じさせるデザインです。 縦に4分割したナビゲーションと無駄を省いたコンテンツ等、デザインやレイアウトと共に他に類を見ない個性的なサイ...
-
MONOEYES OFFICIAL WEBSITE
ELLEGARDENやthe HIATUSでも活動する細美武士氏が立ち上げたロックバンド、MONOEYES（モノアイズ）オフィシャルサイトのWEBデザインです。 フルスクリーンのアーティスト画像上にロゴを配したダイナミックなTOPページと、シンプルでクリーンな印象の下層ページの対比がユニークなサイトです。 シンプルな中にもWEBフォントでデザイン性を高めたり、見出し下に装飾を加えることでアクセ...
-
Ennio Morricone | Official website
イタリアの作曲家、Ennio Morricone（エンニオ・モリコーネ）オフィシャルサイトのWEBデザインです。 モノクロの画像とモノトーン中心の配色にオレンジをアクセントカラーとして加えた、モダンでスタイリッシュな印象のサイトです。 大きなジャンプ率の大胆な見出しは存在感があり、落ち着いた雰囲気のデザインの中で視線を集めてメッセージを伝えています。...
-
CHAI GLOBAL | We are New Exciting Onna(female) Band from Japan ! NEO KAWAII ! COMPLEX IS ART !
名古屋出身の女性4人組バンド、CHAI（チャイ）グローバルサイトのWEBデザインです。 ピンクを基調にしたポップな配色とクリエイティブ、ダイナミックなフルスクリーン動画やアニメーションする装飾が賑やかでキュートなサイトです。 テキストをマスクしたローディング画面や、手書きのテキストなども取り入れたタイポグラフィー等、餃子のPAGETOPボタン等、見どころが満載です。...
-
GodCity Studio | We record sounds.
CONVERGEのギタリストKurt Ballouが運営するレコーディングスタジオ、GodCity StudioのWEBデザインです。 シンプルでフラットなデザインと、モノトーン中心の配色、TOPページ下部にあるダイナミックなスライダーが特徴のスタイリッシュなサイトです。 図版率が大きいのも特徴で、画像の上に半透明レイヤーを置いてテキストを表示していて、ORANGEのアンプを彷彿させる配色がア...
-
AGNÈS B. RADIO
フランスのファッションブランド、アニエスベーがセレクトしたWEBラジオ、AGNÈS B. RADIOのWEBデザインです。 大胆で猥雑な画像の配置と背景に帯をつけたテキスト等、往年のパンクバンドのフライヤーやジャケットデザインを彷彿させるサイトです。 下層ページでは左側にナビゲーションを固定、1カラムでコンテンツをしっかり見せるレイアウトとなっています。 ...
-
Iron Maiden – Official Website
イングランド出身のヘヴィメタル・バンド、Iron Maiden(アイアン･メイデン）オフィシャルサイトのWEBデザインです。 ブラックとレッドのヘヴイメタル然とした配色と、バンドのキャラクターであるエディがインパクト大なサイトです。 グランジ調のテクスチャーを背景に敷くことで、ノイズが入ったようなザラっとした質感を加えています。...
-
オンラインで音楽機材を売買 | Reverb
ミュージシャンのための楽器専門マーケットプレイス、Reverb（リバーブ）のWEBデザインです。 オレンジをキーカラーとした鮮やかでアクティブな印象の配色と、フラットなテイストのイラストをふんだんに使用したポップなデザインです。 テキストや画像を分かりやすく整理できるカード型のコンポーネントを取り入れているのが特徴で、ひとつのページに多くの情報をまとめて整然と表示しています。 また要素や画像...
-
AIR JAM 2018
Hi-STANDARDを中心に企画されたロックフェスティバル、AIR JAM（エアジャム）2018オフィシャルサイトのWEBデザインです。 パンクロックとストリートカルチャーを融合したイベントを象徴するかのようなロゴと熱気溢れる会場の背景画像、ダイナミックなスライダーが特徴のサイトです。 1カラム+グリッドで構成されたレイアウトはレスポンシブデザインとの親和性も高く、モバイル端末でも差異の少な...
-
DANCE GAVIN DANCE
カリフォルニア州サクラメント出身のポスト・ハードコアバンド、DANCE GAVIN DANCE（ダンス・ギャヴィン・ダンス）オフィシャルサイトのWEBデザインです。 こなれ感のある少し褪せたピンクやブラウン、オレンジの配色がヴィンテージ・レトロ感も感じさせるシングルページのサイトです。 画面幅いっぱいに表示されるアーティスト写真にイラストを馴染ませることで、ウィットに富んだユーモアのあるデザイ...
-
Sourdoreille | Humeurs musicales
フランスの音楽メディア、SourdoreilleのWEBデザインです。 ミントグリーンとオレンジの配色とテキストや要素をずらしたり重ねたりしたレイアウトが目を引く、スタイリッシュなデザインです。 マウスオーバー時のエフェクトも面白く、MUSICプレーヤーがヘッダーに固定しているのも特徴で、シリアスとユーモアを併せ持った印象のユニークなサイトです。 ...
-
Miyake Kaori 三宅芳 -Official Site-
大阪出身の女性シンガーソングライター、三宅芳（みやけかおり）さんのオフィシャルサイトのWEBデザインです。 色とりどりな六角形のエレメントを取り入れ、アニメーションとフルスクリーン表示の画像を組み合わせたアクティブでカラフルなサイトです。 セクションごとにパララックスで表示されるデュオトーンやコラージュされた画像が、シングルページに様々な表情を持たせて楽しませています。...
-
Sadie
大阪出身のヴィジュアル系ロックバンド、Sadie（サディ）オフィシャルサイトのWEBデザインです。 象徴的なキービジュアルと縦積みのナビゲーション、ダークな雰囲気を演出した背景のテクスチャーが特徴のサイトです。 ページ下部にスライドインする固定ナビゲーションがあるのも特徴で、他のサイトではあまり見かけないユニークなアイデアです。...
-
東京で音楽を習うなら「エークラスミュージック」
東京で音楽教室を運営するエークラスミュージック株式会社の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デザインです。 バッド・レリジョンが自身のアルバムをリリースするために設立されたレーベルで、オフスプリング等の商業的成功を経て多数のパンク・バンドが所属する巨大インディーズレーベルとなっています。 サイトはモノトーンに映えるレッドやオレンジの配色がアクティブでエネルギッシュな印象で、...
- Page 1 of 2
- 1
- 2
