CATEGORY : PHP
-
People In The Box Official Site
福岡出身の3ピース・オルタナティヴ・ロックバンド、People In The Box（ピープルインザボックス）オフィシャルサイトのWEBデザインです。 シンプルなレイアウトとジャンプ率の低い落ち着いたデザインの中で、画面幅いっぱいにランダムに表示される動物や風景の画像が世界観を作っているサイトです。...
-
Amy – Official Movie Site – In Theaters This July
イギリス出身の女性歌手、エイミー・ワインハウスの生涯を描いたドキュメンタリー映画、『AMY エイミー』オフィシャルサイトのWEBデザインです。 フルスクリーンで大胆に表示した動画をメインに使用したサイトに、ピンクをアクセントにした配色とスタイリッシュな文字組みが映えるデザインです。...
-
レコードの日 オフィシャルサイト
日本のレコードプレスメーカー東洋化成主催のアナログレコードの祭典、レコードの日 オフィシャルサイトのWEBデザインです。 丸みのあるWEBフォントやマーカーを引いたような装飾と、並べられたカラフルな色彩のレコードジャケットがポップな印象を与えているサイトです。...
-
JAY Z’s Life+Times
ニューヨーク州ブルックリン出身のラッパー/ソングライター、JAY Z（ジェイ・ジー）のオフィシャルサイトのWEBデザインです。 ブラック×ゴールドの配色と、グリッドで区切られたレイアウトがクールでスタイリッシュな雰囲気を醸し出しているサイトです。...
-
Steinberg 日本語サイト | Steinberg
ドイツの音楽ソフトウェア会社、Steinberg（スタインバーグ）の日本語サイトのWEBデザインです。 ベーシックなレイアウトとモノトーンを中心とした配色に特徴的なレッドをアクセントカラーとした、スタイリッシュな印象のサイトです。 フラットデザインをベースにしながらもカード型コンポーネントに薄いシャドウを加えて、さりげない立体感も演出しています。 TOPページの下からスライドインしてくるスラ...
-
Bösendorfer Japan – ベーゼンドルファー・ジャパン
オーストリアのピアノ製造会社、Bösendorfer（ベーゼンドルファー）の日本公式サイトのWEBデザインです。 モノトーン＋ゴールドの配色とエレガントなロゴ、「ウィーンの至宝」とも言われる美しいピアノの画像が高級感を感じさせるサイトです。 細いラインがスタイリッシュなアイコンを用いてサイトのデザイン性も損なわず、ピアノの特徴を視覚化しています。...
-
Ulrich Schnauss
ドイツ/キール出身のエレクトロニカミュージシャン、Ulrich Schnauss（ウルリッヒ・シュナウス）のオフィシャルサイトのWEBデザインです。 薄いグレーを基調にモノトーンで統一された配色と細めのフォント、余白を活かしたレイアウトが特徴のミニマルでクールなデザインのサイトです。 モノクロで並べられたリリース作品のジャケットがマウスオーバーで色付く仕掛けが素敵です。...
-
THE BACK HORN 20th ANNIVERSARY
東京で結成されたオルタナティヴ・ロックバンド、THE BACK HORN（ザ・バックホーン）の20th ANNIVERSARY特設サイトのWEBデザインです。 ブラック×ゴールドの配色と明朝体フォントを使用したエレガントなデザインに、グランジテイストのテクスチャーを合わせたサイトです。 ...
-
Sarah Brightman
イギリス出身のソプラノ歌手/女優、Sarah Brightman（サラ・ブライトマン）オフィシャルサイトのWEBデザインです。 フルスクリーン表示したアルバム「HYMN」のアートワークがサイトの世界観を構築した、ゴージャスでダイナミックなサイトです。 ローディング時のインパクトのあるアニメーションや、さりげなく取り入れたデュオトーン画像がアクセントになっています。...
-
hide official web site [hide-city] www.hide-city.com
神奈川県横須賀市出身のギタリスト/ソロアーティスト、hide（ヒデ）さんのオフィシャルサイトのWEBデザインです。 トレードマークでもある髪色のピンクをアクセントカラーとした、ポップでビビッドな印象のサイトです。 上下を貫くブラックのナビゲーションがサイトに締まりを与え、また天地への広がりも感じさせています。...
-
Zildjian （ジルジャン）｜ヤマハミュージックジャパン
400年の歴史をもつシンバルブランド、Zildjian （ジルジャン）の日本サイトのWEBデザインです。 モノトーン+レッドのスタイリッシュな配色と画面幅いっぱいに表示したスライダー、余白を感じさせる切り抜き画像が特徴のサイトです。 年表型のスライダーを使って表示したヒストリーベージのタイムラインがユニークです。...
-
George Harrison – Official site with news, image gallery, links, discography of entire Harrison catalog, audio, video, and other media downloads.
イギリス・リヴァプール出身のミュージシャン/シンガーソングライター、George Harrison（ジョージ・ハリスン）オフィシャルサイトのWEBデザインです。 ホワイト・グレーベースにグリーンをアクセントとした配色と、ベーシックなレイアウトに映える手書き風フォントを使用したロゴが特徴のサイトです。 背景にパターン画像を繰り返し表示しているのも特徴で、インド哲学に魅了され続けた音楽性を表現して...
-
Official Paul McCartney: Tours, Music, Media & Community
イギリス・リヴァプール出身のミュージシャン/シンガーソングライター、Paul McCartney（ポール・マッカートニー）オフィシャルサイトのWEBデザインです。 ブラックをベースに彩度の高いアクセントカラーを加えた配色と、2カラム/グリッドレイアウトで構成されたサイトです。 テキストでさりげなくマスクしたロゴを用いていて、サイトを鮮やかに彩るアクセントとなっています。...
-
John Lennon – Official Website
イギリス・リヴァプール出身のミュージシャン/シンガーソングライター、John Lennon（ジョン・レノン）オフィシャルサイトのWEBデザインです。 ホワイトとグレーの濃淡にスカイブルーを加えた爽やかな配色と余白をたっぷりと取ったレイアウト、ダイナミックなスライダーが特徴のサイトです。 タイトルや見出しにウエイトのあるゴシック体のフォントを使用していて、本文との対比がポップで躍動感を与えていま...
-
The Beatles
イギリス・リヴァプール出身のロックバンド、The Beatles（ザ・ビートルズ）オフィシャルサイトのWEBデザインです。 MONO BOXのジャケットをモチーフとしたホワイト+グリーンの配色と、フルスクリーンで表示したダイナミズム溢れるスライダーが特徴のサイトです。 フラットデザインをベースにしながらもヘッダーやカード型コンポーネントに薄くシャドウを加えて、さりげない立体感を持たせています。...
-
Perfume Global Lab
広島出身の女性3人組テクノポップユニット、Perfume（パフューム）Global LabのWEBデザインです。 ロゴ・テキスト・画像までをモノトーンで統一した配色と、細めのボーダーを使用したクールでスタイリッシュなサイトです。 グリッドレイアウトを使用していますが、コンテンツ量に合わせて左右でずれていくのも動きや遊び心が感じられます。...
-
Kelly Clarkson – The Official Dot Com – Welcome
アメリカ/テキサス州出身の女性シンガー、Kelly Clarkson（ケリー・クラークソン）オフィシャルサイトのWEBデザインです。 ブラック×ゴールドの配色とセリフ体のフォントを使用した、エレガントでクラシカルな印象を与えているサイトです。 下層ページではグリッド状のコンテンツが縦横無尽に動くユニークな構成で、画像とテキストを交互にレイアウトしてメリハリを付けています。...
-
Blondie – Official Website
アメリカ/ニューヨーク出身の女性ボーカルロックバンド、Blondie（ブロンディ）オフィシャルサイトのWEBデザインです。 黒背景をベースにしたモノトーン+レッドの配色と、モノクロの画像の対比がスタイリッシュながらレトロ感も併せ持つサイトです。 アルバム「POLLINATOR」のアートワークを模したような赤い三角の要素をサイト内に散りばめ、よりシャープで個性的な印象を与えています。...
-
JINBAO JAPAN 楽器オンラインショップ
中国の楽器メーカー、JINBAO（ジンバオ）の日本公式サイトのWEBデザインです。 ホワイトとゴールドを基調とした配色と薄く敷いたパターン画像、明朝体のフォントがエレガントでクラシカルな印象を与えています。 左側にグローバルナビゲーションを固定し、残りのウインドウ幅いっぱいにコンテンツを配したレイアウトは縦幅も大きくダイナミックです。...
-
The Who – Official Site of The Who, Pete Townshend and Roger Daltrey.
イギリスのロックバンド、The Who（ザ・フー）のオフィシャルサイトのWEBデザインです。 高彩度のカラフルな配色と画面幅をいっぱいに使ったスライダーやレイアウトが特徴のサイトです。 図版率が高いのも特徴で、モノクロやデュオトーン画像を大胆に取り入れてレトロ感も演出しながら強く印象付けています。...
-
WORLD ORDER オフィシャルサイト
日本のダンスパフォーマンス/音楽グループ、WORLD ORDER（ワールド・オーダー）のオフィシャルサイトのWEBデザインです。 特徴的なロゴとモノトーンで統一された配色、グリッドで整然とレイアウトされたスタイリッシュなサイトです。 黒背景に映えるメンバーの切り抜き画像が、かっちりとしたレイアウトの中で躍動感を感じさせています。...
-
TWICE OFFICIAL SITE
韓国・日本・台湾人からなる多国籍の女性9人組アイドルグループ、TWICE (トゥワイス）の日本オフィシャルサイトのWEBデザインです。 フルスクリーン表示した動画を効果的に使ったTOPページと、色数を抑えた配色とたっぷりと取った余白がシンプルで上品な印象の下層ページで構成されています。 ページ読み込み時のローディング画面が全面グラデーション+ロゴのアニメーションとなっていて、離脱率を抑えながら...
-
TAICOCLUB’18
2006年より長野県木曽郡木祖村のこだまの森で開催されている野外音楽フェスティバル、TAICOCLUB (タイコクラブ)オフィシャルサイトのWEBデザインです。 ゆるいテイストのイラストと見出しフォント、セクションごとに色分けされたカラフルな配色が特徴のサイトです。 スクロールに合わせてさりげない表示エフェクトを加えていて、イラスト＋アニメーションでワクワク感を演出しています。...
-
ATATA『JOY』Release Tour 2016 -WE ARE ATATA ARMY!!! IN JAPAN!!!-
新代田発FEVER系6人組バンド、ATATAのミニアルバム「JOY」特設サイトのWEBデザインです。 アルバムのアートワークをモチーフとしたフェイスペイントの画像とアニメーション、3つにスプリットされたユニークなレイアウトが特徴のサイトです。 縦スクロールの中に斜めの要素を加えたり、左右ジグザグの配置で躍動感や流れを与えているポップでエネルギッシュなデザインです。...
-
ParaFes 2018 ～UNLOCK YOURSELF～ 11/23@武蔵野の森
日本財団パラリンピックサポートセンターが開催するライブエンターテインメント、ParaFes 2018（パラフェス）オフィシャルサイトのWEBデザインです。 大胆なタイポグラフィーと、彩度の高い配色がスポーツの爽やかさやアクティブ感を表現した鮮やかなサイトです。 整然としたグリッドレイアウトで構成されている中にずらして重ねたラベルや、斜めになった背景画像が遊び心やシャープでソリッドな印象を加えて...
-
Bruce Springsteen
アメリカ/ニュージャージー州出身のシンガーソングライター、Bruce Springsteen（ブルース・スプリングスティーン）のオフィシャルサイトのWEBデザインです。 モノトーン中心の配色と、趣きのある画像や質感のあるグランジ風ロゴがレトロでノスタルジックな雰囲気を感じさせるデザインです。 TOPページが記事のタイムラインのようになっていて、Pinterestに見られるようなレンガ調のレイア...
-
[公式]新日本フィルハーモニー交響楽団—New Japan Philharmonic—
日本のオーケストラ、新日本フィルハーモニー交響楽団のオフィシャルサイトのWEBデザインです。 ネイビーとゴールドを基調としたトラディショナルな配色と、大胆な斜めの要素や画像が特徴のサイトです。 グリッドレイアウトを意図的にずらして要素を重ねたりすることで躍動感を演出していて、粛然とした中にも遊び心を感じさせています。...
-
Pulse Music Group
アメリカ/ロサンゼルスの音楽出版・マネージメント会社、Pulse Music Group（パルス・ミュージック・グループ）のWEBデザインです。 ファーストビューではフルスクリーン表示された会社の外観画像と、センターに配置されたロゴ・テキストが安定した構図とブランディングをしています。 下層ページでは無彩色での配色とウインドウ幅いっぱいを使ったレイアウト、ブラー効果のキャッチ画像がクールでスタ...
-
映画「SOUNDS LIKE SHIT: the story of Hi-STANDARD」
Hi-STANDARDのドキュメンタリー映画、SOUNDS LIKE SHIT: the story of Hi-STANDARDのWEBデザインです。 ダイナミックに表示されたアーティスト画像とタイトルロゴ、コンクリートのようなハードな質感のテクスチャーが特徴のサイトです。 ブラック×ホワイト×レッドで統一された配色とシンプルなレイアウトとコンテンツは、よりキービジュアルやトレイラー動画の視...
-
PUBIC HAIR GROOVING｜アンダーヘアで音楽を
株式会社人間とm-floの☆Taku Takahashi氏によるアンダーヘアで音楽を作るプロジェクト、PUBIC HAIR GROOVINGのWEBデザインです。 衝撃的なキービジュアルとカラフルな配色やグラデーション、大胆なタイポグラフィーや斜めの要素が特徴のシングルページです。 canvasで描画された波形のアニメーションや動画の背景画像等がダンス・エレクトロニカ感も高めている、ユニークで...
-
Anthony Hamilton
ノースカロライナ州シャーロット出身のR&B・ソウルシンガー、Anthony Hamilton（アンソニー・ハミルトン）オフィシャルサイトのWEBデザインです。 アルバム「What I’m Feelin」のアーティスト写真をフルスクリーン表示した、ダイナミックでインパクトのあるサイトです。 優しく控えめな淡い配色とカード型コンポーネントを組み合わせたデザインに、さりげないパララックスがサイトをよ...
-
TOTO – The official TOTO website
アメリカ/カリフォルニア州ロサンゼルス出身のロックバンド、TOTO（トト）のオフィシャルサイトのWEBデザインです。 アルバム「40 TRIPS AROUND THE SUN」のアートワークをモチーフとした、ダークかつプログレッシブな印象を受けるサイトデザインです。 ページやコンテンツに合わせてレイアウトを切り替えているのも特徴で、ナビゲーションもTOPページと下層ページで配置を変えています。...
-
KKBOX – 1ヶ月無料で楽しめる聴き放題音楽アプリ – KKBOX
アジアを中心に展開する定額制音楽配信サービス、KKBOX（ケイケイボックス）のWEBデザインです。 ダイナミックにフルスクリーンで表示した画像とシンプルなキャッチコピー、斜めに重ねたレイヤーが特徴のサイトです。 アイコンやイラストを多く取り入れているのも特徴で、画像と合わせて視覚度と図版率の高いデザインです。...
-
Ethermachines
エレクトロ・ノイズの鬼才と称されるオーストラリア出身のアーティスト、Ben Frost（ベン・フロスト）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示されたアヴァンギャルドな動画と、ブラックxホワイトxブルーの配色が孤高で深遠なイメージを与えるサイトです。 裁ち落としや区切り等、様々な形のボーダーでコンテンツを整理しながら装飾にも用いて、デザインにシャープで都会的な印象をもたら...
-
坂本美雨オフィシャルサイト
日本の女性歌手/ミュージシャン、坂本美雨（さかもとみう）さんのオフィシャルサイトのWEBデザインです。 フルスクリーンで表示された猫の画像とパララックスが特徴のTOPページと、シンプルでどこか柔らかさも感じさせる下層ページで構成されたサイトです。 無駄な配色や装飾を省き、グレーの濃淡や余白で区切りを表現している中で、デザインフォントで作られたロゴがキュートでアクセントになっています。...
-
oaqk
東京のインストゥメンタル/ノイズバンド、oaqk（オーク）オフィシャルサイトのWEBデザインです。 ウインドウの横幅いっぱいに表示されたライブ動画のスライダーがサイトの世界観を構築しているサイトです。 モノトーンを中心とした重厚な印象の配色に整然としたレイアウトを組み合わせて、その音楽性を表すかのように、ダークな中にも知性を感じさせるデザインです、...
-
okgo.net
アメリカ/シカゴ出身のインディー・ロックバンド、OK Go（オーケー・ゴー）オフィシャルサイトのWEBデザインです。 画面の横幅いっぱいに広がるナビゲーションの配置が特徴で、ビジュアルとカラーをセットにして情報を整理しながら華やかな印象を与えています。 ナビゲーションと合わせてコンテンツごとに下層ページのカラーリングも違っていて、カラフルでとてもにぎやかな雰囲気のサイトです。...
-
RIP SLYME OFFICIAL HP
日本のヒップホップグループ、RIP SLYME（リップスライム）オフィシャルサイトのWEBデザインです。 黒背景に映えるイエローの斬新な形をしたスライダーと、カラフルな色使いの囲み枠が特徴のにぎやかで楽しさを感じるサイトです。 角丸やサークル形状の要素が柔らかさやポップ感を持ちつつ、太いボーダーを組み合わせることでインパクトと力強さも感じさせています。 左右ジグザグに配置されたPROFILE...
-
Washed Out
アメリカのミュージシャン、アーネスト・グリーンによる音楽プロジェクト、Washed Out（ウォッシュト・アウト）オフィシャルサイトのWEBデザインです。 クネクネと回る手書きのカセットテープのGIFアニメーションをフルスクリーンで表示した、レトロでアナログ感を感じさせるデザインです。 縦に4分割したナビゲーションと無駄を省いたコンテンツ等、デザインやレイアウトと共に他に類を見ない個性的なサイ...
-
CHAI Official
名古屋出身の女性4人組バンド、CHAI（チャイ）オフィシャルサイトのWEBデザインです。 白とピンクで統一された配色と、フラットなデザインに大きく大胆にレイアウトされた画像が特徴のサイトです。 左側にナビゲーションを固定したレイアウトですが、罫線などの装飾を省き余白を多く取ることで窮屈さを感じさせず、広がりのあるデザインになっています。...
