CATEGORY : タイポグラフィ
-
04 Limited Sazabys OFFICIAL WEB SITE
名古屋出身のロックバンド、04 Limited Sazabys（フォー・リミテッド・サザビーズ）のオフィシャルサイトのWEBデザインです。 ウインドウ幅いっぱいに表示されたキービジュアルと、破れた紙のようなグランジデザインとポップなテキストデザインが特徴のサイトです。 MEDIAページではカテゴリーごとに色分けされたラベルを配置していて、ポップで鮮やかな印象を与えつつ情報を分かりやすくしていま...
-
PUBIC HAIR GROOVING｜アンダーヘアで音楽を
株式会社人間とm-floの☆Taku Takahashi氏によるアンダーヘアで音楽を作るプロジェクト、PUBIC HAIR GROOVINGのWEBデザインです。 衝撃的なキービジュアルとカラフルな配色やグラデーション、大胆なタイポグラフィーや斜めの要素が特徴のシングルページです。 canvasで描画された波形のアニメーションや動画の背景画像等がダンス・エレクトロニカ感も高めている、ユニークで...
-
SEIROGAN UTILITY RECORDS
医薬品「正露丸」を販売する大幸薬品が立ち上げた音楽レーベル、SEIROGAN UTILITY RECORDSオフィシャルサイトのWEBデザインです。 フルスクリーンで大胆に表示されたブランド動画とその上で回転するロゴマーク、象徴的なオレンジをアクセントとした配色が特徴のサイトです。 大きく分かりやすい見出しとセクションごとに変えた背景色も特徴で、パララックスやアニメーションと合わせてスクロール...
-
SHIBUYA MUSIC SCRAMBLE -渋谷音楽祭2018-
東京/渋谷の街全体をステージに活用した音楽イベント、渋谷音楽祭2018のオフィシャルサイトのWEBデザインです。 ロゴとキャッチコピーを大胆にフルスクリーン表示して、イベントごとにセクションで区切った縦長のシングルページサイトです。 セクションごとに背景画像や背景色で区切り、デザインテイストの異なるイベントを上手く1ページにまとめています。 嫌味を感じないさりげないパララックスは、縦長ページ...
-
Animal Collective
アメリカ/ボルチモア出身のインディーロックバンド、Animal Collective（アニマル・コレクティヴ）オフィシャルサイトのWEBデザインです。 サイケデリックなその音楽性を表現するかのような、幾何学模様で描かれた動物やクリック時の効果音がインパクトの大きなサイトです。 筆で手書きされたようなフォントにさりげなくグラデーションを取り入れたり、細かなエフェクトやアニメーション等、細部までこ...
-
五五七二三二〇 オフィシャルサイト
私立恵比寿中学のメンバー扮する前衛的アイドル、五五七二三二〇（ゴー・ゴー・ナナ・ニー・サン・ニー・レー）オフィシャルサイトのWEBデザインです。 フルスクリーン表示の菱形の中にコンテンツ、外側にメンバーとココナッツサブレが入れ替わるアニメーションが特徴のサイトです。 他のサイトでは見られない発想やレイアウトとカラフルで重厚なクリエイティブ等、コンセプトと共にユニークで斬新過ぎるデザインです。...
-
THE BLUE HEARTS 30周年 特設サイト
日本のパンクロックバンド、THE BLUE HEARTS（ザ・ブルーハーツ）の30周年特設サイトのWEBデザインです。 背景にフルスクリーンでライブ動画を表示して、中央に半透明のアニバーサリーロゴを大きく配置したレイアウトのシングルページです。 1stアルバムを想起させるような白/黒/ブルーの配色と、右側に固定された各セクションごとへのナビゲーションも特徴で、 Discographyコンテン...
-
Ennio Morricone | Official website
イタリアの作曲家、Ennio Morricone（エンニオ・モリコーネ）オフィシャルサイトのWEBデザインです。 モノクロの画像とモノトーン中心の配色にオレンジをアクセントカラーとして加えた、モダンでスタイリッシュな印象のサイトです。 大きなジャンプ率の大胆な見出しは存在感があり、落ち着いた雰囲気のデザインの中で視線を集めてメッセージを伝えています。...
-
CHAI GLOBAL | We are New Exciting Onna(female) Band from Japan ! NEO KAWAII ! COMPLEX IS ART !
名古屋出身の女性4人組バンド、CHAI（チャイ）グローバルサイトのWEBデザインです。 ピンクを基調にしたポップな配色とクリエイティブ、ダイナミックなフルスクリーン動画やアニメーションする装飾が賑やかでキュートなサイトです。 テキストをマスクしたローディング画面や、手書きのテキストなども取り入れたタイポグラフィー等、餃子のPAGETOPボタン等、見どころが満載です。...
-
AGNÈS B. RADIO
フランスのファッションブランド、アニエスベーがセレクトしたWEBラジオ、AGNÈS B. RADIOのWEBデザインです。 大胆で猥雑な画像の配置と背景に帯をつけたテキスト等、往年のパンクバンドのフライヤーやジャケットデザインを彷彿させるサイトです。 下層ページでは左側にナビゲーションを固定、1カラムでコンテンツをしっかり見せるレイアウトとなっています。 ...
-
KENJI ENDO
東京出身のレジデントDJ/トラックメーカーのKENJI ENDOさんのオフィシャルサイトのWEBデザインです。 印象的なアーティスト画像と大胆なタイポグラフィ、canvasで描かれたアブストラクトな模様のアニメーションが特徴的なサイトです。 スクロールで変化していくパララックスやグラデーションも美しく、またコンタクトフォームのホバーエフェクトと合わせて近未来感も感じられるデザインです。...
-
絢香 | Album「レインボーロード」Special Site
大阪出身の女性シンガーソングライター、絢香さんのアルバム「レインボーロード」Special SiteのWEBデザインです。 フルスクリーンで表示された動画と斜めの要素、くるくると変化していくカラフルなアニメーションが特徴のポップながらスタイリッシュなデザインです。 幾何学模様の背景要素にずらしたり重ねたりした動画やコンテンツが遊び心を感じさせ、また反復表示することでサイトに一貫性やリズムを生み...
-
Namie Amuro 25th Anniversary Site
沖縄出身の歌手/ダンサー、安室奈美恵（あむろなみえ）さんの25周年スペシャルサイトのWEBデザインです。 フルスクリーン表示のアーティスト写真が年毎にくるくると切り替わるアニメーションが圧巻のダイナミックなサイトです。 線の描画が美しいSVGアニメーションやテキストエフェクトを取り入れることでサイトをよりリッチに演出しています。 ...
-
Balmorhea
アメリカ/テキサス州出身のポストロックバンド、Balmorhea（バルモレイ）オフィシャルサイトのWEBデザインです。 ミニマルで余白を多く取ったレイアウトは空気に溶け込むような美しい音像を表現するかのように、アンビエンスを感じさせるようなデザインです。 背景にうっすらと敷かれたマス目が懐かしさやレトロ感を与えつつ、グリッドに囚われない自由なレイアウトと縦組みのテキストがより印象的なページにし...
-
Sourdoreille | Humeurs musicales
フランスの音楽メディア、SourdoreilleのWEBデザインです。 ミントグリーンとオレンジの配色とテキストや要素をずらしたり重ねたりしたレイアウトが目を引く、スタイリッシュなデザインです。 マウスオーバー時のエフェクトも面白く、MUSICプレーヤーがヘッダーに固定しているのも特徴で、シリアスとユーモアを併せ持った印象のユニークなサイトです。 ...
-
旅と音楽〜Travel & Music〜 旅をしながら音楽を作るバンド
旅をしながら音楽をつくるバンド、「旅と音楽」オフィシャルサイトのWEBデザインです。 フルスクリーンの動画とアニメーションをふんだんに使用することで、五感を刺激し思わず魅入ってしまう印象的なサイトです。 四隅にロゴやナビゲーション等を置くことで画面を引き締め、画面中央にレトロなロゴを置くことで安定感とナチュラル感も演出しています。...
-
椿音楽教室｜東京でピアノ教室など11の音楽教室を開講
東京で音楽教室を開講している、椿音楽教室のWEBデザインです。 フルスクリーンのダイナミックなファーストビューに手書き風のロゴがセンターに配置された、ポップでナチュラルなテイストのサイトです。 テクスチャーやイラストも積極的に取り入れたデザインは、パステル調の配色や動きのあるレイアウト等と合わせて柔らかく温かな印象を与えています。...
-
GRANBEAT | SMARTPHONE | SPECIAL CONTENTS | ONKYO
オーディオメーカーONKYOの超高音質ハイレゾ・オーディオ・SIMフリースマートフォン、GRANBEATの特設サイトのWEBデザインです。 商品の接写画像をフルスクリーンで表示、黒背景に溶け込ませた重厚でエレガントな雰囲気を持つサイトです。 画面右側に固定されている、イコライザーを想起させるようなナビも特徴で、WEBフォントを使用した見出しと共に洗練された印象のデザインです。...
-
BENI OFFICIAL SITE
沖縄出身の女性シンガー、BENIさんのオフィシャルサイトのWEBデザインです。 ピンクとグリーンで配色されたビビッドで大胆な色使いと、ブラシ風のフォントを使用したロゴやナビゲーションが目を引くサイトです。 自由なレイアウトは躍動感や流れを感じさせ、エディトリアルデザインのようなビジュアルと相まって楽しげでアクティブな雰囲気を演出しています。 ナビゲーションが下部に固定されているのも特徴で、ホ...
-
sukekiyo official web site
DIR EN GREYのボーカル・京氏の率いるバンド、sukekiyo（スケキヨ）オフィシャルサイトのWEBデザインです。 フレームに囲まれたメインビジュアルはそれ自体がバナーとなっていて、サイトの世界観を作ると共に動線も担っています。 おどろおどろしい背景画像やテクスチャー、明朝体のフォントがバンドの方向性を表現しているTOPページと、 かっちりとしたベーシックなレイアウトで情報やコンテン...
-
SQUAREPUSHER
イギリスのミュージシャン/作曲家/ベーシスト、トーマス・ジェンキンソンことSQUAREPUSHER（スクエアプッシャー）オフィシャルサイトのWEBデザインです。 無彩色を中心とした配色に左側に固定ナビゲーション、グリッドに囚われない自由なレイアウトのコンテンツが特徴のサイトです。 大胆に配置したり上下左右を反転したりと遊び心満載の見出しや、ずれたり重なったりしたテキストやフォームは斬新でウィッ...
-
High End Audiophile Amplifiers And Sound Systems | MOON – Simaudio
カナダのオーディオメーカーSIMAUDIOが手がける、MOONブランドのWEBデザインです。 フルスクリーン表示での動画を活用したブランディング、モノトーン中心の配色とセリフ体のテキストや縦横のボーダーがスタイリッシュな印象のサイトです。 スプリットやブロークングリッド、意図的に要素をずらしたり画像に重ねたりしたレイアウトは動きと遊び心を感じさせ、強いインプレッションを与えています。...
-
Homepage – Orbital
イギリス出身のテクノユニット、Orbital（オービタル）オフィシャルサイトのWEBデザインです。 アルバム「Monsters Exist」のアートワークの世界観を表現した、ダークかつファンタジーな印象のデザインです。 サイト全体に縦書きの見出しを大胆に配置することで目新しさやアクセントが出て、インパクトと強いインプレッションを与えています。...
-
Ólafur Arnalds
アイスランドの音楽家・作曲家のÓlafur Arnalds（オーラヴル・アルナルズ）オフィシャルサイトのWEBデザインです。 ホワイトとグレーを基調にした配色とたっぷりと取った余白が知的でクリーンな印象を感じさせています。 大胆で太めのサンセリフ体を下層ページの見出しにしてメリハリを付けつつ、セリフ体を使用してクラシカルな雰囲気も持たせています。 TOPページのジャケット画像にマウスオーバー...
-
Justin Bieber – Purpose Available Now
カナダのポップミュージシャン、Justin Bieber（ジャスティン・ビーバー）オフィシャルサイトのWEBデザインです。 ブラック×ホワイト×パープルの配色とフラットデザインの掛け合わせがスタイリッシュで、その中で手書き風のロゴが親しみやすさをプラスしています。 大胆なタイポグラフィーが印象的で、グリッドに囚われない自由なレイアウトと相まってエディトリアルデザインのような雰囲気を感じさせてい...
-
Tom Anderson Guitar｜JES International, Inc.
アメリカのハイエンドギターメーカー、Tom Anderson Guitar（トム・アンダーソン）のWEBデザインです。 大胆な接写とあえて端を切ったトリミングで被写体にフォーカスしつつ、その上に画像テキストを重ねたファーストビューがダイナミックなデザインです。 さりげないパララックスと斜めの要素、切り抜き画像を組み合わせて立体感や奥行き感を演出することでサイトにスパイスを加え印象付けています。...
-
水曜日のカンパネラ OFFICIAL SITE
日本の音楽ユニット、水曜日のカンパネラのオフィシャルサイトのWEBデザインです。 数多のサイトとは異なるブルータルなレイアウトやデザインはとても刺激的でありながら、ミニマルでわかりやすいサイト構成です。 ビジュアル要素として見せるテキスト、レトロな印象も受ける画像、ダイナミックなアニメーション等、斬新で独創的なデザインのサイトです。...
-
OLDCODEX Official website
日本の音楽ユニット、OLDCODEX（オルドコデックス）オフィシャルサイトのWEBデザインです。 動画をロゴの形にマスクしたファーストビューや手書き風フォントの見出し等、テキストをビジュアル要素としても見せるデザインです。 パララックスを多用してダイナミックな動きや遊び心を加え、コンテンツごとにストーリー性を持たせています。...
-
小袋成彬 分離派
日本のシンガーソングライター、小袋成彬（おぶくろなりあき）氏のオフィシャルサイトのWEBデザインです。 巨大なフォントサイズとシンプルながら斬新なレイアウトが特徴で、ホワイトにミントグリーンの配色が爽やかな印象を与えています。 ページ遷移時やスクロール時のコンテンツの表示エフェクトがさりげなくサイトにリッチ感を加え、より魅力的に見せています。...
-
Dunlop
アメリカのギターアクセサリーメーカー、Jim Dunlop（ジム･ダンロップ）のWEBデザインです。 フルスクリーンで表示されるスライダーがダイナミックなサイトで、さりげなくシャドウを取り入れる事でフラットデザインをより魅力的にしています。 ウエイトのある見出しやセリフ体のフォントを使用したり等、文字を華やかに美しく見せているデザインです。...
-
The Chainsmokers – Home
アメリカ/ニューヨーク州を拠点とするDJ・ソングライターデュオ、The Chainsmokers（ザ・チェインスモーカーズ）オフィシャルサイトのWEBデザインです。 鮮やかな発色のグラデーションやカラーフィルターが絶妙なコントラストやかすれ具合を表現したカラフルなデザインで、対照的に手書き風のロゴやナビゲーションが親しみや温もりを感じさせてくれます。...
-
Home | Jaco Pastorius
アメリカのベーシスト、Jaco Pastorius(ジャコ・パストリアス)オフィシャルサイトのWEBデザインです。 外側に向けて四隅を暗くぼかしたビネット効果を施した画像を大きく表示、レトロ・ヴィンテージ感をもたらすと共にサイトの世界観を打ち出しています。 ナビゲーションや見出しに手書き風のフォントを使用していて、ジャンプ率の大きさとも相まって親しみやすく柔らかな印象を与えています。...
-
InVogue Records | Independent Record Label
アメリカ/オハイオ州のインディペンデントレーベル、InVogue Records（インヴォーグ・レコード）のWEBデザインです。 モノクロのキャッチ画像とモノトーンで統一された配色はスタイリッシュで、洗練された都会的な印象を感じられます。 ページ遷移時にロゴマークをモチーフにしたローディングアニメーションを使用していて、読み込み時のストレス軽減とサイトの離脱を抑える役目をしています。...
-
Оркестр Mooncake официальный сайт. Музыка, Видео, Фото, Концерты. Купить билеты
ロシア/モスクワ出身のインスト・ポストロックバンド、Mooncake(ムーンケイク)オフィシャルサイトのWEBデザインです。 繊細なクリーントーンとノイジーなギターのコントラストにチェロやシンセを交えたドラマチックなサウンドを展開するインストバンドで、美しい静寂パートとポジティブなエネルギーに満ちた動パートのコントラストが圧巻の、壮大なサウンドスケープを描いています。 サイトはフルスクリー...
-
Music Jacket Gallery 2017 ＜11月3日（金）～11月5日（日） 新宿髙島屋 1階JR口特設会場＞
音楽メディアのアートワークとサウンドにフォーカスしたイベント、Music Jacket Gallery 2017のWEBデザインです。 2017年で11回目の開催となり、ジャケットアートの展示や各音楽メディアの試聴、トーク＆リスニングイベント等、フィジカルな音楽体験を楽しめるイベントです。 サイトはビンテージ風のロゴと大胆なブラシストロークがラフで手描きのようにアナログな質感を感じさせています...
-
Concord Music Hall
アメリカ/シカゴのミュージックホール、Concord Music Hall(コンコルド・ミュージック・ホール)のWEBデザインです。 サイトは高画質な画像とレトロなフォントによるロゴが強く印象に残るTOPデザインで、ホバーエフェクトやアニメーションも非常に凝っていて見応えがあります。 スクロール量に合わせてコンテンツの背景色が変化していくのもとても美しく、あえて不規則にしたグリッドやずらして表...
-
Weezer
アメリカの4人組オルタナティヴ・ロックバンド、Weezer（ウィーザー）のWEBデザインです。 アルバム「PACIFIC DAYDREAM」をモチーフにした、パララックス+レスポンシブデザインのサイトです。フルスクリーンで表示したビジュアルや動画がダイナミックで、アートワークと合わさって壮大さを感じます。...
-
A Day To Remember | Bad Vibrations Out Now
フロリダ州オカラ出身のポスト・ハードコア/ポップ・パンク・バンド、A Day To Remember（ア・デイ・トゥ・リメンバー）のWEBデザインです。 パララックスが印象的な縦長のシングルページで、mask-imageでグランジ加工されたナビゲーションや見出し、ロゴでマスクされた背景動画など小技が光っています。 ...
