WEBデザイン

邦楽バンドのオシャレなWEBサイト10選(+α)

おはようございます、私です。

8月半ばから胃の不調に悩まされ続け、一時は胃潰瘍かとも思われておりましたが、
先日とうとうお茶漬けを前にして一口も食べることが出来ず、具合が悪くなるという事態になり、
やっとのことで胃カメラをしたのですが、私の胃腸を見たお医者さん、
「うーん、何を食べても問題のない、実に綺麗な胃をしてますね」
と仰ったので機能性ディスペプシアということでフィニッシュです。
「私は胃が悪い」と思い込み、ご飯が喉を通らないという「心と体は繋がってる」というのを実感しました。
こんな思い込みで約3か月で7kgも痩せられるなんてびっくりした次第なんですが、
「飲むだけで痩せれます」系の胡散臭い広告よりも説得力のある、
思い込むだけで痩せるダイエット」を提唱すべきかな?とも思います。
実績ありです、本当に痩せられます。ぜひお試しください。
(絶対に真似しないでください)

さて、昨今はFacebookやTwitterなどのSNSが主流となってきており、情報収集もそれで事足りてる方も多いと思います。
私も好きなバンドやイベントの情報は8割方SNSで済ませているのですが、
まとまった情報を集める時に好きなバンドのWEBサイトを開くこともあるのですが、
バンドの顔の一つでもあるからか可愛かったりお洒落だったりするサイトもよく見ます。
そこで今日はそんなバンドのWEBサイトの一部を紹介しようと思います!
洋楽アーティストなども含めると膨大な量になりそうなので今回は邦楽のロックバンドに限定してご紹介です!

チャットモンチー

chatmonchy-%e3%83%81%e3%83%a3%e3%83%83%e3%83%88%e3%83%a2%e3%83%b3%e3%83%81%e3%83%bc
http://www.chatmonchy.com/
スクエアのアイコンたちがなんとも可愛らしい……
ピンクベースながらも色鮮やかで、思わず「アアア!!可愛い!!!」と思いスクリーンショットキメました。
古い曲ですが「ハナノユメ」が好きです。

スピッツ

%e3%82%b9%e3%83%94%e3%83%83%e3%83%84
http://spitz.r-s.co.jp/
手書きの絵と文字がメインのデザインで、おじさんたちのバンドにも関わらずとても可愛らしいのに違和感がない…
それどころか彼ららしさすらあります。
オンラインメンバーズページもとても可愛らしい……
スピッツは好きな曲がたくさんありますが、一番好きなのは「8823」です。最高。

サカナクション

%e3%82%b5%e3%82%ab%e3%83%8a%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3-official-site
http://sakanaction.jp/
開いた瞬間、思わず「流石……」と言いそうになりました。
ただ、このアイコン、めっちゃ動きます。
左右にビュンビュン動きます。
クリックしようと思ったら逃げられます。活きのいい鰻を手づかみするときってきっとこんな感じなのかしら……
さて、サカナクションは「アルクアラウンド」が一番好きです。
サカナクションで初めて聴いた曲です。あまりたくさん知らないけど。

KANA-BOON

kana-boon-%e3%82%ab%e3%83%8a%e3%83%96%e3%83%bc%e3%83%b3-official-site
http://kanaboon.jp/
バンドのグッズ、CDのジャケット共にダサカワだと思っているKANA-BOON。
WEBサイトはグリッドデザインにも関わらずなんだか少しレトロな印象があります(配色?)
ページの情報(ニュースやライブなど)にカーソルを合わせると枠がうにょうにょと動きます。可愛い。
一番好きな曲は「ワールド」です。
動画が2012年のやつしかありませんでしたが色々すごい。

相対性理論

%e7%9b%b8%e5%af%be%e6%80%a7%e7%90%86%e8%ab%96
http://mirairecords.com/stsr/
ナビをクリックすると黒いウィンドウが出てきてコンテンツ内容が表示されます。
シンプルで大変わかりやすい。

個人的にはボーカルやくしまるえつこ氏のホームページが好きです
%e3%82%84%e3%81%8f%e3%81%97%e3%81%be%e3%82%8b%e3%81%88%e3%81%a4%e3%81%93
http://yakushimaruetsuko.com/
イラストのどこかしらにカーソルを合わせるとその部分が鮮やかに色づきます。可愛い。
相対性理論で一番好きな曲は「気になるあの娘」です。

さっきから曲のチョイスが古くない?

きのこ帝国

%e3%81%8d%e3%81%ae%e3%81%93%e5%b8%9d%e5%9b%bd-official-website
http://kinokoteikoku.com/
最近の曲はとても綺麗ですが、WEBサイトもバンドのイメージを一切壊さずとても綺麗。
文字のグレーとアクセントのブルーのチョイスがなんともたまらない
きのこ帝国、最近は「怪獣の腕の中」を気に入ってよく聴いてます。ほんときれい。

クリープハイプ

%e3%82%af%e3%83%aa%e3%83%bc%e3%83%97%e3%83%8f%e3%82%a4%e3%83%97-official-web-site
http://www.creephyp.com/
このバンドがデザインにチョイスするピンクはいつも絶妙でかわいらしくて綺麗です。

一番好きな曲は君の部屋という曲です、動画はなかったです。

OKAMOTO’S

okamoto-s-official-website
http://www.okamotos.net/
可愛い!の一言に尽きます。アイコンもパッと見てわかりやすいし、オンマウスできちんと文字も出ます、可愛い……

ふくろうず

%e3%81%b5%e3%81%8f%e3%82%8d%e3%81%86%e3%81%9a-official-website
http://fukufukufukurouzu.tumblr.com/
チープさが可愛らしい。URLを見たらタンブラーで少し驚きました。タンブラーってこんなこと出来たんですね……
00年代の個人サイトでこういうデザインを度々見ていたので懐かしさもあってついついスクリーンショットをぱしゃり。

ザ50回転ズ

%e3%82%b650%e5%9b%9e%e8%bb%a2%e3%82%ba-%e3%82%aa%e3%83%95%e3%82%a3%e3%82%b7%e3%83%a3%e3%83%ab%e3%82%a6%e3%82%a7%e3%83%96%e3%82%b5%e3%82%a4%e3%83%88
http://www.50kaiten.com/
個人的に背景色がとても好きです。アーティスト写真とのバランスが良いですね。

番外編

%e3%82%ad%e3%83%a5%e3%82%a6%e3%82%bd%e3%83%8d%e3%82%b3%e3%82%ab%e3%83%9f
メジャー進出しても尚Mobile Spaceでホームページを更新し続けたキュウソネコカミですが、
半年ほど前「やっとちゃんとしたホームページが出来ました」と告知をし、公開されたWEBサイトがこちら
%e3%82%ad%e3%83%a5%e3%82%a6%e3%82%bd%e3%83%8d%e3%82%b3%e3%82%ab%e3%83%9f2
半端に以前のデザインが残ってるのがまた…笑
以前のホームページもきちんと残ってるけど、前のほうがよかった…とがっかりする人も多数いました。どっちがいいんでしょうね…?

ピックアップ記事

  1. 【お客様インタビュー】サンキョウプラテック株式会社様

関連記事

  1. Photoshopで部分的にカラーにしたモノクロ画像を手軽に作る方法

    WEBデザイン

    Photoshopで部分的にカラーにしたモノクロ画像を手軽に作る方法

    どうも、テイクフォー谷口です。先日の3連休は地元の地車祭を観に行ったり、心斎橋一帯のライブハウスを巡るイベントに行ってきました^^さて…

  2. WEBデザイン

    【Photoshop】ボタントレース方法

    こんにちは。ゆかちんです!すっかり寒くなってきましたね。ローソンのMACHIcafeで買ったココアがカップかわいくってほっこりします。入社…

  3. WEBデザイン

    【illustrator】簡単トレース方法

    こんにちは!ゆかちんです(^^)/あっという間に寒くなってきましたね。コーヒーが美味しい季節です。グランフロントの中にあるDOWNSTAIRS…

  4. 【Photoshop】レイヤーを上手く使い回そう Vol.1スマートオブジェクト編

    WEBデザイン

    【Photoshop】レイヤーを上手く使い回そう Vo.1スマートオブジェクト編

    どうも僕です、テイクフォー谷口です。季節もいよいよ秋到来ですね。ただこの時期はまだ昼と夜の寒暖差があるので、体調管理には注意したいものですね。…

  5. WEBデザイン

    問い合わせフォームを追加しよう!Contact Form 7の使い方!

    おはようございます、最近はインスタグラムのおすすめ動画でひたすらポメラニアンの子犬の動画を見てひたすら癒されているふきちゃんです。韓国だけかはわか…

  6. Photoshopで手軽に 人物の髪の毛をキレイに切り抜く方法

    WEBデザイン

    Photoshopで手軽に 人物の髪の毛をキレイに切り抜く方法

    どうも僕です、テイクフォー谷口です。先週末は佳境を迎えたプロ野球日本シリーズやサッカーJリーグとスポーツネタで盛り上がってました^^(大阪…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


最近の記事

  1. レポート

    グリコードを使ってプログラミングを学んでみた!
  2. HTMLコーディング

    【WordPressでGO!】WordPressをローカル環境へインストールして…
  3. レポート

    水彩画の描き方を教えます!(その1)
  4. WEBデザイン

    SNS共有ボタンを設置しよう!WP Social Bookmarking Lig…
  5. Photoshopで手軽に 人物の髪の毛をキレイに切り抜く方法

    WEBデザイン

    Photoshopで手軽に 人物の髪の毛をキレイに切り抜く方法
PAGE TOP