CATEGORY : WORDPRESS
-
mimorin.com 三森すずこオフィシャルサイト
東京都出身の声優/歌手、三森すずこ（みもり すずこ）さんのオフィシャルサイトのWEBデザインです。 パステル調の淡く柔らかな配色とストライプの背景パターンで装飾されたナビゲーション、アイコンや飾り要素がポップで温かな印象のサイトです。 スライダーをフルスクリーン表示にせず、背景色を付けて周りに余白を作りフレーム状にすることでより際立たせ、ユーザーの視線を自然と誘導しています。...
-
タビノエ – きこえる音、うかぶ風景 – 10/7(日) 18:30 東京・蔵前 Nui. HOSTEL& BAR LOUNGE
音楽イベント、「タビノエ – きこえる音、うかぶ風景 -」の特設サイトのWEBデザインです。 ホワイトスペースが心地の良いゆったりとしたレイアウトと美しい風景画像、その上にずらして重なったテキストが特徴のデザインです。 ジャンプ率の低いテキストと淡い配色、さりげなく取り入れたナビのグラデーション等が柔らかで落ち着いた雰囲気を演出しています。...
-
Home – Sadowsky Guitars
ニューヨークの楽器メーカー、Sadowsky Guitars（サドウスキー・ギター）のWEBデザインです。 画面幅いっぱいに表示されたギター製造工程の動画が印象的なサイトで、ファーストビューで端的にブランディングをしています。 グリッドをベースとした整然としたレイアウトは信頼感と安心感を与え、また単調にならないように縦長や横長など様々な形の要素を作って変化を与えています。...
-
Maison book girl – Maison book girlは矢川葵、井上唯、和田輪、コショージメグミの4人によるニューエイジ・ポップ・ユニット。
日本の4人組アイドルグループ、Maison book girl（メゾンブックガール）オフィシャルサイトのWEBデザインです。 ダイナミックに全画面表示されたアーティスト写真と、背景に敷いたシングル「elude」のうねうねとしたアートワークが印象的なサイトです。 小さめに配置されたサムネイル画像が、凛とした印象のフルスクリーン画像との対比でシャープさや歯切れの良さを生み、ミステリアスな静けさを強...
-
Bloodshed Fest 2018
オランダのエクストリーム・ミュージック・フェスティバル、Bloodshed FestのWEBデザインです。 モノトーンのみの配色と、シンプルでクリーンなレイアウトにダークでおどろおどろしい背景画像がアンダーグラウンドな世界観を作るサイトです。 上部の固定ナビゲーション、右下のスクロールボタンと共に、左下にspotifyのMUSICプレーヤーがあるのも特徴で、四隅をおさえて額縁効果ももたらしてい...
-
松井常松OfficialSite
群馬県高崎市出身のミュージシャン/ベーシスト、松井常松（まつい つねまつ）氏のオフィシャルサイトのWEBデザインです。 フルスクリーンでセンターに表示されたアーティスト画像と右固定のナビゲーション、多くの余白が落ち着きと大人のゆとりをも感じさせるサイトです。 下層ページは一転して黒背景にセンター表示のコンテンツとアップ寄りの画像となり、大小の対比がシャープで距離感と緊張感を生んでいます。 ...
-
旅と音楽〜Travel & Music〜 旅をしながら音楽を作るバンド
旅をしながら音楽をつくるバンド、「旅と音楽」オフィシャルサイトの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への動線があるのも特徴で、レスポンシブでの可変を意識したデザインです。...
-
やくしまるえつこ
日本の女性歌手/ミュージシャン、やくしまるえつこさんのオフィシャルサイトのWEBデザインです。 独特なタッチのペン画がアニメーションになった斬新かつブルータルなデザインのサイトで、独自の世界観を強く打ち出しています。 ユーザビリティー面やWEBサイトの固定観念を捨てた、前衛的で自由な表現は他にはないユニークなデザインです。...
-
Dead Letter Circus – New album The Endless Mile
オーストラリア出身のオルタナティヴロックバンド、DEAD LETTER CIRCUS（デッド・レター・サーカス）オフィシャルサイトのWEBデザインです。 フルスクリーンでフェードイン/アウトする大きな画像とブルーをアクセントとした配色、半透明の固定ナビゲーションがクールでスタイリッシュなサイトです。 部分的にグランジ調の背景テクスチャを用いて質感を高めたり、フッターにさりげなくパララックスを取...
-
HOME | 4年2組
“青春” をテーマに活動するヴォーカルユニット、4年2組オフィシャルサイトのWEBデザインです。 高揚感のあるライブ画像を大きく使用したダイナミックな印象のスライダーと、黒背景に映える色鮮やかな画像が華やかなデザインのサイトです。 DISCOGRAPHYではCDジャケットとテキストを交互に左右ジグザグに配置し、楽しげなイメージを演出しリズミカルなテンポ感を生んでいます。...
-
アナ Official WebSite
福岡出身の２人組バンド、アナのオフィシャルサイトのWEBデザインです。 アースカラーを取り入れた配色と柔らかな質感のテクスチャを用いた、ナチュラルな雰囲気のサイトです。 アイコンを積極的に取り入れたり、ページ下部にはコンテンツをピンク・ネイビー・イエローで区切って配置したりと視覚的に分かりやすく配慮されています。...
-
Official Nirvana Website: Complete Discography, Videos and more
ワシントン州アバディーン出身のロックバンド、Nirvana（ニルヴァーナ）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示された動画がダイナミックで大きなインパクトを与えるサイトで、パララックスも取り入れた縦長のページです。 色使いを抑えた配色とフラットデザイン、罫線のみで装飾したシンプルな見出し等が動画やジャケット画像を映えて見せています。...
-
ケラケラ オフィシャルウェブサイト
日本の3人組音楽ユニット、ケラケラ オフィシャルサイトのWEBデザインです。 手書きのナビゲーションや罫線・イラスト、背景のパターンがファンシーでポップな印象のサイトです。 白背景にイエローとブルーの配色とリボンやサークルをモチーフとしたパターン、程良くゆるい感じのイラストが明るくぬくもりを感じさせています。...
-
Hotei
群馬県出身/ロンドン在住のギタリスト・ロックミュージシャン、布袋 寅泰（ほていともやす）氏のENGLISH SITEのWEBデザインです。 フラットなデザインとネイビー+レッドの配色がクールでスタイリッシュな印象で、固定ナビゲーションとアンカーリンクが特徴の縦長ページのサイトです。 トレードマークでもある幾何学模様を色々なパターンで背景に敷いていて、オリジナリティと近未来的なイメージをもたらし...
-
High End Audiophile Amplifiers And Sound Systems | MOON – Simaudio
カナダのオーディオメーカーSIMAUDIOが手がける、MOONブランドのWEBデザインです。 フルスクリーン表示での動画を活用したブランディング、モノトーン中心の配色とセリフ体のテキストや縦横のボーダーがスタイリッシュな印象のサイトです。 スプリットやブロークングリッド、意図的に要素をずらしたり画像に重ねたりしたレイアウトは動きと遊び心を感じさせ、強いインプレッションを与えています。...
-
PALM Official Website
大阪のダークハードコアバンド、PALM（パーム）オフィシャルサイトのWEBデザインです。 ブラック+レッドの配色とグランジ加工されたロゴ、逆十字がダークなイメージを与える重厚感のあるデザインです。 パララックスやホバーエフェクト等の細かな動きが光っていて、フルスクリーン表示の際にスクロールボタンが下部コンテンツへのアクションを促しています。...
-
go!go!vanillas
日本のロックバンド、go!go!vanillas（ゴーゴーバニラズ）オフィシャルサイトのWEBデザインです。 フラットなデザインにパステル調のピンクやブルーの配色が映えるシンプルなデザインで、左側に固定されたナビゲーションが特徴のサイトです。 メインビジュアルのスライダーや斜めになったナビゲーションのアニメーションがユニークで、ローディング時の動きも読み込みのストレスを和らげています。...
-
Homepage – Orbital
イギリス出身のテクノユニット、Orbital（オービタル）オフィシャルサイトのWEBデザインです。 アルバム「Monsters Exist」のアートワークの世界観を表現した、ダークかつファンタジーな印象のデザインです。 サイト全体に縦書きの見出しを大胆に配置することで目新しさやアクセントが出て、インパクトと強いインプレッションを与えています。...
-
小島麻由美オフィシャルサイト
東京都出身のシンガーソングライター、小島麻由美（こじま まゆみ）さんのオフィシャルサイトのWEBデザインです。 ネイビーを基調にサンドベージュをアクセントとした配色は上品で大人の落ち着きを感じさせ、イラストやポップな区切り線を加えることでキュートな印象も併せ持っています。 縦長ページをスクロールに合わせてナビゲーションの雲が移動したり、PROFILE & DISCOGRAPHYでは時系列にタイ...
-
Justin Bieber – Purpose Available Now
カナダのポップミュージシャン、Justin Bieber（ジャスティン・ビーバー）オフィシャルサイトのWEBデザインです。 ブラック×ホワイト×パープルの配色とフラットデザインの掛け合わせがスタイリッシュで、その中で手書き風のロゴが親しみやすさをプラスしています。 大胆なタイポグラフィーが印象的で、グリッドに囚われない自由なレイアウトと相まってエディトリアルデザインのような雰囲気を感じさせてい...
-
IDIOTEQ.com – DIY Hardcore Punk & Experimental Music News & Interviews
ポーランド/ワルシャワのハードコア・パンク等のDIYメディアサイト、IDIOTEQ.comのWEBデザインです。 画像以外はモノトーンで配色された潔いデザインは色のバラつきを抑えて、シックでクラシックな統一感を醸し出しています。 大き過ぎないサムネイル画像は一度にたくさんの記事を一覧表示することが出来て、またデバイスサイズに合わせて縦積みと横並びを切り替えて、操作性を考慮しています。...
-
Home | Michael Jackson Official Site
アメリカのエンターテイナー/シンガーソングライター/ダンサー、MICHAEL JACKSON（マイケル・ジャクソン）オフィシャルサイトのWEBデザインです。 シャンパンゴールドを取り入れた配色はマイルドで優しく穏やかな高級感を演出していて、華やかでありながら大人の落ち着きも併せ持っています。 アイコンでページ下部に配置されたアプリライクなナビゲーションや、時系列に表示されたコンテンツ等、他のサ...
-
Billy Idol
イギリス出身のミュージシャン/シンガーソングライター、Billy Idol（ビリー・アイドル）オフィシャルサイトのWEBデザインです。 モノトーン＋レッドの配色とモノトーンで統一された画像がパンキッシュで猥雑な印象を与えているサイトデザインです。 細かなエフェクトやアニメーションと共にサイドカラムやフッター等に多くの動線を配しているのも特徴で、どのページからも回遊性を生んでいます。...
-
Corona SUNSETS FESTIVAL | コロナが沖縄で開催するリゾートフェス
世界中で愛されるビール「Corona Extra」が手掛けるリゾートビーチフェスティバル、Corona SUNSETS FESTIVAL（コロナ・サンセッツ・フェスティバル）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示されたダイナミックな動画は多くの言葉を使うことなく優雅なリゾート感と開放感、フェスの模様を伝えています。 ネイビーブルーとイエローで配色されたフラットデザインに...
-
CREATIVEMAN PRODUCTIONS | クリエイティブマンプロダクション（CMP）
SUMMER SONIC、LOUD PARK等のフェスや国内外のコンサートを企画･制作･運営する、CREATIVEMAN PRODUCTIONS（クリエイティブマンプロダクション）のオフィシャルサイトのWEBデザインです。 モノトーンベースの配色に色分けされたラベルやボタン、ウエイトのある見出しが賑やかでポップな印象を与えているサイトです。 詳細ページではメインビジュアルにずらして重ねたレイア...
-
米津玄師 official site「REISSUE RECORDS」
徳島県出身のミュージシャン/シンガーソングライター、米津玄師（よねづけんし）さんのオフィシャルサイトのWEBデザインです。 モノトーン中心の配色のシンプルなフラットデザインに、ロゴや見出しのフォントや手書きイラストが温かみや親しみやすさをプラスしたサイトです。 ローディング時のアニメーションやマウスに追随するイエローのサークル等、クールな配色の中に遊び心やユーモアを感じられます。...
-
in•ter a•li•a
アメリカ/テキサス州出身のロックバンド、AT THE DRIVE IN（アット・ザ・ドライヴイン）のWEBデザインです。 アルバム「in∙ter a∙li∙a」のアートワークをモチーフとしたメインビジュアルは、マウスに合わせて反応する奥行きのあるパララックスが印象的です。 フラットなデザインにモノクロのグランジテイスト画像を合わせて、レトロ感やアナログ感、荒々しさをプラスしたデザインのサイトで...
-
りんご音楽祭2018オフィシャルサイト
長野県松本市で行われる野外音楽フェスティバル、りんご音楽祭2018のオフィシャルサイトのWEBデザインです。 鮮やかなピンクを基調とした配色はポップで溌剌とした印象で、角丸のデザインや手書きイラストと相まって親しみやすいデザインです。 ローディングや背景画像、ボタンなどにアニメーションを多用していて、動きを加えることでよりユニークで魅力的なサイトに仕上げています。...
-
lycoriscoris
都内を中心に活動するエレクトロニカ系の音楽家、lycoriscoris（リコリスコリス）オフィシャルサイトのWEBデザインです。 切なく懐かしいような風景画像をフルスクリーンで表示、ジャンプ率のないテキストや横長の画像が平穏で落ち着いた印象を与えるサイトです。 シンプルで無駄を極力省いたようなデザインは潔く、柔らかな配色と合わさって知的でシックな雰囲気を演出しています。...
-
BLUE ENCOUNT
熊本出身のロックバンド、BLUE ENCOUNT（ブルー・エンカウント）オフィシャルサイトのWEBデザインです。 画面幅いっぱいのダイナミックなスライダーと縦方向に貫くナビゲーションが特徴のサイトで、上下方向への空間の広がりも感じさせる印象的なデザインです。 グレーの濃淡とミントブルーをアクセントとした配色は爽やかでクリーンな印象で、レトロな印象のWEBフォントと相まったクールな雰囲気を醸し出...
-
Coldplay official website
イギリス/ロンドン出身のロックバンド、Coldplay（コールドプレイ）オフィシャルサイトのWEBデザインです。 アルバム「A Head Full of Dreams」のアートワークをモチーフとした、グラデーションと幾何学模様が印象的なポップなデザインです。 左側にグローバルナビゲーション、下部にSNSへのリンクが固定されていて、ページによっては右側にもローカルナビを配しているのが特徴です。...
-
Katy Perry | WITNESS. THE ALBUM. THE TOUR
アメリカ/カリフォルニア州出身の女性シンガーソングライター、Katy Perry（ケイティー・ペリー）さんのオフィシャルサイトのWEBデザインです。 インパクトの大きいメインビジュアルが印象的なサイトで、フラットデザインをポップながらも女性らしい配色で鮮やかに彩っています。 ブレイクポイントを細かく設定したレスポンシブデザインで、ウインドウ幅640px以下ではアプリライクなアイコンメニューに切...
-
nine inch nails | the official website
アメリカ/オハイオ州クリーブランド出身のインダストリアル・ロックバンド、nine inch nails（ナイン・インチ・ネイルズ）オフィシャルサイトのWEBデザインです。 余白を大きく取ったレイアウトにアンビグラムになっているロゴが映えるミニマルなデザインのサイトで、テキスト要素が少なく画像が大きいのも特徴です。 SVGアニメーションやローディング、マウスオーバー時のエフェクトが光っていて、シ...
-
ap bank fes ’18
ap bankが主催する野外ライブイベント、ap bank fes '18（エーピーバンクフェス）のWEBデザインです。 ホワイトとグリーンを基調とした配色と、青空や緑が映りこんだイベント模様の画像が爽やかな印象を受けるデザインです。 角丸のボタンやインスタグラム画像、ナビゲーションのカード等が丸みを帯びたフォントと合わさって優しく柔らかな雰囲気を演出しています。...
-
The BONEZ Official Website
日本のロックバンド、The BONEZ（ザ・ボーンズ）オフィシャルサイトのWEBデザインです。 スライダーの右側に余白を設けて抜けを作り、少しずらしてロゴを重ねることで躍動感や流れを感じさせています。 モノトーンで配色されたフラットデザインを、ジャンプ率の大きな見出しや背景に透かしたロゴマーク等がポップでにぎやかな印象にしています。 ...
-
Home – Massive Attack
イギリス/ブリストル出身のユニット、Massive Attack（マッシヴ・アタック）オフィシャルサイトのWEBデザインです。 動画コンテンツをフルスクリーンで表示して全面的に使用し、イメージ喚起と共に多くの情報を持たせ、より訴求力を高めています。 映像ノイズが入ったような背景画像と大胆な配置のテキスト画像など、荒々しくも奇抜で斬新な印象のブルータルなデザインです。...
