CATEGORY : シングルページ
-
PUBIC HAIR GROOVING｜アンダーヘアで音楽を
株式会社人間とm-floの☆Taku Takahashi氏によるアンダーヘアで音楽を作るプロジェクト、PUBIC HAIR GROOVINGのWEBデザインです。 衝撃的なキービジュアルとカラフルな配色やグラデーション、大胆なタイポグラフィーや斜めの要素が特徴のシングルページです。 canvasで描画された波形のアニメーションや動画の背景画像等がダンス・エレクトロニカ感も高めている、ユニークで...
-
桑田佳祐 Act Against AIDS 2018「平成三十年度！ 第三回ひとり紅白歌合戦」スペシャルサイト
サザンオールスターズのボーカル・桑田佳祐氏の第三回ひとり紅白歌合戦スペシャルサイトのWEBデザインです、 ゴールドのグラデーションや画像であしらった和風デザインと、紙吹雪のアニメーションが特徴のサイトです。 モバイルファーストを意識したようなレイアウトは閲覧デバイスによるデザインの差異が少なく、ARCHIVE要素では横幅いっぱいに表示を切り替えて最適化しています。...
-
Washed Out
アメリカのミュージシャン、アーネスト・グリーンによる音楽プロジェクト、Washed Out（ウォッシュト・アウト）オフィシャルサイトのWEBデザインです。 クネクネと回る手書きのカセットテープのGIFアニメーションをフルスクリーンで表示した、レトロでアナログ感を感じさせるデザインです。 縦に4分割したナビゲーションと無駄を省いたコンテンツ等、デザインやレイアウトと共に他に類を見ない個性的なサイ...
-
Hudson Mohawke
スコットランド出身のDJ/エレクトロニカ・ミュージシャン、Hudson Mohawke（ハドソン・モホーク）オフィシャルサイトのWEBデザインです。 グニャグニャと水面のように変化するビジュアルと、ウエイトのあるフォントを使用した大胆なタイポグラフィーが特徴のサイトです。 コントラストの強い配色がエフェクトを加えた画像と合わさって、テクノロジーや近未来感を感じさせるデザインとなっています。...
-
SHIBUYA MUSIC SCRAMBLE -渋谷音楽祭2018-
東京/渋谷の街全体をステージに活用した音楽イベント、渋谷音楽祭2018のオフィシャルサイトのWEBデザインです。 ロゴとキャッチコピーを大胆にフルスクリーン表示して、イベントごとにセクションで区切った縦長のシングルページサイトです。 セクションごとに背景画像や背景色で区切り、デザインテイストの異なるイベントを上手く1ページにまとめています。 嫌味を感じないさりげないパララックスは、縦長ページ...
-
CHVRCHES | LOVE IS DEAD
イギリス/グラスゴー出身のエレクトロポップ・バンド、CHVRCHES（チャーチズ）オフィシャルサイトのWEBデザインです。 ピンクとブルーを基調にしたカラフルな配色と、アルバム「LOVE IS DEAD」のアートワークをモチーフにしたデザインのシングルページのサイトです。 スクロールに合わせて背景色が変化していくのが美しく、さりげなく取り入れたブラシ風のデザインがアクセントを付けているのも特徴...
-
Tokyo Jazz X
東京JAZZ2018の関連イベント、Tokyo Jazz XのオフィシャルサイトのWEBデザインです。 ループする背景画像とコンテンツ読み込み時のアニメーションがスタイリッシュでユニークなサイトです。 出演アーティストの写真をデュオトーンにすることで全体のデザインや色彩に統一感を出しつつ、ポップで印象に残りやすいサイトにしています。...
-
AURORA | OFFICIAL WEBSITE
ノルウェー出身の女性シンガーソングライター、AURORA（アウロラ）オフィシャルサイトのWEBデザインです。 インパクトの大きいメインビジュアルと、高貴さと落ち着き・暖かみを感じさせるワインレッドの配色が印象的なサイトです。 グリッドで整然とレイアウトされた中でレンガ上に組まれたツイッターウィジェットがおしゃれでモダンな雰囲気を感じさせています。 フラットなデザインの中でファーストビューに質...
-
三ツ矢.TV｜三ツ矢サイダー｜アサヒ飲料
サザンオールスターズが出演している、アサヒ飲料三ツ矢サイダーのTVCMサイトのWEBデザインです。 夏を感じさせるようなメインビジュアルと、ホワイトとグリーンのパッケージカラーを踏襲した配色が特徴のサイトです。 メインビジュアルも丸くトリミング、ページ全体にサークル状の背景画像を用いていて、炭酸飲料の爽快感を感じさせるデザインです。...
-
ROGUE / REAL AGAIN | ポニーキャニオン
群馬県出身のロックバンド、ROGUE（ローグ）のアルバム「REAL AGAIN」特設サイトのWEBデザインです。 モノクロのアーティスト画像を横幅いっぱいに表示、モノトーン＋ネイビーでスタイリッシュにまとめた配色が特徴のシングルページです。 特設サイトということでアートワークを大きく配置していて、ポップアップする視聴プレーヤー等、アルバムの世界観を余すことなく伝えています。...
-
Kesha Official Site
アメリカの女性歌手/シンガーソングライター、Kesha（ケシャ）のオフィシャルサイトのWEBデザインです。 アルバム「Rainbow」のアートワークをモチーフにしたポップでカラフル、賑やかなシングルページのサイトです。 マウスオーバーで反応するアートワークと、フォームのボタンが目玉のような画像になっている部分に遊び心を感じます。...
-
Kandace Springs | Official Site
ナッシュビル出身のシンガー・ソングライター/ピアニスト、Kandace Springs（キャンディス・スプリングス）オフィシャルサイトのWEBデザインです。 アルバム「indigo」のアートワークをフルスクリーンで表示、インディゴとブルーを中心にした配色がジャジーでクールな雰囲気を演出しているサイトです。 ウインドウの上部と下部に配置されたナビゲーションがスクロールすると上部に2段で固定される...
-
MAROON 5 RED PILL BLUES JAPAN TOUR – ウドー音楽事務所
カリフォルニア出身のバンド、Maroon 5(マルーン5)のRED PILL BLUES JAPAN TOUR特設サイトのWEBデザインです。 バンド名のマルーンとピンクをベースにした配色が印象的な、縦長のシングルページです。 セクションごとに切り替わる背景色やフルスクリーン画像とパララックスを組み合わせ、コンテンツの区切りを分かりやすくしています。 8ビットのファミコンを想起させるようなレ...
-
CHAI GLOBAL | We are New Exciting Onna(female) Band from Japan ! NEO KAWAII ! COMPLEX IS ART !
名古屋出身の女性4人組バンド、CHAI（チャイ）グローバルサイトのWEBデザインです。 ピンクを基調にしたポップな配色とクリエイティブ、ダイナミックなフルスクリーン動画やアニメーションする装飾が賑やかでキュートなサイトです。 テキストをマスクしたローディング画面や、手書きのテキストなども取り入れたタイポグラフィー等、餃子のPAGETOPボタン等、見どころが満載です。...
-
音楽制作プロダクション｜DONGURIミュージック
音楽制作プロダクション、DONGURIミュージックのWEBデザインです。 フラットテイストのイラストをGIFアニメで楽しませてくれるファーストビューがユニークな、にぎやかでポップなサイトです。 ナビやフロー等にもアイコンを用いて視覚的に分かりやすくすると共に、部分的にリアルな背景画像を用いることでよりサイトを印象付けています。...
-
Norah Jones
ニューヨーク出身のシンガーソングライター、Norah Jones（ノラ・ジョーンズ）さんのオフィシャルサイトのWEBデザインです。 モノクロの画像とグラデーションで繋がれたゴールドのロゴがどこかレトロでジャジーな印象も感じさせるデザインです。 シングルページをセクションによって横幅いっぱいの背景画像を敷いて区切りを分かりやすく、またサイトをダイナミックにもしています。...
-
デザインシリーズのレコードプレーヤー | Denon公式
日本の音響機器ブランド、Denon（デノン）のデザインシリーズのレコードプレーヤーの特設ページのWEBデザインです。 周囲に余白を残して広がりや空気感を感じさせる製品画像とどっしりとしたキャッチコピーが印象的なページです。 接写画像や大胆なトリミング、サークル状や横幅いっぱいに表示してずらしたり重ねたり等、画像のレイアウトで躍動感を感じさせるデザインです。...
-
タビノエ – きこえる音、うかぶ風景 – 10/7(日) 18:30 東京・蔵前 Nui. HOSTEL& BAR LOUNGE
音楽イベント、「タビノエ – きこえる音、うかぶ風景 -」の特設サイトのWEBデザインです。 ホワイトスペースが心地の良いゆったりとしたレイアウトと美しい風景画像、その上にずらして重なったテキストが特徴のデザインです。 ジャンプ率の低いテキストと淡い配色、さりげなく取り入れたナビのグラデーション等が柔らかで落ち着いた雰囲気を演出しています。...
-
絢香 | Album「レインボーロード」Special Site
大阪出身の女性シンガーソングライター、絢香さんのアルバム「レインボーロード」Special SiteのWEBデザインです。 フルスクリーンで表示された動画と斜めの要素、くるくると変化していくカラフルなアニメーションが特徴のポップながらスタイリッシュなデザインです。 幾何学模様の背景要素にずらしたり重ねたりした動画やコンテンツが遊び心を感じさせ、また反復表示することでサイトに一貫性やリズムを生み...
-
Balmorhea
アメリカ/テキサス州出身のポストロックバンド、Balmorhea（バルモレイ）オフィシャルサイトのWEBデザインです。 ミニマルで余白を多く取ったレイアウトは空気に溶け込むような美しい音像を表現するかのように、アンビエンスを感じさせるようなデザインです。 背景にうっすらと敷かれたマス目が懐かしさやレトロ感を与えつつ、グリッドに囚われない自由なレイアウトと縦組みのテキストがより印象的なページにし...
-
さユり「月と花束」特設サイト
福岡出身の女性シンガーソングライター、酸欠少女さユりさんのシングル「月と花束」特設サイトのWEBデザインです。 シングルのアートワークの世界観をそのままに、イバラのイラストやダイヤ柄を取り入れた縦長のシングルページです。 グリッドをベースとしたレイアウトに散りばめられたイラストや背景画像、ユニークな形状のボタンが躍動感を与えて、よりサイトを印象的にしています。...
-
DANCE GAVIN DANCE
カリフォルニア州サクラメント出身のポスト・ハードコアバンド、DANCE GAVIN DANCE（ダンス・ギャヴィン・ダンス）オフィシャルサイトのWEBデザインです。 こなれ感のある少し褪せたピンクやブラウン、オレンジの配色がヴィンテージ・レトロ感も感じさせるシングルページのサイトです。 画面幅いっぱいに表示されるアーティスト写真にイラストを馴染ませることで、ウィットに富んだユーモアのあるデザイ...
-
Skies Collide
オーストラリア出身の女性ボーカルエモーショナルロックバンド、SKIES COLLIDE（スカイズ・コライド）オフィシャルサイトのWEBデザインです。 印象的なライブ画像をファーストビューで横幅いっぱいに表示した、クールでダイナミックな縦長シングルページのサイトです。 セクションごとに背景色や背景画像を切り替えることでメリハリをつけていて、特にメールフォームの背景の幻想的な画像はサイトの雰囲気を...
-
Miyake Kaori 三宅芳 -Official Site-
大阪出身の女性シンガーソングライター、三宅芳（みやけかおり）さんのオフィシャルサイトのWEBデザインです。 色とりどりな六角形のエレメントを取り入れ、アニメーションとフルスクリーン表示の画像を組み合わせたアクティブでカラフルなサイトです。 セクションごとにパララックスで表示されるデュオトーンやコラージュされた画像が、シングルページに様々な表情を持たせて楽しませています。...
-
GRANBEAT | SMARTPHONE | SPECIAL CONTENTS | ONKYO
オーディオメーカーONKYOの超高音質ハイレゾ・オーディオ・SIMフリースマートフォン、GRANBEATの特設サイトのWEBデザインです。 商品の接写画像をフルスクリーンで表示、黒背景に溶け込ませた重厚でエレガントな雰囲気を持つサイトです。 画面右側に固定されている、イコライザーを想起させるようなナビも特徴で、WEBフォントを使用した見出しと共に洗練された印象のデザインです。...
-
株式会社ジョバンニ
東京都港区の音楽レーベル、株式会社ジョバンニのWEBデザインです。 躍動感のある動画を背景に、宇宙船に乗っているようなファーストビューが印象的なデザインのサイトです。 セクションごとに背景色や画像を切り替えることで、縦長のシングルページを飽きさせずスクロールで変化する視覚要素で楽しませています。...
-
Bonobo
ロサンゼルスを拠点とする英国人ミュージシャン、Bonobo（ボノボ）オフィシャルサイトのWEBデザインです。 アルバム「Migration」のアートワークをフルスクリーンで背景に表示した、ダイナミックでスケール感のあるサイトです。 1カラムのシングルページで無駄な要素や装飾を省いた潔いページは分かりやすく、またレスポンシブでも差異が少ないデザインとなっています。...
-
namie amuro Final Space
安室奈美恵さんの軌跡を辿る体感型の展覧会、namie amuro Final Spaceの特設サイトのWEBデザインです。 キラキラとしたメインビジュアルとシャンパンゴールドをアクセントとした配色、セリフ体のフォントを見出しに使用したエレガントなサイトです。 ホワイトベースのシングルページの途中にグレーの背景を用いることでコンテンツの区切りを作りつつ、ページに締まりを与えています。...
-
Waiting For Morning To Come | Being As An Ocean
カリフォルニア州アルパイン出身のポスト･ハードコアバンド、Being As An Ocean（ビーイング・アズ・アン・オーシャン）のWEBデザインです。 シンプルなシングルページで1カラムでコンテンツを並べ、スクロールで見せていくストーリーテリング型のサイトです。 ページの四隅に配された四角やテキストをクリックするとサイト全体の色を反転できる、遊び心のある仕掛けも特徴です。...
-
Laurent Perez Del Mar – Feature films music composer
フランスの映画音楽家・作曲家のLaurent Perez Del Mar（ローラン・ペレズ・デル・マール）オフィシャルサイトのWEBデザインです。 一切の有彩色を省き、モノトーンの配色とコントラストが高いモノクロ画像で構成された、洗練された印象のスタイリッシュなデザインです。 縦長のシングルページを様々なパララックスやエフェクトで楽しませながら展開していくストーリーテリングによって、サイトをよ...
-
D’Addario Nickel Bronze Acoustic Guitar Strings
アメリカ/ニューヨーク州ロングアイランドの楽器弦メーカー、D’Addario（ダダリオ）のニッケルブロンズ弦特設サイトのWEBデザインです。 ブラウンを基調にしたアーシーな配色とレトロな風合いのフォント選び、ウッド調のテクスチャーが懐かしい雰囲気を醸し出したサイトです。 スプリットスクリーンレイアウトで画面を分割して、違うタイプの弦を聞き比べるというアイデアはとてもユニークです。...
-
lycoriscoris
都内を中心に活動するエレクトロニカ系の音楽家、lycoriscoris（リコリスコリス）オフィシャルサイトのWEBデザインです。 切なく懐かしいような風景画像をフルスクリーンで表示、ジャンプ率のないテキストや横長の画像が平穏で落ち着いた印象を与えるサイトです。 シンプルで無駄を極力省いたようなデザインは潔く、柔らかな配色と合わさって知的でシックな雰囲気を演出しています。...
-
Wireless Journey Projects | オーディオテクニカ
オーディオテクニカのプロジェクト、Wireless Journey Projects（ワイヤレス・ジャーニー・プロジェクト）のWEBデザインです。 アーティストの三戸なつめさんを起用した印象的なビジュアルをフルスクリーンで表示、下部にスクロールボタンを置くことでコンテンツへの誘導も促しています。 あえてグリッドに囚われない着用イメージ画像の配置は、自由で縛られないヘッドホンというコンセプトにも...
-
acoustic effect
日本のイヤホンメーカー、acoustic effect（アコースティック・エフェクト）のWEBデザインです。 黒背景に浮かび上がるように敷かれた背景画像と、モノトーンで配色されたデザインはクールで気品や格調の高さを伺わせます。 製品画像は白背景をベースすることで一層映えて見えていて、接写画像も使用することでインパクトと共に多くの情報も伝えています。...
-
Bring Me The Horizon | That’s The Spirit
イギリスのメタルコアバンド、Bring Me The Horizon（ブリング・ミー・ザ・ホライズン）のWEBデザインです。 アルバム「Live At The Royal Albert Hall」のアートワークと購入ページへのリンクをスプリットスクリーンでレイアウトしたデザインで、 無駄を削ぎ落としたシンプルなシングルページの中にメニュー開閉時のアニメーションが光っています。...
-
ADI-2 DAC | スタジオ・サウンドを自宅でも
ドイツRME社製のDAコンバーター、ADI-2 DACの公式特設ページのWEBデザインです。 接写画像を多用して横幅いっぱいに表示したダイナミックなデザインで、強いインパクトを与えながら被写体にフォーカスし、より製品の魅力を伝えています。 さりげなくパララックス効果を取り入れたり次コンテンツへのアローを配したりと、シングルページの中にストーリーを感じさせる作りになっています。...
-
ハイレゾ対応ラジカセ AUREX スペシャルサイト | 東芝エルイートレーディング株式会社
かつての東芝のオーディオブランドの名を冠したハイレゾ対応ラジカセ、Aurex（オーレックス）特設サイトのWEBデザインです。 ブラック背景に華やかなシャンパンゴールドが映える上品で高級感を感じさせる配色で、サランネットを思わせるテクスチャーが質感も高めています。 シングルページを任意のコンテンツに移動しやすいように固定ナビゲーションを採用、タブメニューで並列コンテンツを省スペース化しています。...
-
MYRKUR – Official website of Danish composer, vocalist and classically trained multi-instrumentalist
デンマーク出身の女性アーティストAmalie Bruunによるブラック・メタル・ユニット、Myrkur（ミシュクル）オフィシャルサイトのWEBデザインです。 ブラックに塗り潰された背景色にダークブラウンとグレーで配色されたデザインで、画像テキストやテクスチャで荒々しいグランジ感をプラスしています。 ...
-
Hopesfall
アメリカ・ノースカロライナ州出身の叙情派ニュースクール・ハードコアバンド、Hopesfall（ホープスフォール）オフィシャルサイトのWEBデザインです。 アルバム「Arbiter」のアートワークをフルスクリーンで表示したデザインで、澄んだブルーとサーモンピンクの配色が爽やかな印象を与えています。 シングルページをセクションごとに背景色を変えて、コンテンツや情報の区切りを分かりやすくしています。...
-
Night Flowers – Debut Album Wild Notion Out Now
イギリス/ロンドン出身のシューゲイズ・ポップ・バンド、Night Flowers (ナイト・ フラワーズ) オフィシャルサイトのWEBデザインです。 デュオトーンで切り替わる動画がポップで華やかな印象を与えつつ、斜めのラインでスタイリッシュにも見せてくれるデザインです。 さりげないパララックスやローディング、ページ遷移時のアニメーション等、細部にも遊び心やギミックが盛り込まれているサイトです。...
- Page 1 of 2
- 1
- 2
