CATEGORY : フラット
-
FKA twigs
イギリス/ロンドンを拠点に活動する女性シンガーソングライター、FKA twigs（エフケーエー・ツイッグス）のオフィシャルサイトのWEBデザインです。 音楽だけでなくそのファッションでも注目を浴びているアーティストならではのアーティスティックで写真をより綺麗に見せたサイトです。 他に見ないようなナビゲーションやレイアウトはユーザビリティの観念に囚われない、モダンで斬新であり大きなインパクトを与...
-
星野源 オフィシャルサイト
埼玉県出身の音楽家/俳優、星野源（ほしのげん）さんのオフィシャルサイトのWEBデザインです。 四方にホワイトエッジを設けてフレームに入ったように見せたアーティスト写真と、シンプルで爽快感のある配色が特徴のサイトです。 下層ページはシングルカラムのレイアウトでレスポンシブとの相性も良く、よりコンテンツに注視されるようになっています。 右側のサムネイルをクリックすることでメイン/背景画像を変更で...
-
U2 > Home
アイルランド出身のロックバンド、U2（ユーツー）オフィシャルサイトのWEBデザインです。 ブラック×グレー×ホワイトにレッドをアクセントにした配色と、美しく整理されたグリッドレイアウトがスタイリッシュなサイトです。 カード型のコンポーネントを多用しながらも区切りにボーダーを使わず、背景色を工夫することで見やすくすっきりとしたデザインになっています。...
-
The Beach Boys | Home
アメリカ/カリフォルニア州出身のサーフロック・バンド、The Beach Boys（ザ・ビーチ・ボーイズ）オフィシャルサイトのWEBデザインです。 フラットデザインとグリッドや2カラムでのレイアウト、瑞々しく爽快感のある配色にレトロ感を持ったロゴやバッジデザインが特徴のサイトです。 さりげなくパララックスやグラデーションを取り入れるなど、シンプルな世界観の中に奥行きや広がりを与えています。 ...
-
第17回 東京JAZZ｜2018年8月31日(金)・9月1日(土)・2日（日）
日本を代表する国際的ジャズフェスティバル、第17回 東京JAZZオフィシャルサイトのWEBデザインです。 ブラック×レッドのスタイリッシュな配色とダイナミックなスライダーが特徴的なサイトです。 画像やテキスト等の情報が多い中で、整然としたグリッドレイアウトと統一感のある配色が散漫とならないようにまとめている印象です。...
-
くるり / QURULI
京都出身のロックバンド、くるりのオフィシャルサイトのWEBデザインです。 アルバム「ソングライン」のアートワークである風景イラストを横幅いっぱいに表示、その上を線で描画するSVGアニメーションのロゴが印象的なサイトです。 シンプルで無駄な装飾を省いたデザインの下層ページでは、縦書きの見出しがシャープでより引き立っています。...
-
Fatboy Slim – Official Website
イギリスのクラブDJ/ミュージシャンであるノーマン・クックのプロジェクト、Fatboy Slim（ファットボーイ・スリム）オフィシャルサイトのWEBデザインです。 大小のグリッドでアクセントとメリハリを付けたレイアウトと、ブラック×イエローの配色がポップかつ印象的なサイトです。 画像を大胆に大きく表示しているのも特徴で、ウエイトのある見出しと合わせて元気で賑やかな雰囲気を作り、より直感的に伝わ...
-
AURORA | OFFICIAL WEBSITE
ノルウェー出身の女性シンガーソングライター、AURORA（アウロラ）オフィシャルサイトのWEBデザインです。 インパクトの大きいメインビジュアルと、高貴さと落ち着き・暖かみを感じさせるワインレッドの配色が印象的なサイトです。 グリッドで整然とレイアウトされた中でレンガ上に組まれたツイッターウィジェットがおしゃれでモダンな雰囲気を感じさせています。 フラットなデザインの中でファーストビューに質...
-
三ツ矢.TV｜三ツ矢サイダー｜アサヒ飲料
サザンオールスターズが出演している、アサヒ飲料三ツ矢サイダーのTVCMサイトのWEBデザインです。 夏を感じさせるようなメインビジュアルと、ホワイトとグリーンのパッケージカラーを踏襲した配色が特徴のサイトです。 メインビジュアルも丸くトリミング、ページ全体にサークル状の背景画像を用いていて、炭酸飲料の爽快感を感じさせるデザインです。...
-
TuneCore Japan
デジタル音楽配信サービス、TuneCore Japan（チューンコア・ジャパン）のWEBデザインです。 ドキュメンタリーのような動画をフルスクリーンで表示、その中央に配置したシンプルなキャッチコピーと赤色のボタンが目を惹くサイトです。 シンプルでスタイリッシュなレイアウトの中にパララックスやグラデーション、デュオトーンを取り入れてモダンな印象を与えています。...
-
ROGUE / REAL AGAIN | ポニーキャニオン
群馬県出身のロックバンド、ROGUE（ローグ）のアルバム「REAL AGAIN」特設サイトのWEBデザインです。 モノクロのアーティスト画像を横幅いっぱいに表示、モノトーン＋ネイビーでスタイリッシュにまとめた配色が特徴のシングルページです。 特設サイトということでアートワークを大きく配置していて、ポップアップする視聴プレーヤー等、アルバムの世界観を余すことなく伝えています。...
-
Kandace Springs | Official Site
ナッシュビル出身のシンガー・ソングライター/ピアニスト、Kandace Springs（キャンディス・スプリングス）オフィシャルサイトのWEBデザインです。 アルバム「indigo」のアートワークをフルスクリーンで表示、インディゴとブルーを中心にした配色がジャジーでクールな雰囲気を演出しているサイトです。 ウインドウの上部と下部に配置されたナビゲーションがスクロールすると上部に2段で固定される...
-
今日のフライヤー | ABSTRACT.JP
フライヤーのグラフィックデザイン集サイト、今日のフライヤー | ABSTRACT.JPのWEBデザインです。 目の覚めるようなスカイブルーと淡いクリーム色、タグに使われている鮮やかなピンクがポップで賑やかな印象を感じさせる配色です。 ウィンドウサイズに合わせて表示列が切り替わり、Pinterest等で見られるレンガを積み重ねたようなレイアウトが素敵なサイトです。...
-
TEAC (日本)
日本の音響機器メーカー、TEAC（ティアック）のWEBデザインです。 モノトーンで統一された潔い配色と、整然としたグリッドレイアウト、フルスクリーンのダイナミックなスライダーが特徴のサイトです。 製品に白抜き画像を使っているのも特徴で、ホワイトスペースが増えることで高級感や落ち着きも演出していて、老舗メーカーの風格を感じさせています。...
-
Ennio Morricone | Official website
イタリアの作曲家、Ennio Morricone（エンニオ・モリコーネ）オフィシャルサイトのWEBデザインです。 モノクロの画像とモノトーン中心の配色にオレンジをアクセントカラーとして加えた、モダンでスタイリッシュな印象のサイトです。 大きなジャンプ率の大胆な見出しは存在感があり、落ち着いた雰囲気のデザインの中で視線を集めてメッセージを伝えています。...
-
BECK | OFFICIAL WEBSITE
アメリカ/カリフォルニア州出身のソロミュージシャン、BECK（ベック）オフィシャルサイトのWEBデザインです。 グレーをベースにした配色のクールでスタイリッシュなデザインに、六角形のカラフルなオブジェクトが世界観を作っているサイトです。 ページ遷移時のアニメーションが非常にユニークで、マイクロインタラクションを取り入れてユーザー体験を高めています。 ブレイクポイント640px以下で切り替わる...
-
GodCity Studio | We record sounds.
CONVERGEのギタリストKurt Ballouが運営するレコーディングスタジオ、GodCity StudioのWEBデザインです。 シンプルでフラットなデザインと、モノトーン中心の配色、TOPページ下部にあるダイナミックなスライダーが特徴のスタイリッシュなサイトです。 図版率が大きいのも特徴で、画像の上に半透明レイヤーを置いてテキストを表示していて、ORANGEのアンプを彷彿させる配色がア...
-
音楽制作プロダクション｜DONGURIミュージック
音楽制作プロダクション、DONGURIミュージックのWEBデザインです。 フラットテイストのイラストをGIFアニメで楽しませてくれるファーストビューがユニークな、にぎやかでポップなサイトです。 ナビやフロー等にもアイコンを用いて視覚的に分かりやすくすると共に、部分的にリアルな背景画像を用いることでよりサイトを印象付けています。...
-
Rise Against | Official Site
アメリカ/イリノイ州シカゴ出身のメロディック・パンクバンド、Rise Against（ライズ・アゲインスト）オフィシャルサイトのWEBデザインです。 モノトーンの中でレッドが際立つスタイリッシュな配色と、ザラザラとした質感を感じさせているグランジ風の背景画像が特徴のデザインです。 水平・垂直のラインに整然と整理されたレイアウトの中で、シェアボタン等に円形フォルムを用いてポイントを作り、サイトに...
-
Capitol Records – The Official Website of Capitol RecordsCapitol Records | The official website of Capitol Records
アメリカの大手レコードレーベル、Capitol Records（キャピトル・レコード）オフィシャルサイトのWEBデザインです。 モノトーンと濃いパープルで統一されたシックで高級感のある配色と、ダイナミックなフルスクリーンのスライダーが印象的なサイトです。 余白を大きく作った黒背景のレイアウトは重厚感と安定感を生み、高彩度・高明度の画像とのコントラストがビビッドでスタイリッシュなイメージを作って...
-
Cocco Official site
沖縄出身のシンガーソングライター、Cocco（こっこ）さんのオフィシャルサイトのWEBデザインです。 モノトーンですっきりとまとめられた配色と、ホワイトスペースを多分に取ったシンプルで凛とした印象のサイトです。 ローディング画面やフッターにさりげなく手書き風のイラストやテキストを取り入れることで、親しみやすさとアクセントをもたらしています。...
-
The Most Famous Recording Studios – Abbey Road Studios
イギリス/ロンドンのレコーディングスタジオ、Abbey Road Studios（アビー・ロード・スタジオ）のWEBデザインです。 モノトーン＋レッドの配色と、伝統と格式を感じさせるように余白を多く取ったレイアウトがエレガントでスタイリッシュなサイトです。 要素をずらして重ねた配置やロングシャドウ、デュオトーンやカード型コンポーネント等、さりげなくも積極的にトレンドを取り入れたデザインです。...
-
今日のレコード | ABSTRACT.JP
レコードのアーカイブサイト、今日のレコード | ABSTRACT.JPのWEBデザインです。 グリッドでレイアウトされたレコード盤のような画像と、キュートでポップな配色のシークバーが特徴のサイトです。 画像をクリックすると回転しながら音楽が再生される、シンプルで迷いのないデザインで、とてもユニークなサービスです。...
-
Norah Jones
ニューヨーク出身のシンガーソングライター、Norah Jones（ノラ・ジョーンズ）さんのオフィシャルサイトのWEBデザインです。 モノクロの画像とグラデーションで繋がれたゴールドのロゴがどこかレトロでジャジーな印象も感じさせるデザインです。 シングルページをセクションによって横幅いっぱいの背景画像を敷いて区切りを分かりやすく、またサイトをダイナミックにもしています。...
-
The Noise of Harmony and the Harmony of Noise
イギリス/マンチェスターのインディペンデント・レーベル、Gizeh RecordsオフィシャルサイトのWEBデザインです。 モノトーンで統一された配色と余白をたっぷりと取ったレイアウト、小さめのフォントや細い罫線がミニマルな印象を与えるサイトです。 図版率が高いためにぎやかなイメージも与えていて、リリース作品のアートワークが白背景によく映えています。...
-
デノンのヘッドホン Real-wood Series | Denon公式
日本の音響機器ブランド、Denon（デノン）のヘッドホン「Real-wood Series」特設ページのWEBデザインです。 クローズアップして画面からはみ出るようにレイアウトされた製品画像が強いインパクトを与えるページです。 製品の材質も画像で伝えることで質感や触感も感じさせていて、半透明レイヤーにテキストを乗せる事でビジュアルを損なわず可読性も高めています。 ...
-
デザインシリーズのレコードプレーヤー | Denon公式
日本の音響機器ブランド、Denon（デノン）のデザインシリーズのレコードプレーヤーの特設ページのWEBデザインです。 周囲に余白を残して広がりや空気感を感じさせる製品画像とどっしりとしたキャッチコピーが印象的なページです。 接写画像や大胆なトリミング、サークル状や横幅いっぱいに表示してずらしたり重ねたり等、画像のレイアウトで躍動感を感じさせるデザインです。...
-
ディスクユニオン･オンラインショップ｜diskunion.net
首都圏を中心に音楽CDやレコードを販売する、disk union（ディスクユニオン）のオンラインショップのWEBデザインです。 象徴的な赤と黒の配色、フラットなデザインとグリッドレイアウト、角丸を使わないボタンやカード型コンポーネントがスタイリッシュなサイトです。 メインビジュアルの役目も担っているスライダーの動きもユニークで、さりげなく取り入れた幾何学的な模様の背景画像がアクセントを付けてい...
-
Japanese Breakfast – Official Website
Little Big Leagueのボーカリスト、ミシェル・ザウナーによるソロプロジェクト、Japanese Breakfast（ジャパニーズ・ブレックファスト）のWEBデザインです。 シンプルで余白を多く取ったフラットデザインに配置された独特なタッチのイラストが印象に残るサイトです。 ファビコンと合わせてサイトの世界観を一手に担って構築していて、アメリカと韓国の両方のテイストが感じられるデザ...
-
タビノエ – きこえる音、うかぶ風景 – 10/7(日) 18:30 東京・蔵前 Nui. HOSTEL& BAR LOUNGE
音楽イベント、「タビノエ – きこえる音、うかぶ風景 -」の特設サイトのWEBデザインです。 ホワイトスペースが心地の良いゆったりとしたレイアウトと美しい風景画像、その上にずらして重なったテキストが特徴のデザインです。 ジャンプ率の低いテキストと淡い配色、さりげなく取り入れたナビのグラデーション等が柔らかで落ち着いた雰囲気を演出しています。...
-
Home / Ninja Tune
クラブミュージックのリリースで知られるロンドンのインディペンデント・レーベル、Ninja Tune（ニンジャ・チューン）のWEBデザインです。 アクセス毎にランダムでリリース作品のアートワークをフルスクリーン表示したダイナミックなサイトです。 モノトーン中心の配色と無駄な装飾を省いたシンプルなサイトですが図版率が高く、大きく表示された画像が華やかでにぎやかな印象を与えています。...
-
Home – Sadowsky Guitars
ニューヨークの楽器メーカー、Sadowsky Guitars（サドウスキー・ギター）のWEBデザインです。 画面幅いっぱいに表示されたギター製造工程の動画が印象的なサイトで、ファーストビューで端的にブランディングをしています。 グリッドをベースとした整然としたレイアウトは信頼感と安心感を与え、また単調にならないように縦長や横長など様々な形の要素を作って変化を与えています。...
-
GLAY公式サイト
北海道出身のヴィジュアル系ロックバンド、GLAY（グレイ）オフィシャルサイトのWEBデザインです。 グリッドで整然とレイアウトされた誘導バナーと各コンテンツごとに色分けされた半透明レイヤー、ダイナミックな各種アニメーションが特徴のサイトです。 下層ページでは広めの余白とグレーの濃淡で配色されたクリーンなデザインで、大きな見出しやWEBフォント、アイコンが親しみやすくポップ感を演出しています。...
-
オンラインで音楽機材を売買 | Reverb
ミュージシャンのための楽器専門マーケットプレイス、Reverb（リバーブ）のWEBデザインです。 オレンジをキーカラーとした鮮やかでアクティブな印象の配色と、フラットなテイストのイラストをふんだんに使用したポップなデザインです。 テキストや画像を分かりやすく整理できるカード型のコンポーネントを取り入れているのが特徴で、ひとつのページに多くの情報をまとめて整然と表示しています。 また要素や画像...
-
SOUND ON LIVE | 楽曲の共有・販売を今までになくシンプルに – SOUND ON LIVE
アーティストの活動を支援する音楽共有サービス、SOUND ON LIVE（サウンド・オン・ライブ）のWEBデザインです。 熱気が伝わるライブ模様の動画をフルスクリーンで表示、サーモンピンクをキーカラーとした配色と合わせてクリーンでアクティブな印象のサイトです。 ミニマルなフラットデザインの中にロングシャドウを取り入れて立体感を出したり、横幅いっぱいの背景にブラー画像を用いたりと細かなアクセント...
-
Maison book girl – Maison book girlは矢川葵、井上唯、和田輪、コショージメグミの4人によるニューエイジ・ポップ・ユニット。
日本の4人組アイドルグループ、Maison book girl（メゾンブックガール）オフィシャルサイトのWEBデザインです。 ダイナミックに全画面表示されたアーティスト写真と、背景に敷いたシングル「elude」のうねうねとしたアートワークが印象的なサイトです。 小さめに配置されたサムネイル画像が、凛とした印象のフルスクリーン画像との対比でシャープさや歯切れの良さを生み、ミステリアスな静けさを強...
-
Bloodshed Fest 2018
オランダのエクストリーム・ミュージック・フェスティバル、Bloodshed FestのWEBデザインです。 モノトーンのみの配色と、シンプルでクリーンなレイアウトにダークでおどろおどろしい背景画像がアンダーグラウンドな世界観を作るサイトです。 上部の固定ナビゲーション、右下のスクロールボタンと共に、左下にspotifyのMUSICプレーヤーがあるのも特徴で、四隅をおさえて額縁効果ももたらしてい...
-
Sourdoreille | Humeurs musicales
フランスの音楽メディア、SourdoreilleのWEBデザインです。 ミントグリーンとオレンジの配色とテキストや要素をずらしたり重ねたりしたレイアウトが目を引く、スタイリッシュなデザインです。 マウスオーバー時のエフェクトも面白く、MUSICプレーヤーがヘッダーに固定しているのも特徴で、シリアスとユーモアを併せ持った印象のユニークなサイトです。 ...
-
Skies Collide
オーストラリア出身の女性ボーカルエモーショナルロックバンド、SKIES COLLIDE（スカイズ・コライド）オフィシャルサイトのWEBデザインです。 印象的なライブ画像をファーストビューで横幅いっぱいに表示した、クールでダイナミックな縦長シングルページのサイトです。 セクションごとに背景色や背景画像を切り替えることでメリハリをつけていて、特にメールフォームの背景の幻想的な画像はサイトの雰囲気を...
-
°Hummel | Grafik
ポストロックバンド等のアートワーク/マーチャンダイズを手がける、ドイツのHUMMELGRAFIKのWEBデザインです。 無駄な装飾や配色・要素を一切省いたミニマルなデザインで、左固定のナビゲーションと大きな作品画像が特徴のポートフォリオサイトです。 グリッドを基盤としたレイアウトの中でランダムに作品画像を配置し、あえてバランスを崩すことで躍動感を与え印象的なページにしています。...
