CATEGORY : Jポップ
-
TETSUYA KOMURO ARCHIVES
音楽プロデューサー小室哲哉氏のアルバム「TETSUYA KOMURO ARCHIVES」 の約15mに及ぶ大型アートワークのデジタル版サイトのWEBデザインです。 各時代を切り取ったかのような象徴的な背景画像を鮮やかなグラデーションで繋ぎ、横スクロールのタイムラインで見せた斬新なデザインです。 ローディング時のアニメーションも凝っていて、デザイン性と共にユニークで他には見ないようなサイトです。...
-
BENI OFFICIAL SITE
沖縄出身の女性シンガー、BENIさんのオフィシャルサイトのWEBデザインです。 ピンクとグリーンで配色されたビビッドで大胆な色使いと、ブラシ風のフォントを使用したロゴやナビゲーションが目を引くサイトです。 自由なレイアウトは躍動感や流れを感じさせ、エディトリアルデザインのようなビジュアルと相まって楽しげでアクティブな雰囲気を演出しています。 ナビゲーションが下部に固定されているのも特徴で、ホ...
-
HOME | 4年2組
“青春” をテーマに活動するヴォーカルユニット、4年2組オフィシャルサイトのWEBデザインです。 高揚感のあるライブ画像を大きく使用したダイナミックな印象のスライダーと、黒背景に映える色鮮やかな画像が華やかなデザインのサイトです。 DISCOGRAPHYではCDジャケットとテキストを交互に左右ジグザグに配置し、楽しげなイメージを演出しリズミカルなテンポ感を生んでいます。...
-
アナ Official WebSite
福岡出身の２人組バンド、アナのオフィシャルサイトのWEBデザインです。 アースカラーを取り入れた配色と柔らかな質感のテクスチャを用いた、ナチュラルな雰囲気のサイトです。 アイコンを積極的に取り入れたり、ページ下部にはコンテンツをピンク・ネイビー・イエローで区切って配置したりと視覚的に分かりやすく配慮されています。...
-
ケラケラ オフィシャルウェブサイト
日本の3人組音楽ユニット、ケラケラ オフィシャルサイトのWEBデザインです。 手書きのナビゲーションや罫線・イラスト、背景のパターンがファンシーでポップな印象のサイトです。 白背景にイエローとブルーの配色とリボンやサークルをモチーフとしたパターン、程良くゆるい感じのイラストが明るくぬくもりを感じさせています。...
-
TUBE | ソニーミュージック オフィシャルサイト
日本の夏を代表するロックバンド、TUBE（チューブ）ソニーミュージック オフィシャルサイトのWEBデザインです。 グリッドと2カラムで構成されたベーシックなレイアウトで、大きな海の画像を背景に敷いたデザインはバンドのイメージをストレートに表現しています。 また背景画像を固定してコンテンツのみをスクロールさせることで、ページ全体がスクロールするよりもテキストや画像に注目を集めています。...
-
Hotei
群馬県出身/ロンドン在住のギタリスト・ロックミュージシャン、布袋 寅泰（ほていともやす）氏のENGLISH SITEのWEBデザインです。 フラットなデザインとネイビー+レッドの配色がクールでスタイリッシュな印象で、固定ナビゲーションとアンカーリンクが特徴の縦長ページのサイトです。 トレードマークでもある幾何学模様を色々なパターンで背景に敷いていて、オリジナリティと近未来的なイメージをもたらし...
-
Namie Amuro Official Site
沖縄出身の歌手/ダンサー、安室奈美恵（あむろなみえ）さんのオフィシャルサイトのWEBデザインです。 ホワイト+シャンパンゴールドの配色と広めに取られたホワイトスペースがエレガントで洗練された印象を感じさせるデザインです。 フルスクリーンで表示されたライブ画像はビジュアル面で魅了するだけでなく、それ自体がバナーとなっていて購入ページへの誘導の役割を果たしています。...
-
namie amuro Final Space
安室奈美恵さんの軌跡を辿る体感型の展覧会、namie amuro Final Spaceの特設サイトのWEBデザインです。 キラキラとしたメインビジュアルとシャンパンゴールドをアクセントとした配色、セリフ体のフォントを見出しに使用したエレガントなサイトです。 ホワイトベースのシングルページの途中にグレーの背景を用いることでコンテンツの区切りを作りつつ、ページに締まりを与えています。...
-
go!go!vanillas
日本のロックバンド、go!go!vanillas（ゴーゴーバニラズ）オフィシャルサイトのWEBデザインです。 フラットなデザインにパステル調のピンクやブルーの配色が映えるシンプルなデザインで、左側に固定されたナビゲーションが特徴のサイトです。 メインビジュアルのスライダーや斜めになったナビゲーションのアニメーションがユニークで、ローディング時の動きも読み込みのストレスを和らげています。...
-
和楽器バンド Official Site
日本のロックバンド、和楽器バンド（わがっきバンド）オフィシャルサイトのWEBデザインです。 グリッドで色分けされた背景に画像やコンテンツを重ねたりずらしたりすることでオリジナリティや躍動感を高めているレイアウトが特徴です。 縦書きの見出しやグラデーションも取り入れた和を感じさせるデザインは、バンドの世界観やコンセプトを的確に表現しています。...
-
EGO-WRAPPIN’
大阪出身のユニット、EGO-WRAPPIN'（エゴラッピン）オフィシャルサイトのWEBデザインです。 真っ暗な中にランプの明かりが点る仕掛けが印象的で、大きな見出しや横幅いっぱいの画像＆カルーセルが黒背景のサイトに躍動感を与えています。 コンテンツ表示時のアニメーションが凝っていて、DISCOGRAPHYをカテゴリーごとにソートした時のカードをシャッフルしたような動きも素敵です。...
-
杏里オフィシャルサイト
神奈川県出身の歌手/シンガソングライター、杏里（あんり）さんのオフィシャルサイトのWEBデザインです。 海や夏を想起させるようなコバルトブルーを基調にした爽やかな配色と、デニム生地のようなパターン素材が質感を感じさせています。 ゴールドをアクセントカラーに加え、明朝体のフォントを用いることで優雅で女性らしい華やかさもプラスしたデザインです。...
-
小島麻由美オフィシャルサイト
東京都出身のシンガーソングライター、小島麻由美（こじま まゆみ）さんのオフィシャルサイトのWEBデザインです。 ネイビーを基調にサンドベージュをアクセントとした配色は上品で大人の落ち着きを感じさせ、イラストやポップな区切り線を加えることでキュートな印象も併せ持っています。 縦長ページをスクロールに合わせてナビゲーションの雲が移動したり、PROFILE & DISCOGRAPHYでは時系列にタイ...
-
Ayano Tsuji Official Website | つじあやののオフィシャルサイト。最新情報、着うた(R)などを掲載。
京都出身のシンガーソングライター、つじあやのさんのオフィシャルサイトのWEBデザインです。 淡いパステル調の配色とイラストを組み合わせて、柔らかで女性的なイメージとナチュラル感を併せ持った可愛らしいサイトです。 色とりどりの不規則な円で作られたナビゲーションや罫線は親近感を感じさせていて、細部までコンセプトを意識したデザインとなっています。...
-
サザンオールスターズ Official Site
「サザン」の愛称で親しまれる日本のロックバンド、サザンオールスターズ（Southern All Stars）オフィシャルサイトのWEBデザインです。 インパクトの大きいビジュアルがランディングページ的な役割を果たす告知画面と、大きなスライダーや見出しがポップで明るい印象を作っています。 背景に敷いた薄いグレーからずらして表示した見出しや画像が遊び心を感じさせていて、一方でスタイリッシュなフッタ...
-
back number（バックナンバー）official web site
群馬県出身のスリーピースロックバンド、back number（バックナンバー）オフィシャルサイトのWEBデザインです。 フルスクリーンの四方にホワイトエッジを付けて、変化していくグラデーションが鮮やかなファーストビューが印象的なサイトです。 下層ページではホワイトとグレーをベースにした配色と、細めの罫線、たっぷりと余白を取ったレイアウトがゆったりと落ち着いた雰囲気を演出しています。...
-
米津玄師 official site「REISSUE RECORDS」
徳島県出身のミュージシャン/シンガーソングライター、米津玄師（よねづけんし）さんのオフィシャルサイトのWEBデザインです。 モノトーン中心の配色のシンプルなフラットデザインに、ロゴや見出しのフォントや手書きイラストが温かみや親しみやすさをプラスしたサイトです。 ローディング時のアニメーションやマウスに追随するイエローのサークル等、クールな配色の中に遊び心やユーモアを感じられます。...
-
水曜日のカンパネラ OFFICIAL SITE
日本の音楽ユニット、水曜日のカンパネラのオフィシャルサイトのWEBデザインです。 数多のサイトとは異なるブルータルなレイアウトやデザインはとても刺激的でありながら、ミニマルでわかりやすいサイト構成です。 ビジュアル要素として見せるテキスト、レトロな印象も受ける画像、ダイナミックなアニメーション等、斬新で独創的なデザインのサイトです。...
-
KEYTALK official web
日本のロックバンド、KEYTALK（キートーク）オフィシャルサイトのWEBデザインです。 斜めのメインビジュアルやレイヤーが印象的なサイトで、シンプルなフラットデザインを単調にさせずスタイリッシュにしています。 ナビゲーションのマウスオーバー時にエフェクトを加えたり、リリース作品の画像にロングシャドウを加えたりとさりげない部分までこだわりを感じられます。...
-
きゃりーぱみゅぱみゅOFFICIAL HOMEPAGE
日本の女性歌手/ファッションモデル、きゃりーぱみゅぱみゅさんのオフィシャルサイトのWEBデザインです。 クリーンなフラットデザインのサイトで、余白を大きく取った動画からずらして重ねたタイトルテキストが遊び心とインパクトを与えています。 モノトーン中心のシンプルな配色の中で動画自体の持つ色彩や、部分的に敷かれている幾何学的な背景画像がサイトを鮮やかに彩っています。 ...
-
雨のパレード オフィシャルサイト
日本のロックバンド、雨のパレードのオフィシャルサイトのWEBデザインです。 VIDEOタグで埋め込まれた抽象的な動画がナビゲーションとなっている独特なサイトで、モノトーン配色に動画の持つ色彩が映えています。 無駄な装飾を極力省き、ジャンプ率を抑えて細めのフォントを使用したミニマルなデザインはクリーンで知的なイメージを感じられます。 ...
-
Hikaru Utada Official Website
日本の女性シンガーソングライター、宇多田ヒカルさんのオフィシャルサイトのWEBデザインです。 左側に固定したナビゲーションが特徴のサイトで、ブラック×グレー×ホワイトのみの配色と相まってクールでスタイリッシュな印象を与えています。 サークルや角丸を使用して凛としたデザインの中にも丸みや優しさを加え、女性らしい柔らかさも感じさせています。...
-
小袋成彬 分離派
日本のシンガーソングライター、小袋成彬（おぶくろなりあき）氏のオフィシャルサイトのWEBデザインです。 巨大なフォントサイズとシンプルながら斬新なレイアウトが特徴で、ホワイトにミントグリーンの配色が爽やかな印象を与えています。 ページ遷移時やスクロール時のコンテンツの表示エフェクトがさりげなくサイトにリッチ感を加え、より魅力的に見せています。...
-
森山直太朗オフィシャルサイト
日本のシンガーソングライター、森山直太朗のオフィシャルサイトのWEBデザインです。 モノトーン中心の配色とセリフ体のフォントを使用したスタイリッシュなサイトで、大きく取った余白など上品で落ち着いた印象も感じられます。 スクロールに合わせてサングラスや髯が入れ替わり重なる演出が斬新で、シンプルな中に遊び心をふんだんに盛り込んだデザインです。...
-
MACO OFFICIAL WEBSITE
北海道函館市出身の女性シンガーソングライター、MACO（マコ）さんのオフィシャルサイトのWEBデザインです。 淡いピンク×ブルーのグラデーションと細めのフォントが柔らかく優しい印象を作っているデザインで、 NEWSやLIVEなどのページではカテゴリーごとにラベルを色分けすることで彩りを加えつつ、見やすく分かりやすくなるような配慮がされています。...
-
m-flo | m-flo official website
日本の音楽グループ、m-flo（エム-フロウ）オフィシャルサイトのWEBデザインです。 ホワイトとグレーの濃淡で配色されたフラットデザインのサイトで、デジタル感の強いロゴとも相まって近未来感のあるデザインとなっています。...
-
AI Official Site
日本の歌手/ソングライター、AIさんのオフィシャルサイトのWEBデザインです。 白背景をベースにした配色に大きなスライダーを配したTOPページが特徴で、シンプルなレイアウトに派手めの画像や動画がよく映えています。 あえて不規則にしたグリッドレイアウトなど、さりげなく遊び心を加えている印象のデザインです。...
-
SPITZ OFFICIAL WEB SITE
日本のロックバンド、SPITZ（スピッツ）オフィシャルサイトのWEBデザインです。 モノトーン配色をベースにしたスタイリッシュなデザインに、ホワイトエッジを設けたダイナミックなスライダーと画像からずらして配置したキャプションが動きや遊び心をもたらしています。...
-
藤原さくら オフィシャルサイト
福岡県出身のシンガーソングライター、藤原さくらさんのオフィシャルサイトのWEBデザインです。 オーガニックで透明感溢れる画像や配色と、手書き風フォントやアイコン、テクスチャで作られたナビゲーションがナチュラルなテイストのデザインで、スプリットレイアウトも取り入れた構成は強く印象に残る美しいサイトとなっています。...
-
槇原敬之公式サイト｜MAKIHARANORIYUKI.COM
日本のシンガーソングライター、槇原敬之氏の公式サイトのWEBデザインです。 FLASHで作られたポップなデザインは日常の出来事や恋愛を題材にする歌詞や楽曲の世界観とマッチしていて、レトロなゲームのような仕掛けも遊び心たっぷりのサイトです。...
-
椎名林檎トリビュートアルバム「アダムとイヴの林檎」特設サイト
東京事変のポーカルでもある女性シンガーソングライター、椎名林檎(しいなりんご)さんのトリビュートアルバム「アダムとイヴの林檎」特設サイトのWEBデザインです。 噛られた林檎のイラストが印象的なアルバムのアートワークをモチーフとしたサイトデザインで、横幅いっぱいに表示されたみずみずしいグリーンのグラデーション背景と、その上に表示されたメインビジュアルが印象的です。 ロゴや見出しにも林檎アイコ...
-
Mr.Children
ミスチルの愛称で親しまれている日本のバンド､Mr.Children(ミスターチルドレン)オフィシャルサイトのWEBデザインです。 TOPICS記事への誘導を担っている大きなスライダーが特徴で、メインビジュアルとしての役割も果たしていて様々な色合いが彩りを与えサイトのイメージを端的に表現しています。 グレーとホワイトをベースとしたシンプルな配色はタイトでスタイリッシュな印象を感じさせてい...
-
ワーナーミュージック・ジャパン | Warner Music Japan
ワーナー・ミュージック・グループ傘下の日本のレコード会社、ワーナーミュージック・ジャパン公式サイトのWEBデザインです。 TOPのスライダー部分の背景にブラーエフェクトが加えられているのが美しく、奥行き感を演出しています。...
-
ライブイコーゼ｜オトナ世代のライブガイド
音楽を愛するオトナ世代に向けた情報提供サイト、ライブイコーゼのWEBデザインです。 モノトーンを基調としならがも、ニュース・ライブ・レポートといったラベルが色分けされていて、一覧ページでも情報のカテゴリーが分かりやすいように配色されています。 ...
