CATEGORY : スプリットスクリーンレイアウト
-
La Dispute
アメリカ/ミシガン州出身のポスト・ハードコアバンド、La Dispute(ラ・ディスピュート)のオフィシャルサイトのWEBデザインです。 アルバム「Panorama」のアートワークをフルスクリーンで表示した、パステル調の淡く柔らかな色合いのサイトデザインです。 シンプルな構成のフラットデザインに、さりげなくグラデーションやパララックスも取り入れていて奥行きや広がりも感じさせています。...
-
UNISON SQUARE GARDEN TOUR 2018「MODE MOOD MODE」
東京都出身のロックバンド、UNISON SQUARE GARDENのTOUR 2018「MODE MOOD MODE」スペシャルサイトのWEBデザインです。 ゴールドとブラックで色分けされたスプリットスクリーンレイアウトから2つのコンテンツページへ遷移するのが特徴的なサイトです。 「MODE MODE MODE」ページはモノトーン+ピンクの配色と斜めの要素を組み合わせたスタイリッシュなデザイン...
-
Kei Owada, Singar Songwriter Official Site | 大和田慧オフィシャルサイト
東京出身の女性シンガーソングライター、大和田慧（おおわだ けい）さんのオフィシャルサイトのWEBデザインです。 ホワイトと薄いブルーを基調とした配色と、海をバックに撮影した画像をフルスクリーン表示した清涼感のあるサイトです。 右側にあるグローバルナビゲーションが、スクロールに合わせて上部固定に変化するのも特徴です。 事務的ではなく、デザイン性を持たせたメールフォームも素敵です。...
-
TWICE OFFICIAL SITE
韓国・日本・台湾人からなる多国籍の女性9人組アイドルグループ、TWICE (トゥワイス）の日本オフィシャルサイトのWEBデザインです。 フルスクリーン表示した動画を効果的に使ったTOPページと、色数を抑えた配色とたっぷりと取った余白がシンプルで上品な印象の下層ページで構成されています。 ページ読み込み時のローディング画面が全面グラデーション+ロゴのアニメーションとなっていて、離脱率を抑えながら...
-
ATATA『JOY』Release Tour 2016 -WE ARE ATATA ARMY!!! IN JAPAN!!!-
新代田発FEVER系6人組バンド、ATATAのミニアルバム「JOY」特設サイトのWEBデザインです。 アルバムのアートワークをモチーフとしたフェイスペイントの画像とアニメーション、3つにスプリットされたユニークなレイアウトが特徴のサイトです。 縦スクロールの中に斜めの要素を加えたり、左右ジグザグの配置で躍動感や流れを与えているポップでエネルギッシュなデザインです。...
-
矢沢永吉公式サイト｜YAZAWA’S DOOR
広島出身のロックミュージシャン・タレント、矢沢永吉（やざわえいきち）氏のオフィシャルサイトのWEBデザインです。 モノトーンにレッドをアクセントとした配色と、ウインドウ幅いっぱいに表示したコンテンツやレイアウトがダイナミックでスタイリッシュなサイトです。 図版率が高いのも特徴で、画像の全面表示やスプリットスクリーンレイアウト等で視覚度を高めながらコンテンツを引き立たせています。...
-
映画『ボヘミアン・ラプソディ』公式サイト 大ヒット上映中！
イギリスのロックバンド・クイーンのフレディ・マーキュリーに焦点を当てた伝記ドラマ、ボヘミアン・ラプソディの公式サイトのWEBデザインです。 パープルとイエローを基調とした配色とグラデーション、シルエットが映画を象徴するかのようなキービジュアルが特徴のサイトです。 セクションの区切りを斜めにしたりスプリットでコンテンツを表示したりと、レイアウトにひねりを加えて躍動感も与えています。...
-
TuneCore Japan
デジタル音楽配信サービス、TuneCore Japan（チューンコア・ジャパン）のWEBデザインです。 ドキュメンタリーのような動画をフルスクリーンで表示、その中央に配置したシンプルなキャッチコピーと赤色のボタンが目を惹くサイトです。 シンプルでスタイリッシュなレイアウトの中にパララックスやグラデーション、デュオトーンを取り入れてモダンな印象を与えています。...
-
Pink Floyd Endless River
イングランド出身のプログレッシブ・ロックバンド、Pink Floydのアルバム「The Endless River」特設サイトのWEBデザインです。 アルバムのアートワークをフルスクリーンで表示、ボートの人物と雲海がアニメーションしたシネマグラフが印象的なサイトです。 タイトルロゴやナビゲーションのゆるやかなアニメーション表示も加わり、アルバムやバンドの壮大な世界観を十二分に表現しています。...
-
Beats by Dr. Dre
Dr. Dreが設立したアメリカのオーディオ機器ブランド、Beats（ビーツ・エレクトロニクス）のWEBデザインです。 フルスクリーンで表示されたシンプルで訴求力の高いビジュアルに、グラデーションを取り入れることでより魅力を高めています。 パララックスやエフェクト、要素をずらしたり重ねたりすることで動きを演出した、躍動感の溢れるデザインのサイトです。 またページやコンテンツに合わせてフルスク...
-
DALI Speakers | Danish made, award-winning Hi-Fi Speakers
デンマークのハイエンドスピーカー専門メーカー、DALI Speakers（ダリ スピーカー）のWEBデザインです。 モノトーン×レッドの配色にずらして画像に重ねた要素やグリッド・スプリット等、様々なレイアウトで構成されたスタイリッシュなサイトです。 画像がズームするような滑らかなホバーエフェクトやフラットデザインにシャドウを加えて立体感を演出したりと、細かな部分にもこだわりが光っています。...
-
High End Audiophile Amplifiers And Sound Systems | MOON – Simaudio
カナダのオーディオメーカーSIMAUDIOが手がける、MOONブランドのWEBデザインです。 フルスクリーン表示での動画を活用したブランディング、モノトーン中心の配色とセリフ体のテキストや縦横のボーダーがスタイリッシュな印象のサイトです。 スプリットやブロークングリッド、意図的に要素をずらしたり画像に重ねたりしたレイアウトは動きと遊び心を感じさせ、強いインプレッションを与えています。...
-
フジゲン株式会社オフィシャルサイト
長野県松本市に本社を置く楽器製造メーカー、フジゲン株式会社オフィシャルサイトのWEBデザインです。 事業に分けてスプリットスクリーンレイアウトで表示したTOPページは、ひとつの画面で左右の対比を生みそれぞれを引き立たせています。 楽器製造事業ページはオレンジの配色がポップな印象で、切り抜き画像が動きを出しながらも白地の分量を多めに取って洗練された雰囲気を演出しています。...
-
D’Addario Nickel Bronze Acoustic Guitar Strings
アメリカ/ニューヨーク州ロングアイランドの楽器弦メーカー、D’Addario（ダダリオ）のニッケルブロンズ弦特設サイトのWEBデザインです。 ブラウンを基調にしたアーシーな配色とレトロな風合いのフォント選び、ウッド調のテクスチャーが懐かしい雰囲気を醸し出したサイトです。 スプリットスクリーンレイアウトで画面を分割して、違うタイプの弦を聞き比べるというアイデアはとてもユニークです。...
-
MIYAVI Official Site 【MYV382TOKYO.com】
日本のロックミュージシャン/ギタリスト、MIYAVI（ミヤビ）さんのオフィシャルサイトのWEBデザインです。 アルバム「SAMURAI SESSIONS vol.2」のアートワークをモチーフとしたデザインで、フルスクリーンで覆う斜めのストライプがスタイリッシュです。 スプリットスクリーンレイアウトを取り入れて画像とテキストそれぞれの要素を引き立たせつつ、訪問者に強く印象付けられるデザインになっ...
-
Bring Me The Horizon | That’s The Spirit
イギリスのメタルコアバンド、Bring Me The Horizon（ブリング・ミー・ザ・ホライズン）のWEBデザインです。 アルバム「Live At The Royal Albert Hall」のアートワークと購入ページへのリンクをスプリットスクリーンでレイアウトしたデザインで、 無駄を削ぎ落としたシンプルなシングルページの中にメニュー開閉時のアニメーションが光っています。...
-
European Music Incubator
ヨーロッパのミュージシャンのためのトレーニングプログラム、European Music IncubatorのWEBデザインです。 パープルブルーとピンクのデュオトーンが鮮やかなデザインで、スプリットレイアウトや細部まで凝ったエフェクト、横スライドのタイムラインなど、独創的なアイデアが沢山詰まったポップでビビッドなサイトです。...
-
藤原さくら オフィシャルサイト
福岡県出身のシンガーソングライター、藤原さくらさんのオフィシャルサイトのWEBデザインです。 オーガニックで透明感溢れる画像や配色と、手書き風フォントやアイコン、テクスチャで作られたナビゲーションがナチュラルなテイストのデザインで、スプリットレイアウトも取り入れた構成は強く印象に残る美しいサイトとなっています。...
-
Avion Roe – Official Site
テキサス州ダラス出身のポップロックバンド、Avion Roe（アヴィオン・ロー）オフィシャルサイトのWEBデザインです。 アルバム「In Separation」のアートワークをモチーフとしたサイトデザインで、モノトーン中心の配色と余白を大きく取ったレイアウトが相まってクールでスタイリッシュな印象を漂わせています。 画面を縦に等分割したスプリットレイアウトも取り入れていて、動画とテキスト要素の対...
-
Circa Survive
ペンシルベニア州フィラデルフィアにて結成されたエモ・オルタナティヴ・ロックバンド、 Circa Survive)(サーカ・サバイブ)のWEBデザインです。 アルバム「The Amulet」のジャケットをモチーフにしたデザインで、毎作品ごとのアートワークも独特で素晴らしく、それに伴ったサイトデザインもいつも見応えがあります。 ...
