CATEGORY : Font Awesome
-
PUBIC HAIR GROOVING｜アンダーヘアで音楽を
株式会社人間とm-floの☆Taku Takahashi氏によるアンダーヘアで音楽を作るプロジェクト、PUBIC HAIR GROOVINGのWEBデザインです。 衝撃的なキービジュアルとカラフルな配色やグラデーション、大胆なタイポグラフィーや斜めの要素が特徴のシングルページです。 canvasで描画された波形のアニメーションや動画の背景画像等がダンス・エレクトロニカ感も高めている、ユニークで...
-
Anthony Hamilton
ノースカロライナ州シャーロット出身のR&B・ソウルシンガー、Anthony Hamilton（アンソニー・ハミルトン）オフィシャルサイトのWEBデザインです。 アルバム「What I’m Feelin」のアーティスト写真をフルスクリーン表示した、ダイナミックでインパクトのあるサイトです。 優しく控えめな淡い配色とカード型コンポーネントを組み合わせたデザインに、さりげないパララックスがサイトをよ...
-
坂本美雨オフィシャルサイト
日本の女性歌手/ミュージシャン、坂本美雨（さかもとみう）さんのオフィシャルサイトのWEBデザインです。 フルスクリーンで表示された猫の画像とパララックスが特徴のTOPページと、シンプルでどこか柔らかさも感じさせる下層ページで構成されたサイトです。 無駄な配色や装飾を省き、グレーの濃淡や余白で区切りを表現している中で、デザインフォントで作られたロゴがキュートでアクセントになっています。...
-
城 南海オフィシャルサイト
鹿児島県奄美市出身の女性歌手、城 南海（きずき みなみ）さんのオフィシャルサイトのWEBデザインです。 ナチュラルで澄んだ印象を受ける配色とロゴをずらして重ねたキービジュアル、縦書きのナビゲーションや見出しが特徴のサイトです。 繊細で上品な雰囲気の幾何学模様の背景パターンが女性らしさを、縦書きのテキストがサイトをより印象的にして和を感じさせるデザインです。...
-
oaqk
東京のインストゥメンタル/ノイズバンド、oaqk（オーク）オフィシャルサイトのWEBデザインです。 ウインドウの横幅いっぱいに表示されたライブ動画のスライダーがサイトの世界観を構築しているサイトです。 モノトーンを中心とした重厚な印象の配色に整然としたレイアウトを組み合わせて、その音楽性を表すかのように、ダークな中にも知性を感じさせるデザインです、...
-
RIP SLYME OFFICIAL HP
日本のヒップホップグループ、RIP SLYME（リップスライム）オフィシャルサイトのWEBデザインです。 黒背景に映えるイエローの斬新な形をしたスライダーと、カラフルな色使いの囲み枠が特徴のにぎやかで楽しさを感じるサイトです。 角丸やサークル形状の要素が柔らかさやポップ感を持ちつつ、太いボーダーを組み合わせることでインパクトと力強さも感じさせています。 左右ジグザグに配置されたPROFILE...
-
MUTEK.JP – 電子音楽 × デジタルアートの祭典『MUTEK』
モントリオール発のデジタルアートと電子音楽の祭典、MUTEK.JPのオフィシャルサイトのWEBデザインです。 モノトーンにレッドでアクセントを加えたスタイリッシュな配色と、アブストラクトなパターン画像を配したモダンでテクノロジー感のあるサイトです。 1カラムとグリッドで構成されたレイアウトはレスポンシブとも相性が良く、PC/モバイルでの閲覧による差異が少ないデザインになっています。...
-
OREメディア – 《音楽、アート、漫画、イベント》一風変わったカルチャー・モノメディア「ORE」(オー・アール・イー)。洋服や音楽、アート、ゲームまでの広範で他にはないニュースを扱います。
カルチャーを独自の視点で切り取るメディアサイト、OREメディアのWEBデザインです。 ピンクとベージュをベースにした配色が温かみを感じさせ、大きめのサムネイル画像が賑やかで親しみを感じさせるサイトです。 新着記事セクションでは画像とテキストを左右ジグザグに配置して、ゆるやかなリズムを作り活き活きとした雰囲気を作っています。 サムネイル画像をマウスオーバーした時の回転アニメーションと、背景画像...
-
CHVRCHES | LOVE IS DEAD
イギリス/グラスゴー出身のエレクトロポップ・バンド、CHVRCHES（チャーチズ）オフィシャルサイトのWEBデザインです。 ピンクとブルーを基調にしたカラフルな配色と、アルバム「LOVE IS DEAD」のアートワークをモチーフにしたデザインのシングルページのサイトです。 スクロールに合わせて背景色が変化していくのが美しく、さりげなく取り入れたブラシ風のデザインがアクセントを付けているのも特徴...
-
U2 > Home
アイルランド出身のロックバンド、U2（ユーツー）オフィシャルサイトのWEBデザインです。 ブラック×グレー×ホワイトにレッドをアクセントにした配色と、美しく整理されたグリッドレイアウトがスタイリッシュなサイトです。 カード型のコンポーネントを多用しながらも区切りにボーダーを使わず、背景色を工夫することで見やすくすっきりとしたデザインになっています。...
-
AURORA | OFFICIAL WEBSITE
ノルウェー出身の女性シンガーソングライター、AURORA（アウロラ）オフィシャルサイトのWEBデザインです。 インパクトの大きいメインビジュアルと、高貴さと落ち着き・暖かみを感じさせるワインレッドの配色が印象的なサイトです。 グリッドで整然とレイアウトされた中でレンガ上に組まれたツイッターウィジェットがおしゃれでモダンな雰囲気を感じさせています。 フラットなデザインの中でファーストビューに質...
-
TuneCore Japan
デジタル音楽配信サービス、TuneCore Japan（チューンコア・ジャパン）のWEBデザインです。 ドキュメンタリーのような動画をフルスクリーンで表示、その中央に配置したシンプルなキャッチコピーと赤色のボタンが目を惹くサイトです。 シンプルでスタイリッシュなレイアウトの中にパララックスやグラデーション、デュオトーンを取り入れてモダンな印象を与えています。...
-
hernameisbanks
カリフォルニア州ロサンゼルス出身の女性シンガーソングライター、BANKS（バンクス）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示されたモノクロのアーティスト写真が印象的なサイトで、凛とした静逸の中に妖艶で独特な世界観を感じさせています。 ロゴやアーティスト名も表示せず一切の無駄を省いたミニマルなデザインの中で、細かなこだわりを感じるメニューの開閉アニメーションが光っています。...
-
Kesha Official Site
アメリカの女性歌手/シンガーソングライター、Kesha（ケシャ）のオフィシャルサイトのWEBデザインです。 アルバム「Rainbow」のアートワークをモチーフにしたポップでカラフル、賑やかなシングルページのサイトです。 マウスオーバーで反応するアートワークと、フォームのボタンが目玉のような画像になっている部分に遊び心を感じます。...
-
Ennio Morricone | Official website
イタリアの作曲家、Ennio Morricone（エンニオ・モリコーネ）オフィシャルサイトのWEBデザインです。 モノクロの画像とモノトーン中心の配色にオレンジをアクセントカラーとして加えた、モダンでスタイリッシュな印象のサイトです。 大きなジャンプ率の大胆な見出しは存在感があり、落ち着いた雰囲気のデザインの中で視線を集めてメッセージを伝えています。...
-
BECK | OFFICIAL WEBSITE
アメリカ/カリフォルニア州出身のソロミュージシャン、BECK（ベック）オフィシャルサイトのWEBデザインです。 グレーをベースにした配色のクールでスタイリッシュなデザインに、六角形のカラフルなオブジェクトが世界観を作っているサイトです。 ページ遷移時のアニメーションが非常にユニークで、マイクロインタラクションを取り入れてユーザー体験を高めています。 ブレイクポイント640px以下で切り替わる...
-
今日のレコード | ABSTRACT.JP
レコードのアーカイブサイト、今日のレコード | ABSTRACT.JPのWEBデザインです。 グリッドでレイアウトされたレコード盤のような画像と、キュートでポップな配色のシークバーが特徴のサイトです。 画像をクリックすると回転しながら音楽が再生される、シンプルで迷いのないデザインで、とてもユニークなサービスです。...
-
ディスクユニオン･オンラインショップ｜diskunion.net
首都圏を中心に音楽CDやレコードを販売する、disk union（ディスクユニオン）のオンラインショップのWEBデザインです。 象徴的な赤と黒の配色、フラットなデザインとグリッドレイアウト、角丸を使わないボタンやカード型コンポーネントがスタイリッシュなサイトです。 メインビジュアルの役目も担っているスライダーの動きもユニークで、さりげなく取り入れた幾何学的な模様の背景画像がアクセントを付けてい...
-
Japanese Breakfast – Official Website
Little Big Leagueのボーカリスト、ミシェル・ザウナーによるソロプロジェクト、Japanese Breakfast（ジャパニーズ・ブレックファスト）のWEBデザインです。 シンプルで余白を多く取ったフラットデザインに配置された独特なタッチのイラストが印象に残るサイトです。 ファビコンと合わせてサイトの世界観を一手に担って構築していて、アメリカと韓国の両方のテイストが感じられるデザ...
-
Crack-Up | Available Now – Fleet Foxes
アメリカ/シアトル出身のバンド、Fleet Foxes（フリート・フォクシーズ）オフィシャルサイトのWEBデザインです。 アルバム「Crack-Up」のアートワークをフルスクリーン表示し、壮大なサウンドと美しいコーラスワークを持つ音楽性を表現するかのようなサイトです。 下層ページはモノクロの森の画像にあえて装飾などを施さずコンテンツを表示した、粗野で荒々しい印象のブルータルなデザインです。...
-
Home – Sadowsky Guitars
ニューヨークの楽器メーカー、Sadowsky Guitars（サドウスキー・ギター）のWEBデザインです。 画面幅いっぱいに表示されたギター製造工程の動画が印象的なサイトで、ファーストビューで端的にブランディングをしています。 グリッドをベースとした整然としたレイアウトは信頼感と安心感を与え、また単調にならないように縦長や横長など様々な形の要素を作って変化を与えています。...
-
椿音楽教室｜東京でピアノ教室など11の音楽教室を開講
東京で音楽教室を開講している、椿音楽教室のWEBデザインです。 フルスクリーンのダイナミックなファーストビューに手書き風のロゴがセンターに配置された、ポップでナチュラルなテイストのサイトです。 テクスチャーやイラストも積極的に取り入れたデザインは、パステル調の配色や動きのあるレイアウト等と合わせて柔らかく温かな印象を与えています。...
-
G&L Musical Instruments | Made in Fullerton Since 1980
アメリカのギターメーカー、G&L Musical InstrumentsのWEBデザインです。 黒背景とグレーの濃淡を中心とした配色にレッドとピンクでリンクやボタンを彩ったスタイリッシュなデザインで、楽器の接写画像が多いのも特徴です。 楽器の一覧＆詳細ページでは切り抜き画像を使用していて、動きや躍動感を与えると共に製品の魅力も黒背景に映えてより伝わってきます。...
-
Lamb of God – Official Website
アメリカ/バージニア州リッチモンド出身のヘヴィメタル/ハードコアバンド、Lamb of God（ラム・オブ・ゴッド）オフィシャルサイトのWEBデザインです。 デュオトーン×ビデオノイズ風の加工をしたアーティスト写真と、濃いグリーンを基調とした配色や背景画像がダークな雰囲気を醸し出したサイトです。 ALBUMSページではセクション毎にブラシ風のボーダーとブラー加工した画像を敷き、リリース作品毎の...
-
Sam Smith | Home – Sam Smith
イギリスのシンガーソングライター、Sam Smith（サム・スミス）オフィシャルサイトのWEBデザインです。 余白を大きく取ったアーティスト写真と薄いグレーを中心にモノトーンでまとめた配色がクールでスタイリッシュなサイトです。 左側にハンバーガーメニューで開閉するグローバルナビゲーション、右側に各SNSへの動線があるのも特徴で、レスポンシブでの可変を意識したデザインです。...
-
Beats by Dr. Dre
Dr. Dreが設立したアメリカのオーディオ機器ブランド、Beats（ビーツ・エレクトロニクス）のWEBデザインです。 フルスクリーンで表示されたシンプルで訴求力の高いビジュアルに、グラデーションを取り入れることでより魅力を高めています。 パララックスやエフェクト、要素をずらしたり重ねたりすることで動きを演出した、躍動感の溢れるデザインのサイトです。 またページやコンテンツに合わせてフルスク...
-
Dead Letter Circus – New album The Endless Mile
オーストラリア出身のオルタナティヴロックバンド、DEAD LETTER CIRCUS（デッド・レター・サーカス）オフィシャルサイトのWEBデザインです。 フルスクリーンでフェードイン/アウトする大きな画像とブルーをアクセントとした配色、半透明の固定ナビゲーションがクールでスタイリッシュなサイトです。 部分的にグランジ調の背景テクスチャを用いて質感を高めたり、フッターにさりげなくパララックスを取...
-
THE YELLOW MONKEY | ザ・イエロー・モンキー オフィシャルサイト
「イエモン」の愛称で親しまれる日本のロックバンド、THE YELLOW MONKEY（ザ・イエロー・モンキー）オフィシャルサイトのWEBデザインです。 フルスクリーンでのライブ動画と画面幅いっぱいに表示されたコンテンツがダイナミックで迫力があるサイトです。 下層ページでは余白を大きく取り、細めのボーダーや広めの行間がクールで落ち着いた印象で、ゴールドのアクセントカラーと相まって優雅な雰囲気も感...
-
sukekiyo official web site
DIR EN GREYのボーカル・京氏の率いるバンド、sukekiyo（スケキヨ）オフィシャルサイトのWEBデザインです。 フレームに囲まれたメインビジュアルはそれ自体がバナーとなっていて、サイトの世界観を作ると共に動線も担っています。 おどろおどろしい背景画像やテクスチャー、明朝体のフォントがバンドの方向性を表現しているTOPページと、 かっちりとしたベーシックなレイアウトで情報やコンテン...
-
Official Nirvana Website: Complete Discography, Videos and more
ワシントン州アバディーン出身のロックバンド、Nirvana（ニルヴァーナ）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示された動画がダイナミックで大きなインパクトを与えるサイトで、パララックスも取り入れた縦長のページです。 色使いを抑えた配色とフラットデザイン、罫線のみで装飾したシンプルな見出し等が動画やジャケット画像を映えて見せています。...
-
High End Audiophile Amplifiers And Sound Systems | MOON – Simaudio
カナダのオーディオメーカーSIMAUDIOが手がける、MOONブランドのWEBデザインです。 フルスクリーン表示での動画を活用したブランディング、モノトーン中心の配色とセリフ体のテキストや縦横のボーダーがスタイリッシュな印象のサイトです。 スプリットやブロークングリッド、意図的に要素をずらしたり画像に重ねたりしたレイアウトは動きと遊び心を感じさせ、強いインプレッションを与えています。...
-
PALM Official Website
大阪のダークハードコアバンド、PALM（パーム）オフィシャルサイトのWEBデザインです。 ブラック+レッドの配色とグランジ加工されたロゴ、逆十字がダークなイメージを与える重厚感のあるデザインです。 パララックスやホバーエフェクト等の細かな動きが光っていて、フルスクリーン表示の際にスクロールボタンが下部コンテンツへのアクションを促しています。...
-
KAMINARI GUITARS
横浜のギターメーカー、KAMINARI GUITARS（神鳴ギターズ）オフィシャルサイトのWEBデザインです。 モノトーン配色とシンプルで無駄な装飾を省いたフラットデザイン、ダイナミックなスライダーやパララックスが特徴のサイトです。 大きく配置された画像に対して余白をたっぷりと取ったレイアウトが上品で上質な印象を与え、またテキスト等の可読性も高めています。...
-
Holy Roar Records
イギリス/ロンドンのインディペンデント・レーベル、Holy Roar Records（ホーリー･ロアー・レコード）のWEBデザインです。 赤ん坊のシュールな線画のロゴマーク、横幅いっぱいのスライダーがダイナミックなサイトで、大きめのサムネイル画像を使用した直感的なデザインも特徴です。 モノトーンにゴールドをアクセントとした配色が落ち着いた印象を与えていて、リリース作品やアーティスト画像の配色を...
-
Madonna.com > Home
アメリカ/ミシガン州出身の歌手/シンガソングライター/女優、Madonna（マドンナ）さんのオフィシャルサイトのWEBデザインです。 アルバム「Ray Of Light」の20th Anniversaryを記念したデザインで、フルスクリーンで表示されたアートワークとモノトーン×レッドの配色がスタイリッシュです。 大きなキャッチやサムネイル画像はダイナミックで見る人の目を引き、より直感的にコンテ...
-
No Sleep Records
アメリカ/カリフォルニアのインディペンデント・レーベル、No Sleep Records（ノー・スリープ・レコード）オフィシャルストアのWEBデザインです。 余白をたっぷりと取ったフラットデザインにアースカラーをアクセントとした配色は上品で洗練されたイメージと同時に、アンティークな雰囲気も演出しています。 Amazon等でも見られるように画像を白抜きにすることで、商品をより客観的かつ高級感あふ...
-
IDIOTEQ.com – DIY Hardcore Punk & Experimental Music News & Interviews
ポーランド/ワルシャワのハードコア・パンク等のDIYメディアサイト、IDIOTEQ.comのWEBデザインです。 画像以外はモノトーンで配色された潔いデザインは色のバラつきを抑えて、シックでクラシックな統一感を醸し出しています。 大き過ぎないサムネイル画像は一度にたくさんの記事を一覧表示することが出来て、またデバイスサイズに合わせて縦積みと横並びを切り替えて、操作性を考慮しています。...
-
Billy Idol
イギリス出身のミュージシャン/シンガーソングライター、Billy Idol（ビリー・アイドル）オフィシャルサイトのWEBデザインです。 モノトーン＋レッドの配色とモノトーンで統一された画像がパンキッシュで猥雑な印象を与えているサイトデザインです。 細かなエフェクトやアニメーションと共にサイドカラムやフッター等に多くの動線を配しているのも特徴で、どのページからも回遊性を生んでいます。...
-
back number（バックナンバー）official web site
群馬県出身のスリーピースロックバンド、back number（バックナンバー）オフィシャルサイトのWEBデザインです。 フルスクリーンの四方にホワイトエッジを付けて、変化していくグラデーションが鮮やかなファーストビューが印象的なサイトです。 下層ページではホワイトとグレーをベースにした配色と、細めの罫線、たっぷりと余白を取ったレイアウトがゆったりと落ち着いた雰囲気を演出しています。...
-
LUNA SEA OFFICIAL WEBSITE
東京都町田市出身のヴィジュアル系ロックバンド、LUNA SEA（ルナシー）オフィシャルサイトのWEBデザインです。 ブラック×レッドの配色がダークかつクールな印象のサイトで、背景に敷いた海や月面を想起させる画像が壮大で幻想的なイメージを作っています。 シングルカラムで構成されたレイアウトは大きなオブジェクトを配置しやすく、余分な動線がないためコンテンツを際立たせています。...
