言の葉プロジェクト2ndシーズン公式サイト制作

概要
音ゲーを手掛けるチームから誕生した『言ノ葉プロジェクト』2ndシーズンが始まる際の公式サイトリニューアルでデザイン・コーディングを担当しました。

制作期間
2016年10月～2016年12月

制作体制
2名／ディレクター1名、デザイナー兼コーダー1名

役割
デザイナー兼コーダー

担当内容
ページデザイン
ページコーディング

使用ツール・言語
Adobe Photoshop
Adobe Illustrator
Visual Studio Code
Backlog
HTML5
CSS3

制作のポイント
音ゲーから生まれたプロジェクトのサイトになります。
2ndシーズンが始まる際のサイトのリニューアルを担当しました。

2ndシーズンは洋風で、先にミュージックビデオが制作されていたため、それに合わせてサイトデザインを作成しました。（ちなみに1stシーズンは和風でした。）
ミュージックビデオはこちら

キービジュアルの背景に細かい洋風な模様を散りばめたり、
コンテンツをただ置いていくだけだと単調になってしまうので、大胆に斜めに柄を入れてキャラクターを配置しました。

ダークで上品なイメージの作品だったので、黒を基調とし、豪華さのある金色を使用してデザインしました。

コーディングでは登場アニメーションを取り入れて、よりキャラクターを引き立たせる演出をしました。
※現在のサイトは色味やデザインは変更されていますがアニメーションはそのまま使用しております。

https://maimai.sega.jp/kotonoha/story/