CATEGORY : カラフル
-
東京で音楽を習うなら「エークラスミュージック」
東京で音楽教室を運営するエークラスミュージック株式会社のWEBデザインです。 白背景をベースにカラフルでビビッドな差し色が楽しげで賑やかな雰囲気を演出している、ポップなデザインのサイトです。 スライダーの上に重ねたナビゲーションにシャドウを付けて立体感を出すことで、ユーザーを迷わせずデザイン的にも特徴を持たせています。 堅くなりがちなレイアウトに音符やドットのパターン背景を敷いたり角丸やアイ...
-
Home | TALONS
イギリスのポストロックバンド、TALONS（タロンズ）オフィシャルサイトのWEBデザインです。 アルバム「We All Know」のアートワークをモチーフとしたダークなデザインで、背景にフルスクリーンで敷いた画像とパララックスが特徴です。 フルスクリーンで表示しながらもヘッダーやフッターと組み合わせて画面の四方にブラックのフレームを作る事で、コンテンツを際立たせています。 ...
-
TETSUYA KOMURO ARCHIVES
音楽プロデューサー小室哲哉氏のアルバム「TETSUYA KOMURO ARCHIVES」 の約15mに及ぶ大型アートワークのデジタル版サイトのWEBデザインです。 各時代を切り取ったかのような象徴的な背景画像を鮮やかなグラデーションで繋ぎ、横スクロールのタイムラインで見せた斬新なデザインです。 ローディング時のアニメーションも凝っていて、デザイン性と共にユニークで他には見ないようなサイトです。...
-
Ayano Tsuji Official Website | つじあやののオフィシャルサイト。最新情報、着うた(R)などを掲載。
京都出身のシンガーソングライター、つじあやのさんのオフィシャルサイトのWEBデザインです。 淡いパステル調の配色とイラストを組み合わせて、柔らかで女性的なイメージとナチュラル感を併せ持った可愛らしいサイトです。 色とりどりの不規則な円で作られたナビゲーションや罫線は親近感を感じさせていて、細部までコンセプトを意識したデザインとなっています。...
-
back number（バックナンバー）official web site
群馬県出身のスリーピースロックバンド、back number（バックナンバー）オフィシャルサイトのWEBデザインです。 フルスクリーンの四方にホワイトエッジを付けて、変化していくグラデーションが鮮やかなファーストビューが印象的なサイトです。 下層ページではホワイトとグレーをベースにした配色と、細めの罫線、たっぷりと余白を取ったレイアウトがゆったりと落ち着いた雰囲気を演出しています。...
-
Coldplay official website
イギリス/ロンドン出身のロックバンド、Coldplay（コールドプレイ）オフィシャルサイトのWEBデザインです。 アルバム「A Head Full of Dreams」のアートワークをモチーフとした、グラデーションと幾何学模様が印象的なポップなデザインです。 左側にグローバルナビゲーション、下部にSNSへのリンクが固定されていて、ページによっては右側にもローカルナビを配しているのが特徴です。...
-
忘れらんねえよ OFFICIAL WEBSITE
日本のバンド、忘れらんねえよ（わすれらんねえよ）オフィシャルサイトのWEBデザインです。 独特な存在感を持つキャラクターのイラストを使用したGIFアニメのナビゲーションや、ページごとに違う背景画像などポップでカラフルなデザインです。 程よくゆるいテイストが親しみや柔らかさを感じさせていて、ファビコンやページTOPボタンの動きなど遊び心が満載のサイトです。...
-
OKAMOTO’S OFFICIAL WEBSITE
日本のロックバンド、OKAMOTO'S（オカモトズ）オフィシャルサイトのWEBデザインです。 手書きイラストやテキスト、アナログ感のあるテクスチャをふんだんに使用したサイトで、オリジナル性を高めると共に温かみや懐かしさも感じられます。 ページごとに背景色を変えているのも特徴で、印象的なナビゲーションや見出し等のパーツが散漫にならないようにまとめている印象です。...
-
Hopesfall
アメリカ・ノースカロライナ州出身の叙情派ニュースクール・ハードコアバンド、Hopesfall（ホープスフォール）オフィシャルサイトのWEBデザインです。 アルバム「Arbiter」のアートワークをフルスクリーンで表示したデザインで、澄んだブルーとサーモンピンクの配色が爽やかな印象を与えています。 シングルページをセクションごとに背景色を変えて、コンテンツや情報の区切りを分かりやすくしています。...
-
Night Flowers – Debut Album Wild Notion Out Now
イギリス/ロンドン出身のシューゲイズ・ポップ・バンド、Night Flowers (ナイト・ フラワーズ) オフィシャルサイトのWEBデザインです。 デュオトーンで切り替わる動画がポップで華やかな印象を与えつつ、斜めのラインでスタイリッシュにも見せてくれるデザインです。 さりげないパララックスやローディング、ページ遷移時のアニメーション等、細部にも遊び心やギミックが盛り込まれているサイトです。...
-
MACO OFFICIAL WEBSITE
北海道函館市出身の女性シンガーソングライター、MACO（マコ）さんのオフィシャルサイトのWEBデザインです。 淡いピンク×ブルーのグラデーションと細めのフォントが柔らかく優しい印象を作っているデザインで、 NEWSやLIVEなどのページではカテゴリーごとにラベルを色分けすることで彩りを加えつつ、見やすく分かりやすくなるような配慮がされています。...
-
KORG (Japan)
シンセサイザーやデジタルピアノ等の電子楽器の製造/販売メーカー、KORG（コルグ）のWEBデザインです。 左側にナビゲーションを固定したカード型＆グリッドレイアウトが特徴のデザインで、 シンプルなモノトーン配色の中で見出し部分にグラデーションを取り入れたり、製品カテゴリーごとにカラー分けをして華やかに彩っています。...
-
Queens of the Stone Age
カルフォルニア州パームデザート出身のストーナー・ロックバンド、Queens of the Stone Age（クイーンズ・オブ・ザ・ストーン・エイジ）のWEBデザインです。 アナログなテレビのイラストを前面に打ち出したレトロ感のあるデザインで、チャンネルを切り替えるようにコンテンツを変化させる発想が面白いサイトです。...
-
Home | Jaco Pastorius
アメリカのベーシスト、Jaco Pastorius(ジャコ・パストリアス)オフィシャルサイトのWEBデザインです。 外側に向けて四隅を暗くぼかしたビネット効果を施した画像を大きく表示、レトロ・ヴィンテージ感をもたらすと共にサイトの世界観を打ち出しています。 ナビゲーションや見出しに手書き風のフォントを使用していて、ジャンプ率の大きさとも相まって親しみやすく柔らかな印象を与えています。...
-
Fractal Audio Systems – Amp Modeling and Effects Processor Technology
アメリカ/ニューハンプシャー州のエフェクター・プリアンプメーカー、Fractal Audio Systems（フラクタルオーディオシステムズ）のWEBデザインです。 派手な画像を大きく表示したダイナミックなサイトで、ジャンプ率が大きな見出しやグラデーション等が賑やかで動きのあるデザインを作っています。 モノトーンにブルーとオレンジを加えた配色は誠実なイメージに躍動感やエネルギーを感じさせていて...
-
氷室京介｜KYOSUKE HIMURO LAST GIGS Special Site｜Warner Music Japan
ロックボーカリスト・氷室京介氏のライブ映像作品「LAST GIGS」特設サイトのWEBデザインです。 ブラックベースの縦長ページを繊細なグラデーションの枠で囲んだデザインで、シンプルながらサイト全体を鮮やかに彩っています。 スクロールでグラデーションと共に変化していく背景画像もサイトに彩りを与えていて、縦長のページに変化と動きを加えています。...
-
Biophilia Educational Project
音楽と自然とテクノロジーの邂逅による教育プログラム、Biophilia Educational Project(バイオフィリア・エデュケーショナル・プロジェクト)のWEBデザインです。 フルスクリーンで表示したアブストラクトなアニメーションが印象的で、カラフルで楽しそうな雰囲気と穏やかな動きで興味を惹く画面を構成しています。 余白を大きく取ったシンプルなフラットデザインで、サークル状にトリミン...
-
jane kelly williams dot com
アメリカ/ジョージア州出身のシンガーソングライター、Jane Kelly Williams(ジェーン・ケリー・ウィリアムス)オフィシャルサイトのWEBデザインです。 その澄んだ歌声と清涼感溢れるメロディ、空気の振動を肌で感じられるかのようなアコースティック・サウンドは情景が浮かぶようで、ベルギーの名門クレプスキュールからのリリースも果たしています。 サイトは柔らかな色合いの手書きイラストで...
-
LITE Official Website
日本の4人組インストゥルメンタル・ロックバンド、LITE（ライト）オフィシャルサイトのWEBデザインです。 国内外を問わずボーダーレスに活動を続けている、日本を代表するポストロックバンドの一つで、近年ではニューウェーヴやエレクトロニカ等の要素を取り入れながらもより肉感的なサウンドとパフォーマンスで海外からの高い支持を得ています。 サイトはモノトーンでまとめられた配色と過度な装飾を削ぎ落とし...
-
【デジマート】楽器と音楽機材専門の検索＆総合情報サイト
国内最大級の楽器検索・情報サイト、デジマートのWEBデザインです。 リットーミュージックが運営しているサイトで、製品比較や最新ニュース、連載や特集等、楽器に関するあらゆる情報を提供しています。 サイトは多くのナビゲーションやバナーが印象的で、ポータルサイトとしては珍しく色数の多いカラフルで賑やかなイメージです。 サイト幅が1440pxと広めに設定されていて、その中をカラムやグリッドで規則...
-
音楽スタジオ 東京｜ベースオントップ BASS ON TOP｜バンドスタジオ-リハーサルスタジオ-レコーディング
都内を中心に運営している音楽スタジオ、BASS ON TOP(ベースオントップ)東京のWEBデザインです。 リハーサル、レコーディング、ピアノ、ダンス、アカペラと業種によってページの配色を変えていて、サイト全体でカラフルで賑やかなデザインとなっています。 文字のジャンプ率も大きく、視認性を高めながらポップで活気のあるイメージも与えています。 ...
-
Concord Music Hall
アメリカ/シカゴのミュージックホール、Concord Music Hall(コンコルド・ミュージック・ホール)のWEBデザインです。 サイトは高画質な画像とレトロなフォントによるロゴが強く印象に残るTOPデザインで、ホバーエフェクトやアニメーションも非常に凝っていて見応えがあります。 スクロール量に合わせてコンテンツの背景色が変化していくのもとても美しく、あえて不規則にしたグリッドやずらして表...
-
björk
アイスランド出身のアーティスト/シンガーソングライター、björk（ビョーク）のオフィシャルサイトのWEBデザインです。 独創的な歌唱やビジュアルも話題となる彼女のサウンドは特定のジャンルに縛られることはなく、また最新のテクノロジーを取り入れながら常に新しい表現を模索し続けて驚きや感動を与えてくれます。 サイトもフルスクリーンで表示される動画が強いインプレッションを与えていて、ページによって変...
-
音楽発見サービス – Spotify
世界最大手の音楽ストリーミング配信サービス、Spotify（スポティファイ）のWEBデザインです。 鮮やかな配色のグラデーションやデュオトーンを大胆に取り入れたポップでビビッドなデザインで、シンプルでありながらも非常に印象に残るサイトです。...
-
Paramore – New album After Laughter available now. – music, videos, and tour
テネシー州出身の女性ボーカルロックバンド、Paramore（パラモア）のWEBデザインです。 フルスクリーンで表示されるミュージックビデオとグラデーションを多用したカラフルな配色が掛け合わされて、ポップでインパクトのあるサイトデザインとなっています。...
-
Glassjaw
ニューヨーク州ロングアイランドのポスト・ハードコアバンド、Glassjaw（グラスジョー）のWEBデザインです。 左側にナビゲーションを固定させたカラフルなグリッドレイアウトのサイトで、オンラインストアとしての役割をメインとしているようです。...
-
ワーナーミュージック・ジャパン | Warner Music Japan
ワーナー・ミュージック・グループ傘下の日本のレコード会社、ワーナーミュージック・ジャパン公式サイトのWEBデザインです。 TOPのスライダー部分の背景にブラーエフェクトが加えられているのが美しく、奥行き感を演出しています。...
-
Vinyl Me, Please. The best damn record club.
アナログ・レコードのサブスクリプションサービス、Vinyl Me PleaseのWEBデザインです。 派手なビジュアルやアートワークが映えるフラットなデザインのサイトで、マウスオーバー時にロゴのレコードがスピンするSVGアニメーションが滑らかで素敵です。...
-
AMP MUSIC – From Africa, To the World –
アフリカ発のインディーズ音楽をインターネットを通じて世界で販売する音楽レーベル、AMP MUSICのWEBデザインです。 サイト全体を通してページ遷移時やホバーエフェクト等、アニメーションが凝っていて楽しませてくれます。 ...
-
Circa Survive
ペンシルベニア州フィラデルフィアにて結成されたエモ・オルタナティヴ・ロックバンド、 Circa Survive)(サーカ・サバイブ)のWEBデザインです。 アルバム「The Amulet」のジャケットをモチーフにしたデザインで、毎作品ごとのアートワークも独特で素晴らしく、それに伴ったサイトデザインもいつも見応えがあります。 ...
-
Rittor Music Magazine Web – リットーミュージックの雑誌サイト
音楽関連の雑誌等を取り扱う出版社、リットーミュージックの雑誌サイトのWEBデザインです。 2カラム+グリッドのレイアウトで、各雑誌ブランドによって色分けされたTOPナビゲーションのホバーエフェクトに目を奪われます。...
