CATEGORY : 左ナビゲーション
-
RIP SLYME OFFICIAL HP
日本のヒップホップグループ、RIP SLYME（リップスライム）オフィシャルサイトのWEBデザインです。 黒背景に映えるイエローの斬新な形をしたスライダーと、カラフルな色使いの囲み枠が特徴のにぎやかで楽しさを感じるサイトです。 角丸やサークル形状の要素が柔らかさやポップ感を持ちつつ、太いボーダーを組み合わせることでインパクトと力強さも感じさせています。 左右ジグザグに配置されたPROFILE...
-
Crown The Empire
アメリカ/テキサス州ダラス出身のポストハードコアバンド、Crown The Empire（クラウン・ジ・エンパイア）オフィシャルサイトのWEBデザインです。 ブラックベースにレッドを加えたホラーやゴシック感を感じさせる配色と、左側に固定されたグローバルナビゲーションが特徴のサイトです。 重厚感のある背景色と白文字×赤い画像のハイコントラストなデザインは、シンプルなレイアウトと合わさってシャープ...
-
CHAI Official
名古屋出身の女性4人組バンド、CHAI（チャイ）オフィシャルサイトのWEBデザインです。 白とピンクで統一された配色と、フラットなデザインに大きく大胆にレイアウトされた画像が特徴のサイトです。 左側にナビゲーションを固定したレイアウトですが、罫線などの装飾を省き余白を多く取ることで窮屈さを感じさせず、広がりのあるデザインになっています。...
-
AGNÈS B. RADIO
フランスのファッションブランド、アニエスベーがセレクトしたWEBラジオ、AGNÈS B. RADIOのWEBデザインです。 大胆で猥雑な画像の配置と背景に帯をつけたテキスト等、往年のパンクバンドのフライヤーやジャケットデザインを彷彿させるサイトです。 下層ページでは左側にナビゲーションを固定、1カラムでコンテンツをしっかり見せるレイアウトとなっています。 ...
-
タビノエ – きこえる音、うかぶ風景 – 10/7(日) 18:30 東京・蔵前 Nui. HOSTEL& BAR LOUNGE
音楽イベント、「タビノエ – きこえる音、うかぶ風景 -」の特設サイトのWEBデザインです。 ホワイトスペースが心地の良いゆったりとしたレイアウトと美しい風景画像、その上にずらして重なったテキストが特徴のデザインです。 ジャンプ率の低いテキストと淡い配色、さりげなく取り入れたナビのグラデーション等が柔らかで落ち着いた雰囲気を演出しています。...
-
Sleeping With Sirens Official Website | New Album ‘Gossip’ Available Now
フロリダ州オーランド出身のポスト・ハードコアバンド、Sleeping With Sirens（スリーピング・ウィズ・サイレンス）オフィシャルサイトのWEBデザインです。 黒ベースの重厚な配色の中に浮かび上がる、アルバム「Gossip」のアートワークがグラマラスで80'sテイストも感じさせるデザインです。 左固定の縦書きナビゲーションやグリッドを基調としつつもずらしたり重ねたりしたレイアウト、ア...
-
°Hummel | Grafik
ポストロックバンド等のアートワーク/マーチャンダイズを手がける、ドイツのHUMMELGRAFIKのWEBデザインです。 無駄な装飾や配色・要素を一切省いたミニマルなデザインで、左固定のナビゲーションと大きな作品画像が特徴のポートフォリオサイトです。 グリッドを基盤としたレイアウトの中でランダムに作品画像を配置し、あえてバランスを崩すことで躍動感を与え印象的なページにしています。...
-
Sam Smith | Home – Sam Smith
イギリスのシンガーソングライター、Sam Smith（サム・スミス）オフィシャルサイトのWEBデザインです。 余白を大きく取ったアーティスト写真と薄いグレーを中心にモノトーンでまとめた配色がクールでスタイリッシュなサイトです。 左側にハンバーガーメニューで開閉するグローバルナビゲーション、右側に各SNSへの動線があるのも特徴で、レスポンシブでの可変を意識したデザインです。...
-
SQUAREPUSHER
イギリスのミュージシャン/作曲家/ベーシスト、トーマス・ジェンキンソンことSQUAREPUSHER（スクエアプッシャー）オフィシャルサイトのWEBデザインです。 無彩色を中心とした配色に左側に固定ナビゲーション、グリッドに囚われない自由なレイアウトのコンテンツが特徴のサイトです。 大胆に配置したり上下左右を反転したりと遊び心満載の見出しや、ずれたり重なったりしたテキストやフォームは斬新でウィッ...
-
go!go!vanillas
日本のロックバンド、go!go!vanillas（ゴーゴーバニラズ）オフィシャルサイトのWEBデザインです。 フラットなデザインにパステル調のピンクやブルーの配色が映えるシンプルなデザインで、左側に固定されたナビゲーションが特徴のサイトです。 メインビジュアルのスライダーや斜めになったナビゲーションのアニメーションがユニークで、ローディング時の動きも読み込みのストレスを和らげています。...
-
杏里オフィシャルサイト
神奈川県出身の歌手/シンガソングライター、杏里（あんり）さんのオフィシャルサイトのWEBデザインです。 海や夏を想起させるようなコバルトブルーを基調にした爽やかな配色と、デニム生地のようなパターン素材が質感を感じさせています。 ゴールドをアクセントカラーに加え、明朝体のフォントを用いることで優雅で女性らしい華やかさもプラスしたデザインです。...
-
水曜日のカンパネラ OFFICIAL SITE
日本の音楽ユニット、水曜日のカンパネラのオフィシャルサイトのWEBデザインです。 数多のサイトとは異なるブルータルなレイアウトやデザインはとても刺激的でありながら、ミニマルでわかりやすいサイト構成です。 ビジュアル要素として見せるテキスト、レトロな印象も受ける画像、ダイナミックなアニメーション等、斬新で独創的なデザインのサイトです。...
-
フジファブリック Official Website
日本のロックバンド、フジファブリックのオフィシャルサイトのWEBデザインです。 フルスクリーンで表示された迫力のあるスライダーにフィギュア画像を使用した、ポップで柔らかな雰囲気を持つサイトです。 ホワイトとミントグリーンの爽やかな配色と、縦横の直線ボーダーがサイトをキリっとシャープにしています。...
-
Coldplay official website
イギリス/ロンドン出身のロックバンド、Coldplay（コールドプレイ）オフィシャルサイトのWEBデザインです。 アルバム「A Head Full of Dreams」のアートワークをモチーフとした、グラデーションと幾何学模様が印象的なポップなデザインです。 左側にグローバルナビゲーション、下部にSNSへのリンクが固定されていて、ページによっては右側にもローカルナビを配しているのが特徴です。...
-
MIYAVI Official Site 【MYV382TOKYO.com】
日本のロックミュージシャン/ギタリスト、MIYAVI（ミヤビ）さんのオフィシャルサイトのWEBデザインです。 アルバム「SAMURAI SESSIONS vol.2」のアートワークをモチーフとしたデザインで、フルスクリーンで覆う斜めのストライプがスタイリッシュです。 スプリットスクリーンレイアウトを取り入れて画像とテキストそれぞれの要素を引き立たせつつ、訪問者に強く印象付けられるデザインになっ...
-
nine inch nails | the official website
アメリカ/オハイオ州クリーブランド出身のインダストリアル・ロックバンド、nine inch nails（ナイン・インチ・ネイルズ）オフィシャルサイトのWEBデザインです。 余白を大きく取ったレイアウトにアンビグラムになっているロゴが映えるミニマルなデザインのサイトで、テキスト要素が少なく画像が大きいのも特徴です。 SVGアニメーションやローディング、マウスオーバー時のエフェクトが光っていて、シ...
-
acoustic effect
日本のイヤホンメーカー、acoustic effect（アコースティック・エフェクト）のWEBデザインです。 黒背景に浮かび上がるように敷かれた背景画像と、モノトーンで配色されたデザインはクールで気品や格調の高さを伺わせます。 製品画像は白背景をベースすることで一層映えて見えていて、接写画像も使用することでインパクトと共に多くの情報も伝えています。...
-
weareDANGERS
アメリカ/カリフォルニア州ロサンゼルス出身のインディーロック・ハードコアバンド、DANGERS（デンジャーズ）オフィシャルサイトのWEBデザインです。 アルバム「THE BEND IN THE BREAK」のアートワークをフルスクリーンで表示、四方にホワイトエッジを付けたTOPページデザインです。 下層ページは左側にナビゲーションを固定したレイアウトのフラットデザインで、小さめのフォントサイズ...
-
Hikaru Utada Official Website
日本の女性シンガーソングライター、宇多田ヒカルさんのオフィシャルサイトのWEBデザインです。 左側に固定したナビゲーションが特徴のサイトで、ブラック×グレー×ホワイトのみの配色と相まってクールでスタイリッシュな印象を与えています。 サークルや角丸を使用して凛としたデザインの中にも丸みや優しさを加え、女性らしい柔らかさも感じさせています。...
-
KORG (Japan)
シンセサイザーやデジタルピアノ等の電子楽器の製造/販売メーカー、KORG（コルグ）のWEBデザインです。 左側にナビゲーションを固定したカード型＆グリッドレイアウトが特徴のデザインで、 シンプルなモノトーン配色の中で見出し部分にグラデーションを取り入れたり、製品カテゴリーごとにカラー分けをして華やかに彩っています。...
-
Featured Content on Myspace
音楽やエンターテインメントを中心としたSNS、Myspace（マイスペース）のWEBデザインです。 左側に固定されたナビゲーションと下部に固定された音楽プレーヤー、カード型のグリッドレイアウトが特徴で、 下層ページの見出し部分に美しいグラデーションを取り入れてサイトをより魅力的に見せつつ、音楽を聴く時の高揚感も伝わってきます。...
-
European Music Incubator
ヨーロッパのミュージシャンのためのトレーニングプログラム、European Music IncubatorのWEBデザインです。 パープルブルーとピンクのデュオトーンが鮮やかなデザインで、スプリットレイアウトや細部まで凝ったエフェクト、横スライドのタイムラインなど、独創的なアイデアが沢山詰まったポップでビビッドなサイトです。...
-
The Devil Wears Prada
アメリカ/オハイオ州出身のクリスチャン・メタルコアバンド、The Devil Wears Prada(デヴィル・ウェアーズ・プラダ)オフィシャルサイトのWEBデザインです。 メタリックなギターリフとシンフォニックなキーボードに強烈なスクリームとエモーショナルなクリーンボーカルが絡むスタイルで一躍RISE RECORDSを有名にし、現在に続くスクリーモやポストハードコアシーンを押し上げた立役者でも...
-
Lloyd Stratton | Freelance Illustrator | Brighton | London
イギリス/ロンドンのフリーランスイラストレーター、Lloyd StrattonのポートフォリオサイトのWEBデザインです。 architectsやLOWER THAN ATLANTISといったハードコア・メタルコアバンドを中心にアートワークやマーチャンダイズを手掛けていて、繊細な筆使いと生命力を感じられる作品群は圧巻です。 サイトは左固定ナビゲーションとグリッド状に並べられた作品一覧が特徴のレ...
-
KAGURANE/KGRN
東京/神楽坂のライブハウス、神楽音（カグラネ）のWEBデザインです。 2017年5月にオープンしたライブハウスでキャパ80人ながらもハイスペックな音環境や洗練された内装、ライブを中心とした神楽音とエレクトロニック中心のKGR(n)というふたつの営業スタイル等、既存のライブハウスとは一線を画す音楽スペースとして注目を集めています。 サイトもライブ/エレクトロニックというふたつのスタイルをホワイト...
-
STIFF SLACK
名古屋のレコードレーベル＆レコードショップ、stiffslack（スティッフスラック）のWEBデザインです。 エモやポストロック、エレクトロニカを中心に取り扱っていて、レーベルとしてもCLIMB THE MIND、FOLIO、LITEといった国内バンドやENEMIES、FOOTBALL, ETC.、INTO IT. OVER IT.、EMPIRE! EMPIRE! (I WAS A LONELY...
-
PIZZA OF DEATH RECORDS | ピザオブデスレコーズ
Hi-STANDARDの横山健氏が設立したレーベル、PIZZA OF DEATH RECORDS（ピザオブデスレコーズ）のWEBデザインです。 手書き風のメニューが印象的なナビゲーションが左側にあるレイアウトで、イラストやGifアニメーションがアクセントをプラスしています。...
-
Glassjaw
ニューヨーク州ロングアイランドのポスト・ハードコアバンド、Glassjaw（グラスジョー）のWEBデザインです。 左側にナビゲーションを固定させたカラフルなグリッドレイアウトのサイトで、オンラインストアとしての役割をメインとしているようです。...
