LP「IN SOMEWHERE NIGHTS」

idea
エモーショナル・インディーロックバンド「Charlotte is Mine」様がリリースする1st albumのLPを制作させて頂きました。
オフィシャルサイト（Wordpress）制作も手掛けたバンド様ですが、こちらは1st albumリリースにあたって特設ページ制作のご依頼です。

頂いた画像素材の世界観を大事にしつつ、LPらしく全体的にオフィシャルとは少しテイストを変えたデザインにしています。
UIとしては良い意味で”親切さ（閲覧のしやすさ）”から離れ、オフィシャルよりもややアート性を感じる構成になったかと思います。

インタラクションは自作のJSプラグイン「Textyle.js」によるテキストアニメーションを始めとして、パララックスエフェクトなどを実装。
ファーストビューのインタラクションに比重を置き、かつストーリー性を持たせることで第一印象からユーザーを惹きつけるLPを目指しました。

制作期間が限られる中、デザインはadobe XD、コーディングはタスクランナーを活用することで作業効率化を図れた案件でした。

[ 制作環境 ]
adobe XD / Illustrator / Node.js / gulp / Browsersync / Pug / Sass(SCSS) / Javascript / Git / Github