ロンドンに拠点を置くスタイリッシュなインディーレーベル Young Turks が送り出す女性アーティスト Quirke. デビューEP「A C I D B E T H」を今年５月にリリースしました。ちょっと (?) ミステリアスな彼女の特設サイトをみてみましょう。

レーベルカラーが伺えるシンプルなデザイン

こちらのデビューEP、PR サイトもシンプルな仕様になっています。まず注目すべきは左サイドのスライドになっているイメージ画像のカラーが、時間の経過共に薄い赤みを帯びてきます。ちょっとミステリアス (そもそもこのアーティスト自体相当ミステリアスなビジュアルですが) です。これはスクリプトで setTimeout、opacity を使い css をいじっています。

setTimeout で css のカラーをいじっています

setTimeout(function(){$("head").append('<style>.seconder { opacity: 0.8!important; }</style>')},35000);
	    	setTimeout(function(){$(".quirkepic").css('opacity', '0')},35000);
var colors = new Array(
		  [253,250,249],
		  [253,250,249],
		  [253,250,249],
		  [252,87,81],
		  [252,87,81],
		  [252,87,81],
		  [252,87,81],
		  [252,87,81],
		  [253,250,249],
		  [253,250,249]);

スライダーは colorbox を使用

左サイドのスライドは colorbox を使用しています。

モーダルは Remodal を使用

Modal の youtube オーディオ・ビデオ表示は、レスポンシブル表示にも対応した Remodal を使用しています。

シンプル is ベストといったサイトデザインです。あとは楽曲の購入リンク iTunes、Amazon などを配置しておくと購入に繋がったかもしれません。