CATEGORY : WORDPRESS
-
Dead Letter Circus – New album The Endless Mile
オーストラリア出身のオルタナティヴロックバンド、DEAD LETTER CIRCUS（デッド・レター・サーカス）オフィシャルサイトのWEBデザインです。 フルスクリーンでフェードイン/アウトする大きな画像とブルーをアクセントとした配色、半透明の固定ナビゲーションがクールでスタイリッシュなサイトです。 部分的にグランジ調の背景テクスチャを用いて質感を高めたり、フッターにさりげなくパララックスを取...
-
HOME | 4年2組
“青春” をテーマに活動するヴォーカルユニット、4年2組オフィシャルサイトのWEBデザインです。 高揚感のあるライブ画像を大きく使用したダイナミックな印象のスライダーと、黒背景に映える色鮮やかな画像が華やかなデザインのサイトです。 DISCOGRAPHYではCDジャケットとテキストを交互に左右ジグザグに配置し、楽しげなイメージを演出しリズミカルなテンポ感を生んでいます。...
-
アナ Official WebSite
福岡出身の２人組バンド、アナのオフィシャルサイトのWEBデザインです。 アースカラーを取り入れた配色と柔らかな質感のテクスチャを用いた、ナチュラルな雰囲気のサイトです。 アイコンを積極的に取り入れたり、ページ下部にはコンテンツをピンク・ネイビー・イエローで区切って配置したりと視覚的に分かりやすく配慮されています。...
-
Official Nirvana Website: Complete Discography, Videos and more
ワシントン州アバディーン出身のロックバンド、Nirvana（ニルヴァーナ）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示された動画がダイナミックで大きなインパクトを与えるサイトで、パララックスも取り入れた縦長のページです。 色使いを抑えた配色とフラットデザイン、罫線のみで装飾したシンプルな見出し等が動画やジャケット画像を映えて見せています。...
-
ケラケラ オフィシャルウェブサイト
日本の3人組音楽ユニット、ケラケラ オフィシャルサイトのWEBデザインです。 手書きのナビゲーションや罫線・イラスト、背景のパターンがファンシーでポップな印象のサイトです。 白背景にイエローとブルーの配色とリボンやサークルをモチーフとしたパターン、程良くゆるい感じのイラストが明るくぬくもりを感じさせています。...
-
Hotei
群馬県出身/ロンドン在住のギタリスト・ロックミュージシャン、布袋 寅泰（ほていともやす）氏のENGLISH SITEのWEBデザインです。 フラットなデザインとネイビー+レッドの配色がクールでスタイリッシュな印象で、固定ナビゲーションとアンカーリンクが特徴の縦長ページのサイトです。 トレードマークでもある幾何学模様を色々なパターンで背景に敷いていて、オリジナリティと近未来的なイメージをもたらし...
-
High End Audiophile Amplifiers And Sound Systems | MOON – Simaudio
カナダのオーディオメーカーSIMAUDIOが手がける、MOONブランドのWEBデザインです。 フルスクリーン表示での動画を活用したブランディング、モノトーン中心の配色とセリフ体のテキストや縦横のボーダーがスタイリッシュな印象のサイトです。 スプリットやブロークングリッド、意図的に要素をずらしたり画像に重ねたりしたレイアウトは動きと遊び心を感じさせ、強いインプレッションを与えています。...
-
PALM Official Website
大阪のダークハードコアバンド、PALM（パーム）オフィシャルサイトのWEBデザインです。 ブラック+レッドの配色とグランジ加工されたロゴ、逆十字がダークなイメージを与える重厚感のあるデザインです。 パララックスやホバーエフェクト等の細かな動きが光っていて、フルスクリーン表示の際にスクロールボタンが下部コンテンツへのアクションを促しています。...
-
go!go!vanillas
日本のロックバンド、go!go!vanillas（ゴーゴーバニラズ）オフィシャルサイトのWEBデザインです。 フラットなデザインにパステル調のピンクやブルーの配色が映えるシンプルなデザインで、左側に固定されたナビゲーションが特徴のサイトです。 メインビジュアルのスライダーや斜めになったナビゲーションのアニメーションがユニークで、ローディング時の動きも読み込みのストレスを和らげています。...
-
Homepage – Orbital
イギリス出身のテクノユニット、Orbital（オービタル）オフィシャルサイトのWEBデザインです。 アルバム「Monsters Exist」のアートワークの世界観を表現した、ダークかつファンタジーな印象のデザインです。 サイト全体に縦書きの見出しを大胆に配置することで目新しさやアクセントが出て、インパクトと強いインプレッションを与えています。...
-
小島麻由美オフィシャルサイト
東京都出身のシンガーソングライター、小島麻由美（こじま まゆみ）さんのオフィシャルサイトのWEBデザインです。 ネイビーを基調にサンドベージュをアクセントとした配色は上品で大人の落ち着きを感じさせ、イラストやポップな区切り線を加えることでキュートな印象も併せ持っています。 縦長ページをスクロールに合わせてナビゲーションの雲が移動したり、PROFILE & DISCOGRAPHYでは時系列にタイ...
-
Justin Bieber – Purpose Available Now
カナダのポップミュージシャン、Justin Bieber（ジャスティン・ビーバー）オフィシャルサイトのWEBデザインです。 ブラック×ホワイト×パープルの配色とフラットデザインの掛け合わせがスタイリッシュで、その中で手書き風のロゴが親しみやすさをプラスしています。 大胆なタイポグラフィーが印象的で、グリッドに囚われない自由なレイアウトと相まってエディトリアルデザインのような雰囲気を感じさせてい...
-
IDIOTEQ.com – DIY Hardcore Punk & Experimental Music News & Interviews
ポーランド/ワルシャワのハードコア・パンク等のDIYメディアサイト、IDIOTEQ.comのWEBデザインです。 画像以外はモノトーンで配色された潔いデザインは色のバラつきを抑えて、シックでクラシックな統一感を醸し出しています。 大き過ぎないサムネイル画像は一度にたくさんの記事を一覧表示することが出来て、またデバイスサイズに合わせて縦積みと横並びを切り替えて、操作性を考慮しています。...
-
Home | Michael Jackson Official Site
アメリカのエンターテイナー/シンガーソングライター/ダンサー、MICHAEL JACKSON（マイケル・ジャクソン）オフィシャルサイトのWEBデザインです。 シャンパンゴールドを取り入れた配色はマイルドで優しく穏やかな高級感を演出していて、華やかでありながら大人の落ち着きも併せ持っています。 アイコンでページ下部に配置されたアプリライクなナビゲーションや、時系列に表示されたコンテンツ等、他のサ...
-
Billy Idol
イギリス出身のミュージシャン/シンガーソングライター、Billy Idol（ビリー・アイドル）オフィシャルサイトのWEBデザインです。 モノトーン＋レッドの配色とモノトーンで統一された画像がパンキッシュで猥雑な印象を与えているサイトデザインです。 細かなエフェクトやアニメーションと共にサイドカラムやフッター等に多くの動線を配しているのも特徴で、どのページからも回遊性を生んでいます。...
-
Corona SUNSETS FESTIVAL | コロナが沖縄で開催するリゾートフェス
世界中で愛されるビール「Corona Extra」が手掛けるリゾートビーチフェスティバル、Corona SUNSETS FESTIVAL（コロナ・サンセッツ・フェスティバル）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示されたダイナミックな動画は多くの言葉を使うことなく優雅なリゾート感と開放感、フェスの模様を伝えています。 ネイビーブルーとイエローで配色されたフラットデザインに...
-
CREATIVEMAN PRODUCTIONS | クリエイティブマンプロダクション（CMP）
SUMMER SONIC、LOUD PARK等のフェスや国内外のコンサートを企画･制作･運営する、CREATIVEMAN PRODUCTIONS（クリエイティブマンプロダクション）のオフィシャルサイトのWEBデザインです。 モノトーンベースの配色に色分けされたラベルやボタン、ウエイトのある見出しが賑やかでポップな印象を与えているサイトです。 詳細ページではメインビジュアルにずらして重ねたレイア...
-
米津玄師 official site「REISSUE RECORDS」
徳島県出身のミュージシャン/シンガーソングライター、米津玄師（よねづけんし）さんのオフィシャルサイトのWEBデザインです。 モノトーン中心の配色のシンプルなフラットデザインに、ロゴや見出しのフォントや手書きイラストが温かみや親しみやすさをプラスしたサイトです。 ローディング時のアニメーションやマウスに追随するイエローのサークル等、クールな配色の中に遊び心やユーモアを感じられます。...
-
in•ter a•li•a
アメリカ/テキサス州出身のロックバンド、AT THE DRIVE IN（アット・ザ・ドライヴイン）のWEBデザインです。 アルバム「in∙ter a∙li∙a」のアートワークをモチーフとしたメインビジュアルは、マウスに合わせて反応する奥行きのあるパララックスが印象的です。 フラットなデザインにモノクロのグランジテイスト画像を合わせて、レトロ感やアナログ感、荒々しさをプラスしたデザインのサイトで...
-
りんご音楽祭2018オフィシャルサイト
長野県松本市で行われる野外音楽フェスティバル、りんご音楽祭2018のオフィシャルサイトのWEBデザインです。 鮮やかなピンクを基調とした配色はポップで溌剌とした印象で、角丸のデザインや手書きイラストと相まって親しみやすいデザインです。 ローディングや背景画像、ボタンなどにアニメーションを多用していて、動きを加えることでよりユニークで魅力的なサイトに仕上げています。...
-
lycoriscoris
都内を中心に活動するエレクトロニカ系の音楽家、lycoriscoris（リコリスコリス）オフィシャルサイトのWEBデザインです。 切なく懐かしいような風景画像をフルスクリーンで表示、ジャンプ率のないテキストや横長の画像が平穏で落ち着いた印象を与えるサイトです。 シンプルで無駄を極力省いたようなデザインは潔く、柔らかな配色と合わさって知的でシックな雰囲気を演出しています。...
-
BLUE ENCOUNT
熊本出身のロックバンド、BLUE ENCOUNT（ブルー・エンカウント）オフィシャルサイトのWEBデザインです。 画面幅いっぱいのダイナミックなスライダーと縦方向に貫くナビゲーションが特徴のサイトで、上下方向への空間の広がりも感じさせる印象的なデザインです。 グレーの濃淡とミントブルーをアクセントとした配色は爽やかでクリーンな印象で、レトロな印象のWEBフォントと相まったクールな雰囲気を醸し出...
-
Coldplay official website
イギリス/ロンドン出身のロックバンド、Coldplay（コールドプレイ）オフィシャルサイトのWEBデザインです。 アルバム「A Head Full of Dreams」のアートワークをモチーフとした、グラデーションと幾何学模様が印象的なポップなデザインです。 左側にグローバルナビゲーション、下部にSNSへのリンクが固定されていて、ページによっては右側にもローカルナビを配しているのが特徴です。...
-
Katy Perry | WITNESS. THE ALBUM. THE TOUR
アメリカ/カリフォルニア州出身の女性シンガーソングライター、Katy Perry（ケイティー・ペリー）さんのオフィシャルサイトのWEBデザインです。 インパクトの大きいメインビジュアルが印象的なサイトで、フラットデザインをポップながらも女性らしい配色で鮮やかに彩っています。 ブレイクポイントを細かく設定したレスポンシブデザインで、ウインドウ幅640px以下ではアプリライクなアイコンメニューに切...
-
nine inch nails | the official website
アメリカ/オハイオ州クリーブランド出身のインダストリアル・ロックバンド、nine inch nails（ナイン・インチ・ネイルズ）オフィシャルサイトのWEBデザインです。 余白を大きく取ったレイアウトにアンビグラムになっているロゴが映えるミニマルなデザインのサイトで、テキスト要素が少なく画像が大きいのも特徴です。 SVGアニメーションやローディング、マウスオーバー時のエフェクトが光っていて、シ...
-
ap bank fes ’18
ap bankが主催する野外ライブイベント、ap bank fes '18（エーピーバンクフェス）のWEBデザインです。 ホワイトとグリーンを基調とした配色と、青空や緑が映りこんだイベント模様の画像が爽やかな印象を受けるデザインです。 角丸のボタンやインスタグラム画像、ナビゲーションのカード等が丸みを帯びたフォントと合わさって優しく柔らかな雰囲気を演出しています。...
-
The BONEZ Official Website
日本のロックバンド、The BONEZ（ザ・ボーンズ）オフィシャルサイトのWEBデザインです。 スライダーの右側に余白を設けて抜けを作り、少しずらしてロゴを重ねることで躍動感や流れを感じさせています。 モノトーンで配色されたフラットデザインを、ジャンプ率の大きな見出しや背景に透かしたロゴマーク等がポップでにぎやかな印象にしています。 ...
-
Home – Massive Attack
イギリス/ブリストル出身のユニット、Massive Attack（マッシヴ・アタック）オフィシャルサイトのWEBデザインです。 動画コンテンツをフルスクリーンで表示して全面的に使用し、イメージ喚起と共に多くの情報を持たせ、より訴求力を高めています。 映像ノイズが入ったような背景画像と大胆な配置のテキスト画像など、荒々しくも奇抜で斬新な印象のブルータルなデザインです。...
-
Survive Said The Prophet OFFICIAL WEB
日本の5人組ロックバンド、Survive Said The Prophet(サバイブ・セッド・ザ・プロフェット)オフィシャルサイトのWEBデザインです。 余白を大きく取ったレイアウトと細めのボーダー、広めに取った字間などが知的でクールな印象を与えるフラットなデザインのサイトです。 さりげないパララックスや固定時にはハンバーガー＋ドロワーメニューに変化するナビゲーション等、細かな部分にもこだわり...
-
OLDCODEX Official website
日本の音楽ユニット、OLDCODEX（オルドコデックス）オフィシャルサイトのWEBデザインです。 動画をロゴの形にマスクしたファーストビューや手書き風フォントの見出し等、テキストをビジュアル要素としても見せるデザインです。 パララックスを多用してダイナミックな動きや遊び心を加え、コンテンツごとにストーリー性を持たせています。...
-
Employed To Serve
イギリスの女性ボーカルハードコアバンド、Employed To ServeのオフィシャルサイトのWEBデザインです。 フルスクリーンで表示したアーティスト写真がダイナミックなサイトで、さりげなく取り入れたパララックス効果が秀逸です。 ページごとにキャッチ画像や背景画像を変化させたりと、シンプルなフラットデザインを華やかにしています。...
-
Jimi Hendrix | The Official Jimi Hendrix Site
アメリカ/ワシントン州シアトル出身のミュージシャン、Jimi Hendrix（ジミ・ヘンドリックス）オフィシャルサイトのWEBデザインです。 スライダーの周りを彩るサイケデリックなフレームが大きな特徴のサイトで、ブルーやパープルの配色と相まってユニークで目を引くデザインになっています。 フッターにもサムネイルを表示することで、視覚的にも分かりやすい動線作りがされています。...
-
self-titled – your new favorite music magazine
アメリカ/ミネソタ州ミネアポリスの音楽WEBマガジン、self-titled（セルフ･タイトル）のWEBデザインです。 グリッドでレイアウトされたカード型のデザインが特徴のサイトで、横幅を均等割りし縦幅を画像やテキストによって可変とすることで、 縦方向への流れや動きが生まれ、ユーザーに自然とページスクロールを促す効果もありそうなデザインです。...
-
Night Flowers – Debut Album Wild Notion Out Now
イギリス/ロンドン出身のシューゲイズ・ポップ・バンド、Night Flowers (ナイト・ フラワーズ) オフィシャルサイトのWEBデザインです。 デュオトーンで切り替わる動画がポップで華やかな印象を与えつつ、斜めのラインでスタイリッシュにも見せてくれるデザインです。 さりげないパララックスやローディング、ページ遷移時のアニメーション等、細部にも遊び心やギミックが盛り込まれているサイトです。...
-
AI Official Site
日本の歌手/ソングライター、AIさんのオフィシャルサイトのWEBデザインです。 白背景をベースにした配色に大きなスライダーを配したTOPページが特徴で、シンプルなレイアウトに派手めの画像や動画がよく映えています。 あえて不規則にしたグリッドレイアウトなど、さりげなく遊び心を加えている印象のデザインです。...
-
Plastic Tree Official WEB SITE｜プラスティック トゥリー オフィシャルウェブサイト
千葉県出身のヴィジュアル系ロックバンド、Plastic Tree（プラスティック トゥリー）オフィシャルサイトのWEBデザインです。 無彩色のメインビジュアルがサイトの世界観を決定付けていて、横方向に広がる画像が静謐さと奥行きを感じさせています。...
-
sigur rós – official website of the icelandic band
アイスランドのポストロックバンド、sigur rós（シガー・ロス）オフィシャルサイトのWEBデザインです。 モノトーンで統一された配色と荒々しい質感のテクスチャーが醸し出すグランジ感がミックスされたダークなデザインで、 バンドのダイナミックな演奏やノイズと底知れぬミステリアスな世界観が上手く表現されています。...
-
DAVID BOWIE is | デヴィッド・ボウイ大回顧展
デヴィッド・ボウイの世界観やキャリアを総括した大回顧展、DAVID BOWIE isのWEBデザインです。 インパクトの強いファーストビューの下部にナビゲーションを配置する独創性と、オレンジをアクセントカラーとしたポップでビビッドなデザイン、パララックスや細やかなエフェクト等見応えがあります。...
-
BUMP OF CHICKEN official website
バンプの略称で親しまれる日本のロックバンド、BUMP OF CHICKEN（バンプ・オブ・チキン）オフィシャルサイトのWEBデザインです。 濃淡の違うブラックで配色されたクールなデザインに、シングル「リボン」のアートワークをモチーフとした美しいアニメーションが鮮やかに映えています。...
-
SPITZ OFFICIAL WEB SITE
日本のロックバンド、SPITZ（スピッツ）オフィシャルサイトのWEBデザインです。 モノトーン配色をベースにしたスタイリッシュなデザインに、ホワイトエッジを設けたダイナミックなスライダーと画像からずらして配置したキャプションが動きや遊び心をもたらしています。...
