担当範囲：デザイン/コーディング/WordPress構築/運用

クラシックの楽曲をモチーフにした少女たち“ムジカート”の戦いを描くメディアミックスプロジェクト「takt op.（タクトオーパス）」。その主軸のひとつとなるスマートフォン向けアプリゲーム『takt op. 運命は真紅き旋律の街を』の公式サイトを制作いたしました。

優美なイラストを前面に活かすデザイン

キャラクターページでは、動きのあるムジカートたちのイラストにマッチするよう、奥行き感のある五線譜のモチーフを使用したり、グラデーションの配色にもこだわりました。また今回はキャラクター名のほかに、少女たちに宿る楽曲の名前もあったため、ジャンプ率を大きく変えつつも、一人のキャラクターとしてまとまりを持たせられるようデザインを作成いたしました。

スマートフォンファーストのデザイン

スマートフォン向けアプリゲームですので、ユーザーの7〜8割はスマートフォンでの閲覧が想定されます。本サイトのデザインはスマートフォンのサイズから作成し、横幅の狭いスマートフォンの画面で閲覧した際も、イラストがしっかり映えるようにしています。

細かなところにもこだわりを

各キャラクターの英字箇所には、既存の明朝体フォントに加え、ロゴをイメージした縦線や：などの記号をアレンジして装飾し、意匠を凝らしています。

ヘッダーメニューやフッターメニューは、クラシックの優雅なイメージや、コンサートホールなどの緞帳をイメージしてデザインを行いました。フッターメニューのカレント表示には、ロゴからインスパイアを受け、ペンでチェックを付けたようなシェイプで作成しているのもポイントです。PC時のホバーアニメーションも素敵ですので、ぜひ実際に閲覧いただけると嬉しいです。