CATEGORY : フラット
-
People In The Box Official Site
福岡出身の3ピース・オルタナティヴ・ロックバンド、People In The Box（ピープルインザボックス）オフィシャルサイトのWEBデザインです。 シンプルなレイアウトとジャンプ率の低い落ち着いたデザインの中で、画面幅いっぱいにランダムに表示される動物や風景の画像が世界観を作っているサイトです。...
-
映画『AMY エイミー』公式サイト
イギリス出身の女性歌手、エイミー・ワインハウスの生涯を描いたドキュメンタリー映画、『AMY エイミー』日本公式サイトのWEBデザインです。 左側にコンテンツを寄せて右側に大きく画像を表示したレイアウトが特徴で、図版率が高く華やかでダイナミックな印象のサイトです。...
-
Amy – Official Movie Site – In Theaters This July
イギリス出身の女性歌手、エイミー・ワインハウスの生涯を描いたドキュメンタリー映画、『AMY エイミー』オフィシャルサイトのWEBデザインです。 フルスクリーンで大胆に表示した動画をメインに使用したサイトに、ピンクをアクセントにした配色とスタイリッシュな文字組みが映えるデザインです。...
-
東洋化成株式会社 TOYOKASEI CO., LTD. / アナログレコードのプレスは東洋化成
アナログレコードの製造や各種印刷を行っている、東洋化成株式会社のコーポレートサイトのWEBデザインです。 モノトーンにネイビーをプラスした配色と画面幅いっぱいに表示した製造工程の画像がクールで、落ち着きや伝統も感じられるサイトです。...
-
レコードの日 オフィシャルサイト
日本のレコードプレスメーカー東洋化成主催のアナログレコードの祭典、レコードの日 オフィシャルサイトのWEBデザインです。 丸みのあるWEBフォントやマーカーを引いたような装飾と、並べられたカラフルな色彩のレコードジャケットがポップな印象を与えているサイトです。...
-
JAY Z’s Life+Times
ニューヨーク州ブルックリン出身のラッパー/ソングライター、JAY Z（ジェイ・ジー）のオフィシャルサイトのWEBデザインです。 ブラック×ゴールドの配色と、グリッドで区切られたレイアウトがクールでスタイリッシュな雰囲気を醸し出しているサイトです。...
-
Beyoncé
テキサス州ヒューストン出身のシンガーソングライター/ダンサー/女優、Beyoncé（ビヨンセ）のオフィシャルサイトのWEBデザインです。 フルスクリーンで表示したアーティスト画像と、MUSICページ等で見られる横幅いっぱいのアイキャッチ画像がクールでダイナミックな印象のサイトです。...
-
AUTO-MOD official website
日本のロックバンド、AUTO-MOD（オートモッド）のオフィシャルサイトのWEBデザインです。 モノトーンを中心とした配色と、フルスクリーン表示したモノクロのアーティスト画像がダークで退廃的な雰囲気を演出したサイトです。 ...
-
The xx
イギリス/ロンドン出身のポスト・ポップバンド、The xx（ジ・エックス・エックス）のオフィシャルサイトのWEBデザインです。 シンプルで余白を多く取った中にグリッドの概念に囚われず、マウスに合わせてふわふわと浮かぶコンテンツが斬新なサイトです。 色使いも少なく抑え、画像の持つ色合いのみで彩っていて、パララックス効果による奥行き感と浮遊感と合わせてクールでユニークなデザインです。...
-
Steinberg 日本語サイト | Steinberg
ドイツの音楽ソフトウェア会社、Steinberg（スタインバーグ）の日本語サイトのWEBデザインです。 ベーシックなレイアウトとモノトーンを中心とした配色に特徴的なレッドをアクセントカラーとした、スタイリッシュな印象のサイトです。 フラットデザインをベースにしながらもカード型コンポーネントに薄いシャドウを加えて、さりげない立体感も演出しています。 TOPページの下からスライドインしてくるスラ...
-
Conditions Records
アメリカ/テキサス州オースティンのインディペンデント・レーベル、Conditions Records（コンディションズ・レコード）オフィシャルサイトのWEBデザインです。 モノトーン＋ビビッドなオレンジの配色とフラットデザインを組み合わせた、モダンですっきりとした印象のサイトです。 ホワイトとグレーの濃淡でヘッダーやコンテンツの区切りを表現していて、ボーダー等の無駄な装飾を削ぎ落したシンプルな...
-
Bösendorfer Japan – ベーゼンドルファー・ジャパン
オーストリアのピアノ製造会社、Bösendorfer（ベーゼンドルファー）の日本公式サイトのWEBデザインです。 モノトーン＋ゴールドの配色とエレガントなロゴ、「ウィーンの至宝」とも言われる美しいピアノの画像が高級感を感じさせるサイトです。 細いラインがスタイリッシュなアイコンを用いてサイトのデザイン性も損なわず、ピアノの特徴を視覚化しています。...
-
Ulrich Schnauss
ドイツ/キール出身のエレクトロニカミュージシャン、Ulrich Schnauss（ウルリッヒ・シュナウス）のオフィシャルサイトのWEBデザインです。 薄いグレーを基調にモノトーンで統一された配色と細めのフォント、余白を活かしたレイアウトが特徴のミニマルでクールなデザインのサイトです。 モノクロで並べられたリリース作品のジャケットがマウスオーバーで色付く仕掛けが素敵です。...
-
Incognito.london | Official Band Website
イギリス/ロンドン出身のアシッド・ジャズバンド、Incognito（インコグニート）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示したアーティスト画像と、モノトーンにビビッドなピンクをプラスした配色が特徴のサイトです。 画面右側に固定されているSNSシェアボタンも特徴で、拡散を狙うと共に縦積みにしていることでよりシャープな印象を与えています。...
-
La Dispute
アメリカ/ミシガン州出身のポスト・ハードコアバンド、La Dispute(ラ・ディスピュート)のオフィシャルサイトのWEBデザインです。 アルバム「Panorama」のアートワークをフルスクリーンで表示した、パステル調の淡く柔らかな色合いのサイトデザインです。 シンプルな構成のフラットデザインに、さりげなくグラデーションやパララックスも取り入れていて奥行きや広がりも感じさせています。...
-
QueenOnline.com – The Official Queen Website
イギリスのロックバンド、Queen（クイーン）のオフィシャルサイトのWEBデザインです。 ウインドウ幅いっぱいに表示されたスライダーとレンガ調のグリッドレイアウトで構成されたコンテンツへの誘導が特徴のサイトです。 モノトーンでスタイリッシュに配色されたサイトと画像の持つ色合いのコントラストがシャープですっきりとした印象を与えています。...
-
hide official web site [hide-city] www.hide-city.com
神奈川県横須賀市出身のギタリスト/ソロアーティスト、hide（ヒデ）さんのオフィシャルサイトのWEBデザインです。 トレードマークでもある髪色のピンクをアクセントカラーとした、ポップでビビッドな印象のサイトです。 上下を貫くブラックのナビゲーションがサイトに締まりを与え、また天地への広がりも感じさせています。...
-
Line 6 Japan
カリフォルニア州カラバサス市の音響機器・楽器メーカー、Line 6(ラインシックス)の日本サイトのデザインです。 フルスクリーン表示のスライダーや接写した製品画像の上に重ねたテキストがコンテンツへの誘導を担うサイトです。 ページやコンテンツに合わせて、グリッド/1カラム/2カラム/フルスクリーンとレイアウトを変えているのも特徴です。 製品の接続例をGIFアニメーションで動きを付けて紹介してい...
-
Zildjian （ジルジャン）｜ヤマハミュージックジャパン
400年の歴史をもつシンバルブランド、Zildjian （ジルジャン）の日本サイトのWEBデザインです。 モノトーン+レッドのスタイリッシュな配色と画面幅いっぱいに表示したスライダー、余白を感じさせる切り抜き画像が特徴のサイトです。 年表型のスライダーを使って表示したヒストリーベージのタイムラインがユニークです。...
-
Ringo Starr | Official Site
イギリス・リヴァプール出身のミュージシャン/シンガーソングライター、Ringo Starr（リンゴ・スター）オフィシャルサイトのWEBデザインです。 ホワイトと薄いグレーをベースにしたクリーンな配色と、画面幅いっぱいに使用した画像が特徴の、図版率の高いサイトです。 各ページごとに大きくキャッチ画像を表示しているのも特徴で、クローズアップした大胆な画像がシャープで切れ味のある印象を加えています。...
-
George Harrison – Official site with news, image gallery, links, discography of entire Harrison catalog, audio, video, and other media downloads.
イギリス・リヴァプール出身のミュージシャン/シンガーソングライター、George Harrison（ジョージ・ハリスン）オフィシャルサイトのWEBデザインです。 ホワイト・グレーベースにグリーンをアクセントとした配色と、ベーシックなレイアウトに映える手書き風フォントを使用したロゴが特徴のサイトです。 背景にパターン画像を繰り返し表示しているのも特徴で、インド哲学に魅了され続けた音楽性を表現して...
-
Official Paul McCartney: Tours, Music, Media & Community
イギリス・リヴァプール出身のミュージシャン/シンガーソングライター、Paul McCartney（ポール・マッカートニー）オフィシャルサイトのWEBデザインです。 ブラックをベースに彩度の高いアクセントカラーを加えた配色と、2カラム/グリッドレイアウトで構成されたサイトです。 テキストでさりげなくマスクしたロゴを用いていて、サイトを鮮やかに彩るアクセントとなっています。...
-
John Lennon – Official Website
イギリス・リヴァプール出身のミュージシャン/シンガーソングライター、John Lennon（ジョン・レノン）オフィシャルサイトのWEBデザインです。 ホワイトとグレーの濃淡にスカイブルーを加えた爽やかな配色と余白をたっぷりと取ったレイアウト、ダイナミックなスライダーが特徴のサイトです。 タイトルや見出しにウエイトのあるゴシック体のフォントを使用していて、本文との対比がポップで躍動感を与えていま...
-
The Beatles
イギリス・リヴァプール出身のロックバンド、The Beatles（ザ・ビートルズ）オフィシャルサイトのWEBデザインです。 MONO BOXのジャケットをモチーフとしたホワイト+グリーンの配色と、フルスクリーンで表示したダイナミズム溢れるスライダーが特徴のサイトです。 フラットデザインをベースにしながらもヘッダーやカード型コンポーネントに薄くシャドウを加えて、さりげない立体感を持たせています。...
-
スペースシャワー列伝
音楽チャンネル/スペースシャワーTV主催の新人アーティストイベント、スペースシャワー列伝のWEBデザインです。 ミントグリーンと生成り色の柔らかな雰囲気を与える配色と、左側にナビゲーションを固定したレイアウトが特徴のサイトです。 各コンテンツへの誘導を横長の矩形バナー風の一覧表示にすることで、ファーストビューで多くの情報を見せつつ分かりやすく整理しています。...
-
Perfume Global Lab
広島出身の女性3人組テクノポップユニット、Perfume（パフューム）Global LabのWEBデザインです。 ロゴ・テキスト・画像までをモノトーンで統一した配色と、細めのボーダーを使用したクールでスタイリッシュなサイトです。 グリッドレイアウトを使用していますが、コンテンツ量に合わせて左右でずれていくのも動きや遊び心が感じられます。...
-
UNISON SQUARE GARDEN TOUR 2018「MODE MOOD MODE」
東京都出身のロックバンド、UNISON SQUARE GARDENのTOUR 2018「MODE MOOD MODE」スペシャルサイトのWEBデザインです。 ゴールドとブラックで色分けされたスプリットスクリーンレイアウトから2つのコンテンツページへ遷移するのが特徴的なサイトです。 「MODE MODE MODE」ページはモノトーン+ピンクの配色と斜めの要素を組み合わせたスタイリッシュなデザイン...
-
Blondie – Official Website
アメリカ/ニューヨーク出身の女性ボーカルロックバンド、Blondie（ブロンディ）オフィシャルサイトのWEBデザインです。 黒背景をベースにしたモノトーン+レッドの配色と、モノクロの画像の対比がスタイリッシュながらレトロ感も併せ持つサイトです。 アルバム「POLLINATOR」のアートワークを模したような赤い三角の要素をサイト内に散りばめ、よりシャープで個性的な印象を与えています。...
-
Kei Owada, Singar Songwriter Official Site | 大和田慧オフィシャルサイト
東京出身の女性シンガーソングライター、大和田慧（おおわだ けい）さんのオフィシャルサイトのWEBデザインです。 ホワイトと薄いブルーを基調とした配色と、海をバックに撮影した画像をフルスクリーン表示した清涼感のあるサイトです。 右側にあるグローバルナビゲーションが、スクロールに合わせて上部固定に変化するのも特徴です。 事務的ではなく、デザイン性を持たせたメールフォームも素敵です。...
-
JINBAO JAPAN 楽器オンラインショップ
中国の楽器メーカー、JINBAO（ジンバオ）の日本公式サイトのWEBデザインです。 ホワイトとゴールドを基調とした配色と薄く敷いたパターン画像、明朝体のフォントがエレガントでクラシカルな印象を与えています。 左側にグローバルナビゲーションを固定し、残りのウインドウ幅いっぱいにコンテンツを配したレイアウトは縦幅も大きくダイナミックです。...
-
The Who – Official Site of The Who, Pete Townshend and Roger Daltrey.
イギリスのロックバンド、The Who（ザ・フー）のオフィシャルサイトのWEBデザインです。 高彩度のカラフルな配色と画面幅をいっぱいに使ったスライダーやレイアウトが特徴のサイトです。 図版率が高いのも特徴で、モノクロやデュオトーン画像を大胆に取り入れてレトロ感も演出しながら強く印象付けています。...
-
TWICE OFFICIAL SITE
韓国・日本・台湾人からなる多国籍の女性9人組アイドルグループ、TWICE (トゥワイス）の日本オフィシャルサイトのWEBデザインです。 フルスクリーン表示した動画を効果的に使ったTOPページと、色数を抑えた配色とたっぷりと取った余白がシンプルで上品な印象の下層ページで構成されています。 ページ読み込み時のローディング画面が全面グラデーション+ロゴのアニメーションとなっていて、離脱率を抑えながら...
-
ParaFes 2018 ～UNLOCK YOURSELF～ 11/23@武蔵野の森
日本財団パラリンピックサポートセンターが開催するライブエンターテインメント、ParaFes 2018（パラフェス）オフィシャルサイトのWEBデザインです。 大胆なタイポグラフィーと、彩度の高い配色がスポーツの爽やかさやアクティブ感を表現した鮮やかなサイトです。 整然としたグリッドレイアウトで構成されている中にずらして重ねたラベルや、斜めになった背景画像が遊び心やシャープでソリッドな印象を加えて...
-
Pulse Music Group
アメリカ/ロサンゼルスの音楽出版・マネージメント会社、Pulse Music Group（パルス・ミュージック・グループ）のWEBデザインです。 ファーストビューではフルスクリーン表示された会社の外観画像と、センターに配置されたロゴ・テキストが安定した構図とブランディングをしています。 下層ページでは無彩色での配色とウインドウ幅いっぱいを使ったレイアウト、ブラー効果のキャッチ画像がクールでスタ...
-
Michelle Branch | Official Site
アメリカ/アリゾナ州出身の女性シンガーソングライター、Michelle Branch（ミシェル・ブランチ）オフィシャルサイトのWEBデザインです。 アルバム「HOPELESS ROMANTIC」をモチーフとしたデュオトーンのポップなメインビジュアルと、フラットでクリーンな印象のデザインが特徴のサイトです。 薄いボーダーと余白を多く取ったすっきりとしたレイアウトに、横幅いっぱいに表示した画像が大...
-
木越ギター
神奈川県小田原市のハンドメイド・ギター工房、木越ギターのオフィシャルサイトのWEBデザインです。 ウインドウ幅いっぱいに表示されたブランド動画と彩度を落としたシックな配色が特徴のクールなサイトです。 CONCEPTページでは画像のジャンプ率が高く、大小の対比がシャープさと緊張感を生んでいます。...
-
Anthony Hamilton
ノースカロライナ州シャーロット出身のR&B・ソウルシンガー、Anthony Hamilton（アンソニー・ハミルトン）オフィシャルサイトのWEBデザインです。 アルバム「What I’m Feelin」のアーティスト写真をフルスクリーン表示した、ダイナミックでインパクトのあるサイトです。 優しく控えめな淡い配色とカード型コンポーネントを組み合わせたデザインに、さりげないパララックスがサイトをよ...
-
KKBOX – 1ヶ月無料で楽しめる聴き放題音楽アプリ – KKBOX
アジアを中心に展開する定額制音楽配信サービス、KKBOX（ケイケイボックス）のWEBデザインです。 ダイナミックにフルスクリーンで表示した画像とシンプルなキャッチコピー、斜めに重ねたレイヤーが特徴のサイトです。 アイコンやイラストを多く取り入れているのも特徴で、画像と合わせて視覚度と図版率の高いデザインです。...
-
Ethermachines
エレクトロ・ノイズの鬼才と称されるオーストラリア出身のアーティスト、Ben Frost（ベン・フロスト）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示されたアヴァンギャルドな動画と、ブラックxホワイトxブルーの配色が孤高で深遠なイメージを与えるサイトです。 裁ち落としや区切り等、様々な形のボーダーでコンテンツを整理しながら装飾にも用いて、デザインにシャープで都会的な印象をもたら...
-
Robbie Williams – The Heavy Entertainment Show
イギリス/ストーク・オン・トレント出身の男性シンガー、Robbie Williams（ロビー・ウィリアムズ）オフィシャルサイトのWEBデザインです。 背景に配置した斜めの太いボーダーと、グリッドを基調としながらもランダムにレイアウトされたコンテンツがにぎやかでスタイリッシュなサイトです。 各ページごとにカラフルな色分けをしていて、あえてバランスを崩したレイアウトと組み合わせてより印象的なページ...
