CATEGORY : PHP
-
OREメディア – 《音楽、アート、漫画、イベント》一風変わったカルチャー・モノメディア「ORE」(オー・アール・イー)。洋服や音楽、アート、ゲームまでの広範で他にはないニュースを扱います。
カルチャーを独自の視点で切り取るメディアサイト、OREメディアのWEBデザインです。 ピンクとベージュをベースにした配色が温かみを感じさせ、大きめのサムネイル画像が賑やかで親しみを感じさせるサイトです。 新着記事セクションでは画像とテキストを左右ジグザグに配置して、ゆるやかなリズムを作り活き活きとした雰囲気を作っています。 サムネイル画像をマウスオーバーした時の回転アニメーションと、背景画像...
-
Pharrell Williams
アメリカ/バージニア州出身の歌手・プロデューサー、Pharrell Williams（ファレル・ウィリアムス）オフィシャルサイトのWEBデザインです。 多彩な色使いとダイナミックに表示された画像がポップでカラフル、賑やかで楽し気な雰囲気を演出しているサイトです。 ページやコンテンツに合わせてグリッドやレイアウトを変化させたり、デュオトーンで印象を変えてみたりと様々な見せ方をしているのが特徴です...
-
Animal Collective
アメリカ/ボルチモア出身のインディーロックバンド、Animal Collective（アニマル・コレクティヴ）オフィシャルサイトの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デザインです。 インパクトの大きいメインビジュアルと、高貴さと落ち着き・暖かみを感じさせるワインレッドの配色が印象的なサイトです。 グリッドで整然とレイアウトされた中でレンガ上に組まれたツイッターウィジェットがおしゃれでモダンな雰囲気を感じさせています。 フラットなデザインの中でファーストビューに質...
-
hernameisbanks
カリフォルニア州ロサンゼルス出身の女性シンガーソングライター、BANKS（バンクス）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示されたモノクロのアーティスト写真が印象的なサイトで、凛とした静逸の中に妖艶で独特な世界観を感じさせています。 ロゴやアーティスト名も表示せず一切の無駄を省いたミニマルなデザインの中で、細かなこだわりを感じるメニューの開閉アニメーションが光っています。...
-
Kandace Springs | Official Site
ナッシュビル出身のシンガー・ソングライター/ピアニスト、Kandace Springs（キャンディス・スプリングス）オフィシャルサイトのWEBデザインです。 アルバム「indigo」のアートワークをフルスクリーンで表示、インディゴとブルーを中心にした配色がジャジーでクールな雰囲気を演出しているサイトです。 ウインドウの上部と下部に配置されたナビゲーションがスクロールすると上部に2段で固定される...
-
今日のフライヤー | ABSTRACT.JP
フライヤーのグラフィックデザイン集サイト、今日のフライヤー | ABSTRACT.JPのWEBデザインです。 目の覚めるようなスカイブルーと淡いクリーム色、タグに使われている鮮やかなピンクがポップで賑やかな印象を感じさせる配色です。 ウィンドウサイズに合わせて表示列が切り替わり、Pinterest等で見られるレンガを積み重ねたようなレイアウトが素敵なサイトです。...
-
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のアンプを彷彿させる配色がア...
-
AGNÈS B. RADIO
フランスのファッションブランド、アニエスベーがセレクトしたWEBラジオ、AGNÈS B. RADIOのWEBデザインです。 大胆で猥雑な画像の配置と背景に帯をつけたテキスト等、往年のパンクバンドのフライヤーやジャケットデザインを彷彿させるサイトです。 下層ページでは左側にナビゲーションを固定、1カラムでコンテンツをしっかり見せるレイアウトとなっています。 ...
-
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デザインです。 モノトーンと濃いパープルで統一されたシックで高級感のある配色と、ダイナミックなフルスクリーンのスライダーが印象的なサイトです。 余白を大きく作った黒背景のレイアウトは重厚感と安定感を生み、高彩度・高明度の画像とのコントラストがビビッドでスタイリッシュなイメージを作って...
-
今日のレコード | ABSTRACT.JP
レコードのアーカイブサイト、今日のレコード | ABSTRACT.JPのWEBデザインです。 グリッドでレイアウトされたレコード盤のような画像と、キュートでポップな配色のシークバーが特徴のサイトです。 画像をクリックすると回転しながら音楽が再生される、シンプルで迷いのないデザインで、とてもユニークなサービスです。...
-
RAY OFFICIAL WEB SITE
大阪出身のレゲエ・シンガー、RAY（レイ）さんのオフィシャルサイトのWEBデザインです。 フルスクリーンで切り替わり表示されるダイナミックなビジュアルと細かな装飾のアニメーションが特徴的なサイトです。 アーティスト写真を水彩画風の背景イラストに溶け込ませていたり、さりげなく取り入れたグラデーションが美しいデザインです。...
-
KENJI ENDO
東京出身のレジデントDJ/トラックメーカーのKENJI ENDOさんのオフィシャルサイトのWEBデザインです。 印象的なアーティスト画像と大胆なタイポグラフィ、canvasで描かれたアブストラクトな模様のアニメーションが特徴的なサイトです。 スクロールで変化していくパララックスやグラデーションも美しく、またコンタクトフォームのホバーエフェクトと合わせて近未来感も感じられるデザインです。...
-
Crack-Up | Available Now – Fleet Foxes
アメリカ/シアトル出身のバンド、Fleet Foxes（フリート・フォクシーズ）オフィシャルサイトのWEBデザインです。 アルバム「Crack-Up」のアートワークをフルスクリーン表示し、壮大なサウンドと美しいコーラスワークを持つ音楽性を表現するかのようなサイトです。 下層ページはモノクロの森の画像にあえて装飾などを施さずコンテンツを表示した、粗野で荒々しい印象のブルータルなデザインです。...
-
mimorin.com 三森すずこオフィシャルサイト
東京都出身の声優/歌手、三森すずこ（みもり すずこ）さんのオフィシャルサイトのWEBデザインです。 パステル調の淡く柔らかな配色とストライプの背景パターンで装飾されたナビゲーション、アイコンや飾り要素がポップで温かな印象のサイトです。 スライダーをフルスクリーン表示にせず、背景色を付けて周りに余白を作りフレーム状にすることでより際立たせ、ユーザーの視線を自然と誘導しています。...
-
タビノエ – きこえる音、うかぶ風景 – 10/7(日) 18:30 東京・蔵前 Nui. HOSTEL& BAR LOUNGE
音楽イベント、「タビノエ – きこえる音、うかぶ風景 -」の特設サイトのWEBデザインです。 ホワイトスペースが心地の良いゆったりとしたレイアウトと美しい風景画像、その上にずらして重なったテキストが特徴のデザインです。 ジャンプ率の低いテキストと淡い配色、さりげなく取り入れたナビのグラデーション等が柔らかで落ち着いた雰囲気を演出しています。...
-
絢香 | Album「レインボーロード」Special Site
大阪出身の女性シンガーソングライター、絢香さんのアルバム「レインボーロード」Special SiteのWEBデザインです。 フルスクリーンで表示された動画と斜めの要素、くるくると変化していくカラフルなアニメーションが特徴のポップながらスタイリッシュなデザインです。 幾何学模様の背景要素にずらしたり重ねたりした動画やコンテンツが遊び心を感じさせ、また反復表示することでサイトに一貫性やリズムを生み...
-
Home / Ninja Tune
クラブミュージックのリリースで知られるロンドンのインディペンデント・レーベル、Ninja Tune（ニンジャ・チューン）のWEBデザインです。 アクセス毎にランダムでリリース作品のアートワークをフルスクリーン表示したダイナミックなサイトです。 モノトーン中心の配色と無駄な装飾を省いたシンプルなサイトですが図版率が高く、大きく表示された画像が華やかでにぎやかな印象を与えています。...
-
Home – Sadowsky Guitars
ニューヨークの楽器メーカー、Sadowsky Guitars（サドウスキー・ギター）のWEBデザインです。 画面幅いっぱいに表示されたギター製造工程の動画が印象的なサイトで、ファーストビューで端的にブランディングをしています。 グリッドをベースとした整然としたレイアウトは信頼感と安心感を与え、また単調にならないように縦長や横長など様々な形の要素を作って変化を与えています。...
-
Iron Maiden – Official Website
イングランド出身のヘヴィメタル・バンド、Iron Maiden(アイアン･メイデン）オフィシャルサイトの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プレーヤーがヘッダーに固定しているのも特徴で、シリアスとユーモアを併せ持った印象のユニークなサイトです。 ...
-
松井常松OfficialSite
群馬県高崎市出身のミュージシャン/ベーシスト、松井常松（まつい つねまつ）氏のオフィシャルサイトのWEBデザインです。 フルスクリーンでセンターに表示されたアーティスト画像と右固定のナビゲーション、多くの余白が落ち着きと大人のゆとりをも感じさせるサイトです。 下層ページは一転して黒背景にセンター表示のコンテンツとアップ寄りの画像となり、大小の対比がシャープで距離感と緊張感を生んでいます。 ...
-
旅と音楽〜Travel & Music〜 旅をしながら音楽を作るバンド
旅をしながら音楽をつくるバンド、「旅と音楽」オフィシャルサイトのWEBデザインです。 フルスクリーンの動画とアニメーションをふんだんに使用することで、五感を刺激し思わず魅入ってしまう印象的なサイトです。 四隅にロゴやナビゲーション等を置くことで画面を引き締め、画面中央にレトロなロゴを置くことで安定感とナチュラル感も演出しています。...
-
Kendrick Lamar | Official Site
カリフォルニア州コンプトン出身のラッパー、Kendrick Lamar（ケンドリック・ラマー）オフィシャルサイトのWEBデザインです。 ブラックを基調にゴールドをアクセントカラーとした配色と小さく細めのフォント、ブラックの半透明レイヤーがクールでスタイリッシュなサイトです。 グリッドとカラムで構成された堅い印象のレイアウトに、アルバム「To Pimp A Butterfly」のアートワークを背...
-
Miyake Kaori 三宅芳 -Official Site-
大阪出身の女性シンガーソングライター、三宅芳（みやけかおり）さんのオフィシャルサイトのWEBデザインです。 色とりどりな六角形のエレメントを取り入れ、アニメーションとフルスクリーン表示の画像を組み合わせたアクティブでカラフルなサイトです。 セクションごとにパララックスで表示されるデュオトーンやコラージュされた画像が、シングルページに様々な表情を持たせて楽しませています。...
-
椿音楽教室｜東京でピアノ教室など11の音楽教室を開講
東京で音楽教室を開講している、椿音楽教室のWEBデザインです。 フルスクリーンのダイナミックなファーストビューに手書き風のロゴがセンターに配置された、ポップでナチュラルなテイストのサイトです。 テクスチャーやイラストも積極的に取り入れたデザインは、パステル調の配色や動きのあるレイアウト等と合わせて柔らかく温かな印象を与えています。...
-
G&L Musical Instruments | Made in Fullerton Since 1980
アメリカのギターメーカー、G&L Musical InstrumentsのWEBデザインです。 黒背景とグレーの濃淡を中心とした配色にレッドとピンクでリンクやボタンを彩ったスタイリッシュなデザインで、楽器の接写画像が多いのも特徴です。 楽器の一覧＆詳細ページでは切り抜き画像を使用していて、動きや躍動感を与えると共に製品の魅力も黒背景に映えてより伝わってきます。...
-
LArc-en-Ciel.com
日本のロックバンド、L'Arc〜en〜Ciel (ラルク・アン・シエル）オフィシャルサイトのWEBデザインです。 シングル「Don't be Afraid」のアートワークをテーマにしたアーティスト写真と半透明のブラックレイヤーがクールな、近未来感もあるデザインです。 下層ページは薄いグレーをベースにゴールドをアクセントにした配色と、余白をたっぷりと取ったレイアウトが優雅な落ち着きを感じさせてい...
-
Pink Floyd Endless River
イングランド出身のプログレッシブ・ロックバンド、Pink Floydのアルバム「The Endless River」特設サイトのWEBデザインです。 アルバムのアートワークをフルスクリーンで表示、ボートの人物と雲海がアニメーションしたシネマグラフが印象的なサイトです。 タイトルロゴやナビゲーションのゆるやかなアニメーション表示も加わり、アルバムやバンドの壮大な世界観を十二分に表現しています。...
-
Pink Floyd | The Official Site
イングランド出身のプログレッシブ・ロックバンド、Pink Floyd（ピンク・フロイド）オフィシャルサイトのWEBデザインです。 抽象的なロゴとセンターに集められた縦積みのナビゲーションと特設サイトへのリンクのみという意味深なTOPページが印象的なサイトです。 ページやコンテンツに合わせて様々に背景画像が切り替わり、バンドサイトとしては珍しいDESIGNページと合わせて見応えがあります。...
