CATEGORY : カラフル
-
La Dispute
アメリカ/ミシガン州出身のポスト・ハードコアバンド、La Dispute(ラ・ディスピュート)のオフィシャルサイトのWEBデザインです。 アルバム「Panorama」のアートワークをフルスクリーンで表示した、パステル調の淡く柔らかな色合いのサイトデザインです。 シンプルな構成のフラットデザインに、さりげなくグラデーションやパララックスも取り入れていて奥行きや広がりも感じさせています。...
-
The Who – Official Site of The Who, Pete Townshend and Roger Daltrey.
イギリスのロックバンド、The Who（ザ・フー）のオフィシャルサイトのWEBデザインです。 高彩度のカラフルな配色と画面幅をいっぱいに使ったスライダーやレイアウトが特徴のサイトです。 図版率が高いのも特徴で、モノクロやデュオトーン画像を大胆に取り入れてレトロ感も演出しながら強く印象付けています。...
-
TAICOCLUB’18
2006年より長野県木曽郡木祖村のこだまの森で開催されている野外音楽フェスティバル、TAICOCLUB (タイコクラブ)オフィシャルサイトのWEBデザインです。 ゆるいテイストのイラストと見出しフォント、セクションごとに色分けされたカラフルな配色が特徴のサイトです。 スクロールに合わせてさりげない表示エフェクトを加えていて、イラスト＋アニメーションでワクワク感を演出しています。...
-
ATATA『JOY』Release Tour 2016 -WE ARE ATATA ARMY!!! IN JAPAN!!!-
新代田発FEVER系6人組バンド、ATATAのミニアルバム「JOY」特設サイトのWEBデザインです。 アルバムのアートワークをモチーフとしたフェイスペイントの画像とアニメーション、3つにスプリットされたユニークなレイアウトが特徴のサイトです。 縦スクロールの中に斜めの要素を加えたり、左右ジグザグの配置で躍動感や流れを与えているポップでエネルギッシュなデザインです。...
-
PUBIC HAIR GROOVING｜アンダーヘアで音楽を
株式会社人間とm-floの☆Taku Takahashi氏によるアンダーヘアで音楽を作るプロジェクト、PUBIC HAIR GROOVINGのWEBデザインです。 衝撃的なキービジュアルとカラフルな配色やグラデーション、大胆なタイポグラフィーや斜めの要素が特徴のシングルページです。 canvasで描画された波形のアニメーションや動画の背景画像等がダンス・エレクトロニカ感も高めている、ユニークで...
-
Robbie Williams – The Heavy Entertainment Show
イギリス/ストーク・オン・トレント出身の男性シンガー、Robbie Williams（ロビー・ウィリアムズ）オフィシャルサイトのWEBデザインです。 背景に配置した斜めの太いボーダーと、グリッドを基調としながらもランダムにレイアウトされたコンテンツがにぎやかでスタイリッシュなサイトです。 各ページごとにカラフルな色分けをしていて、あえてバランスを崩したレイアウトと組み合わせてより印象的なページ...
-
城 南海オフィシャルサイト
鹿児島県奄美市出身の女性歌手、城 南海（きずき みなみ）さんのオフィシャルサイトのWEBデザインです。 ナチュラルで澄んだ印象を受ける配色とロゴをずらして重ねたキービジュアル、縦書きのナビゲーションや見出しが特徴のサイトです。 繊細で上品な雰囲気の幾何学模様の背景パターンが女性らしさを、縦書きのテキストがサイトをより印象的にして和を感じさせるデザインです。...
-
okgo.net
アメリカ/シカゴ出身のインディー・ロックバンド、OK Go（オーケー・ゴー）オフィシャルサイトのWEBデザインです。 画面の横幅いっぱいに広がるナビゲーションの配置が特徴で、ビジュアルとカラーをセットにして情報を整理しながら華やかな印象を与えています。 ナビゲーションと合わせてコンテンツごとに下層ページのカラーリングも違っていて、カラフルでとてもにぎやかな雰囲気のサイトです。...
-
RIP SLYME OFFICIAL HP
日本のヒップホップグループ、RIP SLYME（リップスライム）オフィシャルサイトのWEBデザインです。 黒背景に映えるイエローの斬新な形をしたスライダーと、カラフルな色使いの囲み枠が特徴のにぎやかで楽しさを感じるサイトです。 角丸やサークル形状の要素が柔らかさやポップ感を持ちつつ、太いボーダーを組み合わせることでインパクトと力強さも感じさせています。 左右ジグザグに配置されたPROFILE...
-
SHIBUYA MUSIC SCRAMBLE -渋谷音楽祭2018-
東京/渋谷の街全体をステージに活用した音楽イベント、渋谷音楽祭2018のオフィシャルサイトのWEBデザインです。 ロゴとキャッチコピーを大胆にフルスクリーン表示して、イベントごとにセクションで区切った縦長のシングルページサイトです。 セクションごとに背景画像や背景色で区切り、デザインテイストの異なるイベントを上手く1ページにまとめています。 嫌味を感じないさりげないパララックスは、縦長ページ...
-
Pharrell Williams
アメリカ/バージニア州出身の歌手・プロデューサー、Pharrell Williams（ファレル・ウィリアムス）オフィシャルサイトのWEBデザインです。 多彩な色使いとダイナミックに表示された画像がポップでカラフル、賑やかで楽し気な雰囲気を演出しているサイトです。 ページやコンテンツに合わせてグリッドやレイアウトを変化させたり、デュオトーンで印象を変えてみたりと様々な見せ方をしているのが特徴です...
-
五五七二三二〇 オフィシャルサイト
私立恵比寿中学のメンバー扮する前衛的アイドル、五五七二三二〇（ゴー・ゴー・ナナ・ニー・サン・ニー・レー）オフィシャルサイトのWEBデザインです。 フルスクリーン表示の菱形の中にコンテンツ、外側にメンバーとココナッツサブレが入れ替わるアニメーションが特徴のサイトです。 他のサイトでは見られない発想やレイアウトとカラフルで重厚なクリエイティブ等、コンセプトと共にユニークで斬新過ぎるデザインです。...
-
第９回大阪国際室内楽コンクール＆フェスタ｜OSAKA International Chamber Music Competition & Festa | 公益財団法人 日本室内楽振興財団
公益財団法人・日本室内楽振興財団が運営する第９回大阪国際室内楽コンクール＆フェスタのオフィシャルサイトのWEBデザインです。 格調高く重厚感を感じさせるブラック×ゴールドの配色と、斜めの要素をふんだんに使ったレイアウトがスタイリッシュな印象を与えているサイトです。 随所にさりげなくグラデーション要素を取り入れている事でアクセントを与え、ダークな印象になりがちな配色を華やかで鮮やかに彩っています...
-
Kesha Official Site
アメリカの女性歌手/シンガーソングライター、Kesha（ケシャ）のオフィシャルサイトのWEBデザインです。 アルバム「Rainbow」のアートワークをモチーフにしたポップでカラフル、賑やかなシングルページのサイトです。 マウスオーバーで反応するアートワークと、フォームのボタンが目玉のような画像になっている部分に遊び心を感じます。...
-
BECK | OFFICIAL WEBSITE
アメリカ/カリフォルニア州出身のソロミュージシャン、BECK（ベック）オフィシャルサイトのWEBデザインです。 グレーをベースにした配色のクールでスタイリッシュなデザインに、六角形のカラフルなオブジェクトが世界観を作っているサイトです。 ページ遷移時のアニメーションが非常にユニークで、マイクロインタラクションを取り入れてユーザー体験を高めています。 ブレイクポイント640px以下で切り替わる...
-
CHAI GLOBAL | We are New Exciting Onna(female) Band from Japan ! NEO KAWAII ! COMPLEX IS ART !
名古屋出身の女性4人組バンド、CHAI（チャイ）グローバルサイトのWEBデザインです。 ピンクを基調にしたポップな配色とクリエイティブ、ダイナミックなフルスクリーン動画やアニメーションする装飾が賑やかでキュートなサイトです。 テキストをマスクしたローディング画面や、手書きのテキストなども取り入れたタイポグラフィー等、餃子のPAGETOPボタン等、見どころが満載です。...
-
絢香 | Album「レインボーロード」Special Site
大阪出身の女性シンガーソングライター、絢香さんのアルバム「レインボーロード」Special SiteのWEBデザインです。 フルスクリーンで表示された動画と斜めの要素、くるくると変化していくカラフルなアニメーションが特徴のポップながらスタイリッシュなデザインです。 幾何学模様の背景要素にずらしたり重ねたりした動画やコンテンツが遊び心を感じさせ、また反復表示することでサイトに一貫性やリズムを生み...
-
Namie Amuro 25th Anniversary Site
沖縄出身の歌手/ダンサー、安室奈美恵（あむろなみえ）さんの25周年スペシャルサイトのWEBデザインです。 フルスクリーン表示のアーティスト写真が年毎にくるくると切り替わるアニメーションが圧巻のダイナミックなサイトです。 線の描画が美しいSVGアニメーションやテキストエフェクトを取り入れることでサイトをよりリッチに演出しています。 ...
-
GLAY公式サイト
北海道出身のヴィジュアル系ロックバンド、GLAY（グレイ）オフィシャルサイトのWEBデザインです。 グリッドで整然とレイアウトされた誘導バナーと各コンテンツごとに色分けされた半透明レイヤー、ダイナミックな各種アニメーションが特徴のサイトです。 下層ページでは広めの余白とグレーの濃淡で配色されたクリーンなデザインで、大きな見出しやWEBフォント、アイコンが親しみやすくポップ感を演出しています。...
-
KPP 5th Anniversary Special Website
日本の女性歌手/ファッションモデル、きゃりーぱみゅぱみゅさんの5周年記念スペシャルサイトのWEBデザインです。 フルスクリーンの動画からスクロールで奥へと進んでいくかのようなストーリー仕立てのアニメーションが圧巻の体験型サイトです。 独特の世界観を演出しているイラストやカラフルでポップな配色と共に、遊び心とインパクトを多分に併せ持ったデザインです。...
-
Miyake Kaori 三宅芳 -Official Site-
大阪出身の女性シンガーソングライター、三宅芳（みやけかおり）さんのオフィシャルサイトのWEBデザインです。 色とりどりな六角形のエレメントを取り入れ、アニメーションとフルスクリーン表示の画像を組み合わせたアクティブでカラフルなサイトです。 セクションごとにパララックスで表示されるデュオトーンやコラージュされた画像が、シングルページに様々な表情を持たせて楽しませています。...
-
Pink Floyd | The Official Site
イングランド出身のプログレッシブ・ロックバンド、Pink Floyd（ピンク・フロイド）オフィシャルサイトのWEBデザインです。 抽象的なロゴとセンターに集められた縦積みのナビゲーションと特設サイトへのリンクのみという意味深なTOPページが印象的なサイトです。 ページやコンテンツに合わせて様々に背景画像が切り替わり、バンドサイトとしては珍しいDESIGNページと合わせて見応えがあります。...
-
Aqua Timez official Website
日本のロックバンド、Aqua Timez（アクア タイムズ）オフィシャルサイトのWEBデザインです。 柔らかく優しいタッチのイラストとパララックスを多用したストーリー性のあるレイアウトが印象的な動きを感じさせるサイトです。 下層ページは水彩画風の背景画像に柔らかなトーンの配色や細めの罫線を用いて、落ち着きと温かみを感じさせるデザインとなっています。 ...
-
東京で音楽を習うなら「エークラスミュージック」
東京で音楽教室を運営するエークラスミュージック株式会社の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デザインです。 フルスクリーンで表示したアブストラクトなアニメーションが印象的で、カラフルで楽しそうな雰囲気と穏やかな動きで興味を惹く画面を構成しています。 余白を大きく取ったシンプルなフラットデザインで、サークル状にトリミン...
- Page 1 of 2
- 1
- 2
