CATEGORY : シングルページ
-
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デザインです。 デュオトーンで切り替わる動画がポップで華やかな印象を与えつつ、斜めのラインでスタイリッシュにも見せてくれるデザインです。 さりげないパララックスやローディング、ページ遷移時のアニメーション等、細部にも遊び心やギミックが盛り込まれているサイトです。...
-
DOOM official site
日本のプログレッシヴ・ハードコア/メタル・バンド、DOOM（ドゥーム）オフィシャルサイトのWEBデザインです。 ライブ画像とロゴで迎えるトップページと縦長のコンテンツページで構成されていて、ブラックが占める割合が大きい画面からはダークで重厚な雰囲気を漂わせています。 1ページ完結型のシングルカラム構成で、ユーザーを迷わせることなく縦積みのコンテンツに視線や意識を集めています。...
-
Avion Roe – Official Site
テキサス州ダラス出身のポップロックバンド、Avion Roe（アヴィオン・ロー）オフィシャルサイトのWEBデザインです。 アルバム「In Separation」のアートワークをモチーフとしたサイトデザインで、モノトーン中心の配色と余白を大きく取ったレイアウトが相まってクールでスタイリッシュな印象を漂わせています。 画面を縦に等分割したスプリットレイアウトも取り入れていて、動画とテキスト要素の対...
-
氷室京介｜KYOSUKE HIMURO LAST GIGS Special Site｜Warner Music Japan
ロックボーカリスト・氷室京介氏のライブ映像作品「LAST GIGS」特設サイトのWEBデザインです。 ブラックベースの縦長ページを繊細なグラデーションの枠で囲んだデザインで、シンプルながらサイト全体を鮮やかに彩っています。 スクロールでグラデーションと共に変化していく背景画像もサイトに彩りを与えていて、縦長のページに変化と動きを加えています。...
-
ビクターロック祭り2018 オフィシャルサイト
ビクターエンタテインメントが主催するロックフェス、ビクターロック祭り2018 オフィシャルサイトのWEBデザインです。 サイトはゴールド/イエロー/レッドといった祭りを表現するようなエネルギッシュな配色が特徴のシングルページです。 トレードマークのニッパーをイラストに使用してアニメーションを加え、親しみやすさと共に印象付けもしていて、ポップで賑やかなイメージを演出しています。...
-
Explosions In The Sky
アメリカ/テキサス州オースティン出身のインストロックバンド、Explosions In The Sky(エクスプロージョンズ・イン・ザ・スカイ)のオフィシャルサイトのWEBデザインです。 幾重にも重なった儚くも美しいギター、静謐さと轟音、時に穏やかに時に荒れ狂うリズム、底知れぬエネルギーと壮大なスケール感を併せ持ったサウンドで轟音ポストロックを代表するバンドの一つです。 サイトは2017年のツ...
-
A R C H I T E C T S
イギリスのメタルコアバンド、ARCHITECTS(アーキテクツ)のオフィシャルサイトのWEBデザインです。 叙情的で壮大なフレーズや激情・モダンハードコア的な熱さも併せ持つそのサウンドは、メタルコアという枠には収まりきらない多様な要素によって構築されていて、Kerrang!誌等の海外メディアで高い評価を獲得しています。 サイトはレスポンシプのシングルページで、動画をファーストビューで表示する事...
-
ANKOR | Official site
スペインのエモ・スクリーモ/パワーメタル・バンド、ANKOR（アンコール）のWEBデザインです。 Guns N' Roses、Marilyn Manson、Nightwishとも共演したキャリアを持ち、80年代のパワーメタルや90年代以降のエモ/スクリーモ/ラウドロックといった要素をバランスよく融合させながら女性ボーカルならではの艶やハイトーンによるスリリングな展開が母国を中心に注目を集めている...
-
Joy Opposites
ex-FACTのメンバーによるロックバンド、Joy Opposites（ジョイ・オポゼィッツ）のWEBデザインです。 前バンドのイメージを良い意味で裏切るようなストレートでオルタナティブなサウンドと圧倒的なライブパフォーマンスで世界基準のロックを体現しています。 サイトはフルスクリーンでの動画を背景にしたダイナミックなデザインで、その上に乗る80'sテイストを感じさせるようなロゴとビビッドなピ...
-
envy
東京出身の激情・ポストハードコア/ポストロックバンド、envy（エンヴィー）のオフィシャルサイトのWEBデザインです。 日本だけでなく今や世界規模で支持されているハードコアバンドで、胸を締め付けるエモーションと壮大なサウンドスケープは最早アートの領域に達しています。 サイトはロゴと動画、デジタル配信や各SNSへのリンクのみのシンプルなシングルページで、ブラックの背景に映る細長い動画がとても印象...
-
In Flames
スウェーデン出身のヘヴィメタルバンド、In Flames（イン・フレイムス）オフィシャルサイトのWEBデザインです。 デスメタルの中に叙情的なフレーズを織り込んだメロディック・デスメタルの先駆者として多くのバンドに影響を与えましたが、それに甘んじずに徐々に方向性を変化させ、現在はオルタナティブな要素もあるメタルコアといった音楽性になっています。 サイトは背景に動画をフルスクリーンで表示させたダ...
-
Julien Baker – ‘Turn Out The Lights’
テネシー州メンフィス出身のシンガーソングライター、Julien Baker（ジュリアン・ベイカー）のWEBデザインです。 若干18歳で作り上げたアルバム「Sprained Ankle」で注目を集めたその楽曲は女性であること、同性愛者であること、クリスチャンであることを等身大で表現し、切実に歌い上げるようなボーカルにギターやピアノ/ストリングスが絡み合いリスナーの感情を揺さぶります。 サイトはM...
-
CONVERGE
マサチューセッツ州ボストン出身のカオティック・ハードコアバンド、CONVERGE（コンヴァージ）のWEBデザインです。 シーンの最前線でエクストリーム・ミュージックを開拓し続け、複雑な曲展開と卓越したテクニック、革新的なサウンドは作品を発表する毎に深化／進化を見せつけてくれます。 サイトはアルバム「The Dusk In Us」のアートワークをフルスクリーンで表示したダークかつダイナミックなデ...
-
STORM{O}
イタリアの4ピースハードコアバンド、STORM {O}のWEBデザインです。 グランジ加工された画像や、スクロールごとに変化するナビゲーション、パララックス効果など、シンプルな中にも凝ったディテールが光っています。 ...
-
SAOSIN
カリフォルニア州で結成されたポストハードコア・スクリーモバンド、SAOSIN(セイオシン)のWEBデザインです。 アルバム「Along the Shadow」をモチーフにした縦長のシングルページで、シンプルな作りの中にも固定ナビゲーションやゴーストボタン、スムーススクロール等をさりげなく取り入れています。 ...
-
Tonik Ensemble — Iceland electronic artist Tonik Ensemble
アイスランドのプロデューサー/シンガーであるAnton Kaldal Ágústssonによるソロユニット、Tonik EnsembleのWEBデザインです。 全体的に淡い配色でまとめた軽快かつ澄み切ったような雰囲気で、その中でフッターのブラックが全体を引き締めて重厚感も感じさせてくれます。 ...
-
映画『DOCUMENT OF KYOSUKE HIMURO “POSTSCRIPT”』公式サイト – 氷室京介の生き様に迫る、６年間の密着ドキュメンタリー。 –
ロックボーカリスト・氷室京介氏に密着取材した映画、「POSTSCRIPT」公式サイトのWEBデザインです。 モーダルでティザー動画を表示させる手法は映画サイトなどでもよく見受けられ、フッターのライブ画像と共に視覚的な訴求力を高めています。 ...
-
A Day To Remember | Bad Vibrations Out Now
フロリダ州オカラ出身のポスト・ハードコア/ポップ・パンク・バンド、A Day To Remember（ア・デイ・トゥ・リメンバー）のWEBデザインです。 パララックスが印象的な縦長のシングルページで、mask-imageでグランジ加工されたナビゲーションや見出し、ロゴでマスクされた背景動画など小技が光っています。 ...
