CATEGORY : ダイナミック
-
映画『AMY エイミー』公式サイト
イギリス出身の女性歌手、エイミー・ワインハウスの生涯を描いたドキュメンタリー映画、『AMY エイミー』日本公式サイトのWEBデザインです。 左側にコンテンツを寄せて右側に大きく画像を表示したレイアウトが特徴で、図版率が高く華やかでダイナミックな印象のサイトです。...
-
Amy – Official Movie Site – In Theaters This July
イギリス出身の女性歌手、エイミー・ワインハウスの生涯を描いたドキュメンタリー映画、『AMY エイミー』オフィシャルサイトのWEBデザインです。 フルスクリーンで大胆に表示した動画をメインに使用したサイトに、ピンクをアクセントにした配色とスタイリッシュな文字組みが映えるデザインです。...
-
Beyoncé
テキサス州ヒューストン出身のシンガーソングライター/ダンサー/女優、Beyoncé（ビヨンセ）のオフィシャルサイトのWEBデザインです。 フルスクリーンで表示したアーティスト画像と、MUSICページ等で見られる横幅いっぱいのアイキャッチ画像がクールでダイナミックな印象のサイトです。...
-
Sarah Brightman
イギリス出身のソプラノ歌手/女優、Sarah Brightman（サラ・ブライトマン）オフィシャルサイトのWEBデザインです。 フルスクリーン表示したアルバム「HYMN」のアートワークがサイトの世界観を構築した、ゴージャスでダイナミックなサイトです。 ローディング時のインパクトのあるアニメーションや、さりげなく取り入れたデュオトーン画像がアクセントになっています。...
-
Incognito.london | Official Band Website
イギリス/ロンドン出身のアシッド・ジャズバンド、Incognito（インコグニート）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示したアーティスト画像と、モノトーンにビビッドなピンクをプラスした配色が特徴のサイトです。 画面右側に固定されているSNSシェアボタンも特徴で、拡散を狙うと共に縦積みにしていることでよりシャープな印象を与えています。...
-
映画『WE ARE X』公式サイト Blu-ray DVD 12.13(wed) RELEASE
日本のロックバンドX JAPAN の軌跡に迫る音楽ドキュメンタリー映画、WE ARE X公式サイトのWEBデザインです。 ブルーとレッドを基調にしたキービジュアルをフルスクリーン表示、その上にロゴを大胆に表示したファーストビューが象徴的なサイトです。 GALLERYセクションではCSS3のtransformプロパティを使用して、マウスオーバー時に画像をズームさせてサイトに動きを与えています。...
-
YOSHIKI feat. HYDE 特設サイト
日本のロックバンド、X JAPANのYOSHIKIとL'Arc～en～CielのHYDEのコラボレーションユニット、YOSHIKI feat. HYDEのオフィシャルサイトのWEBデザインです。 ブラック×レッド×ゴールドという配色とざらざらとした質感のテクスチャー、接写画像をダイナミックに表示したダークかつエレガントな印象のサイトです。 PROFILEセクションではジグザグに半透明のレイヤー...
-
Line 6 Japan
カリフォルニア州カラバサス市の音響機器・楽器メーカー、Line 6(ラインシックス)の日本サイトのデザインです。 フルスクリーン表示のスライダーや接写した製品画像の上に重ねたテキストがコンテンツへの誘導を担うサイトです。 ページやコンテンツに合わせて、グリッド/1カラム/2カラム/フルスクリーンとレイアウトを変えているのも特徴です。 製品の接続例をGIFアニメーションで動きを付けて紹介してい...
-
MO’SOME TONEBENDER official web site
福岡出身のロックバンド、MO'SOME TONEBENDER（モーサム・トーンベンダー）オフィシャルサイトのWEBデザインです。 フルスクリーン表示したモノクロのアーティスト画像とモノトーンで統一された配色がスタイリッシュなサイトです。 DISCOGRAPHYベージでは画像に白枠を付けて、額縁効果でよりリリース作品を際立たせています。 TOPページスライダーの広告デザインのようなタイポグラフ...
-
Zildjian （ジルジャン）｜ヤマハミュージックジャパン
400年の歴史をもつシンバルブランド、Zildjian （ジルジャン）の日本サイトのWEBデザインです。 モノトーン+レッドのスタイリッシュな配色と画面幅いっぱいに表示したスライダー、余白を感じさせる切り抜き画像が特徴のサイトです。 年表型のスライダーを使って表示したヒストリーベージのタイムラインがユニークです。...
-
Ringo Starr | Official Site
イギリス・リヴァプール出身のミュージシャン/シンガーソングライター、Ringo Starr（リンゴ・スター）オフィシャルサイトのWEBデザインです。 ホワイトと薄いグレーをベースにしたクリーンな配色と、画面幅いっぱいに使用した画像が特徴の、図版率の高いサイトです。 各ページごとに大きくキャッチ画像を表示しているのも特徴で、クローズアップした大胆な画像がシャープで切れ味のある印象を加えています。...
-
John Lennon – Official Website
イギリス・リヴァプール出身のミュージシャン/シンガーソングライター、John Lennon（ジョン・レノン）オフィシャルサイトのWEBデザインです。 ホワイトとグレーの濃淡にスカイブルーを加えた爽やかな配色と余白をたっぷりと取ったレイアウト、ダイナミックなスライダーが特徴のサイトです。 タイトルや見出しにウエイトのあるゴシック体のフォントを使用していて、本文との対比がポップで躍動感を与えていま...
-
Kelly Clarkson – The Official Dot Com – Welcome
アメリカ/テキサス州出身の女性シンガー、Kelly Clarkson（ケリー・クラークソン）オフィシャルサイトのWEBデザインです。 ブラック×ゴールドの配色とセリフ体のフォントを使用した、エレガントでクラシカルな印象を与えているサイトです。 下層ページではグリッド状のコンテンツが縦横無尽に動くユニークな構成で、画像とテキストを交互にレイアウトしてメリハリを付けています。...
-
L’Arc-en-Ciel LIVE 2018 L’ArChristmas
日本のロックバンド、L’Arc〜en〜Ciel (ラルク・アン・シエル）のLIVE 2018 L'ArChristmasのWEBデザインです。 ブラック×レッド×グリーン×ゴールドの配色とカンプからしっかりと作りこんだと思われるデザインがクリスマス感満載のエレガントなサイトです。 雪が舞うようなアニメーションやローディング画面、スクロール時のフェードイン等、ページ全体に多くのエフェクトを施して...
-
Maison book girl major 1st album “image” 特設サイト
日本の4人組アイドルグループ、Maison book girl（メゾンブックガール）の1st album「image」特設サイトのWEBデザインです。 VRを意識したかのような視界を変化させていく動画をフルスクリーンで表示、その上にテキストをセンター配置したシャープでダイナミックなサイトです。 無機質でクールな印象の世界観と配色も特徴で、統一されたコンセプトと色彩でデザインをまとめ上げています...
-
UNISON SQUARE GARDEN TOUR 2018「MODE MOOD MODE」
東京都出身のロックバンド、UNISON SQUARE GARDENのTOUR 2018「MODE MOOD MODE」スペシャルサイトのWEBデザインです。 ゴールドとブラックで色分けされたスプリットスクリーンレイアウトから2つのコンテンツページへ遷移するのが特徴的なサイトです。 「MODE MODE MODE」ページはモノトーン+ピンクの配色と斜めの要素を組み合わせたスタイリッシュなデザイン...
-
ATATA『JOY』Release Tour 2016 -WE ARE ATATA ARMY!!! IN JAPAN!!!-
新代田発FEVER系6人組バンド、ATATAのミニアルバム「JOY」特設サイトのWEBデザインです。 アルバムのアートワークをモチーフとしたフェイスペイントの画像とアニメーション、3つにスプリットされたユニークなレイアウトが特徴のサイトです。 縦スクロールの中に斜めの要素を加えたり、左右ジグザグの配置で躍動感や流れを与えているポップでエネルギッシュなデザインです。...
-
Bruce Springsteen
アメリカ/ニュージャージー州出身のシンガーソングライター、Bruce Springsteen（ブルース・スプリングスティーン）のオフィシャルサイトのWEBデザインです。 モノトーン中心の配色と、趣きのある画像や質感のあるグランジ風ロゴがレトロでノスタルジックな雰囲気を感じさせるデザインです。 TOPページが記事のタイムラインのようになっていて、Pinterestに見られるようなレンガ調のレイア...
-
矢沢永吉公式サイト｜YAZAWA’S DOOR
広島出身のロックミュージシャン・タレント、矢沢永吉（やざわえいきち）氏のオフィシャルサイトのWEBデザインです。 モノトーンにレッドをアクセントとした配色と、ウインドウ幅いっぱいに表示したコンテンツやレイアウトがダイナミックでスタイリッシュなサイトです。 図版率が高いのも特徴で、画像の全面表示やスプリットスクリーンレイアウト等で視覚度を高めながらコンテンツを引き立たせています。...
-
Pulse Music Group
アメリカ/ロサンゼルスの音楽出版・マネージメント会社、Pulse Music Group（パルス・ミュージック・グループ）のWEBデザインです。 ファーストビューではフルスクリーン表示された会社の外観画像と、センターに配置されたロゴ・テキストが安定した構図とブランディングをしています。 下層ページでは無彩色での配色とウインドウ幅いっぱいを使ったレイアウト、ブラー効果のキャッチ画像がクールでスタ...
-
Michelle Branch | Official Site
アメリカ/アリゾナ州出身の女性シンガーソングライター、Michelle Branch（ミシェル・ブランチ）オフィシャルサイトのWEBデザインです。 アルバム「HOPELESS ROMANTIC」をモチーフとしたデュオトーンのポップなメインビジュアルと、フラットでクリーンな印象のデザインが特徴のサイトです。 薄いボーダーと余白を多く取ったすっきりとしたレイアウトに、横幅いっぱいに表示した画像が大...
-
映画「SOUNDS LIKE SHIT: the story of Hi-STANDARD」
Hi-STANDARDのドキュメンタリー映画、SOUNDS LIKE SHIT: the story of Hi-STANDARDのWEBデザインです。 ダイナミックに表示されたアーティスト画像とタイトルロゴ、コンクリートのようなハードな質感のテクスチャーが特徴のサイトです。 ブラック×ホワイト×レッドで統一された配色とシンプルなレイアウトとコンテンツは、よりキービジュアルやトレイラー動画の視...
-
PUBIC HAIR GROOVING｜アンダーヘアで音楽を
株式会社人間とm-floの☆Taku Takahashi氏によるアンダーヘアで音楽を作るプロジェクト、PUBIC HAIR GROOVINGのWEBデザインです。 衝撃的なキービジュアルとカラフルな配色やグラデーション、大胆なタイポグラフィーや斜めの要素が特徴のシングルページです。 canvasで描画された波形のアニメーションや動画の背景画像等がダンス・エレクトロニカ感も高めている、ユニークで...
-
Anthony Hamilton
ノースカロライナ州シャーロット出身のR&B・ソウルシンガー、Anthony Hamilton（アンソニー・ハミルトン）オフィシャルサイトのWEBデザインです。 アルバム「What I’m Feelin」のアーティスト写真をフルスクリーン表示した、ダイナミックでインパクトのあるサイトです。 優しく控えめな淡い配色とカード型コンポーネントを組み合わせたデザインに、さりげないパララックスがサイトをよ...
-
TOTO – The official TOTO website
アメリカ/カリフォルニア州ロサンゼルス出身のロックバンド、TOTO（トト）のオフィシャルサイトのWEBデザインです。 アルバム「40 TRIPS AROUND THE SUN」のアートワークをモチーフとした、ダークかつプログレッシブな印象を受けるサイトデザインです。 ページやコンテンツに合わせてレイアウトを切り替えているのも特徴で、ナビゲーションもTOPページと下層ページで配置を変えています。...
-
KKBOX – 1ヶ月無料で楽しめる聴き放題音楽アプリ – KKBOX
アジアを中心に展開する定額制音楽配信サービス、KKBOX（ケイケイボックス）のWEBデザインです。 ダイナミックにフルスクリーンで表示した画像とシンプルなキャッチコピー、斜めに重ねたレイヤーが特徴のサイトです。 アイコンやイラストを多く取り入れているのも特徴で、画像と合わせて視覚度と図版率の高いデザインです。...
-
Ethermachines
エレクトロ・ノイズの鬼才と称されるオーストラリア出身のアーティスト、Ben Frost（ベン・フロスト）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示されたアヴァンギャルドな動画と、ブラックxホワイトxブルーの配色が孤高で深遠なイメージを与えるサイトです。 裁ち落としや区切り等、様々な形のボーダーでコンテンツを整理しながら装飾にも用いて、デザインにシャープで都会的な印象をもたら...
-
okgo.net
アメリカ/シカゴ出身のインディー・ロックバンド、OK Go（オーケー・ゴー）オフィシャルサイトのWEBデザインです。 画面の横幅いっぱいに広がるナビゲーションの配置が特徴で、ビジュアルとカラーをセットにして情報を整理しながら華やかな印象を与えています。 ナビゲーションと合わせてコンテンツごとに下層ページのカラーリングも違っていて、カラフルでとてもにぎやかな雰囲気のサイトです。...
-
SEIROGAN UTILITY RECORDS
医薬品「正露丸」を販売する大幸薬品が立ち上げた音楽レーベル、SEIROGAN UTILITY RECORDSオフィシャルサイトのWEBデザインです。 フルスクリーンで大胆に表示されたブランド動画とその上で回転するロゴマーク、象徴的なオレンジをアクセントとした配色が特徴のサイトです。 大きく分かりやすい見出しとセクションごとに変えた背景色も特徴で、パララックスやアニメーションと合わせてスクロール...
-
Washed Out
アメリカのミュージシャン、アーネスト・グリーンによる音楽プロジェクト、Washed Out（ウォッシュト・アウト）オフィシャルサイトのWEBデザインです。 クネクネと回る手書きのカセットテープのGIFアニメーションをフルスクリーンで表示した、レトロでアナログ感を感じさせるデザインです。 縦に4分割したナビゲーションと無駄を省いたコンテンツ等、デザインやレイアウトと共に他に類を見ない個性的なサイ...
-
MONOEYES OFFICIAL WEBSITE
ELLEGARDENやthe HIATUSでも活動する細美武士氏が立ち上げたロックバンド、MONOEYES（モノアイズ）オフィシャルサイトのWEBデザインです。 フルスクリーンのアーティスト画像上にロゴを配したダイナミックなTOPページと、シンプルでクリーンな印象の下層ページの対比がユニークなサイトです。 シンプルな中にもWEBフォントでデザイン性を高めたり、見出し下に装飾を加えることでアクセ...
-
Hudson Mohawke
スコットランド出身のDJ/エレクトロニカ・ミュージシャン、Hudson Mohawke（ハドソン・モホーク）オフィシャルサイトのWEBデザインです。 グニャグニャと水面のように変化するビジュアルと、ウエイトのあるフォントを使用した大胆なタイポグラフィーが特徴のサイトです。 コントラストの強い配色がエフェクトを加えた画像と合わさって、テクノロジーや近未来感を感じさせるデザインとなっています。...
-
SHIBUYA MUSIC SCRAMBLE -渋谷音楽祭2018-
東京/渋谷の街全体をステージに活用した音楽イベント、渋谷音楽祭2018のオフィシャルサイトのWEBデザインです。 ロゴとキャッチコピーを大胆にフルスクリーン表示して、イベントごとにセクションで区切った縦長のシングルページサイトです。 セクションごとに背景画像や背景色で区切り、デザインテイストの異なるイベントを上手く1ページにまとめています。 嫌味を感じないさりげないパララックスは、縦長ページ...
-
DEEPSLAUTER
千葉県柏市で結成されたハードコアバンド、DEEPSLAUTER (ディープスローター)のオフィシャルサイトのWEBデザインです。 熱気が伝わってくるようなライブシーンの画像をフルスクリーンで表示、シンプルな配色とレイアウトのコンテンツとの対比がクールなサイトです。 Tumblrをカスタマイズしていて、カード型のコンポーネントを縦方向のみ可変にしたレイアウトは、一覧性の見やすさと適度な動きや躍動...
-
FKA twigs
イギリス/ロンドンを拠点に活動する女性シンガーソングライター、FKA twigs（エフケーエー・ツイッグス）のオフィシャルサイトのWEBデザインです。 音楽だけでなくそのファッションでも注目を浴びているアーティストならではのアーティスティックで写真をより綺麗に見せたサイトです。 他に見ないようなナビゲーションやレイアウトはユーザビリティの観念に囚われない、モダンで斬新であり大きなインパクトを与...
-
U2 > Home
アイルランド出身のロックバンド、U2（ユーツー）オフィシャルサイトのWEBデザインです。 ブラック×グレー×ホワイトにレッドをアクセントにした配色と、美しく整理されたグリッドレイアウトがスタイリッシュなサイトです。 カード型のコンポーネントを多用しながらも区切りにボーダーを使わず、背景色を工夫することで見やすくすっきりとしたデザインになっています。...
-
五五七二三二〇 オフィシャルサイト
私立恵比寿中学のメンバー扮する前衛的アイドル、五五七二三二〇（ゴー・ゴー・ナナ・ニー・サン・ニー・レー）オフィシャルサイトのWEBデザインです。 フルスクリーン表示の菱形の中にコンテンツ、外側にメンバーとココナッツサブレが入れ替わるアニメーションが特徴のサイトです。 他のサイトでは見られない発想やレイアウトとカラフルで重厚なクリエイティブ等、コンセプトと共にユニークで斬新過ぎるデザインです。...
-
くるり『その線は水平線』特設サイト
京都出身のロックバンド、くるりのシングル「その線は水平線」特設サイトのWEBデザインです。 アートワークに使用されているレトロでノスタルジックな雰囲気の海面画像をフルスクリーンで表示したダイナミックなサイトです。 シンプルなボーダーと明朝体のWEBフォント、ジャンプ率が低いテキストで構成された、落ち着きと懐かしさを感じさせるデザインです。...
-
Fatboy Slim – Official Website
イギリスのクラブDJ/ミュージシャンであるノーマン・クックのプロジェクト、Fatboy Slim（ファットボーイ・スリム）オフィシャルサイトのWEBデザインです。 大小のグリッドでアクセントとメリハリを付けたレイアウトと、ブラック×イエローの配色がポップかつ印象的なサイトです。 画像を大胆に大きく表示しているのも特徴で、ウエイトのある見出しと合わせて元気で賑やかな雰囲気を作り、より直感的に伝わ...
-
三ツ矢.TV｜三ツ矢サイダー｜アサヒ飲料
サザンオールスターズが出演している、アサヒ飲料三ツ矢サイダーのTVCMサイトのWEBデザインです。 夏を感じさせるようなメインビジュアルと、ホワイトとグリーンのパッケージカラーを踏襲した配色が特徴のサイトです。 メインビジュアルも丸くトリミング、ページ全体にサークル状の背景画像を用いていて、炭酸飲料の爽快感を感じさせるデザインです。...
