担当工程：デザイン/コーディング/Wordpress組み込み

2020年11月27日に公開された「9-nine-」の公式サイト(ポータル＆ゲームサイト)の制作を担当いたしました。ティザーサイトの紹介はこちら。

ゲームの美麗なイラストを空間を活かしながら全面に表示

PCでは美麗なパッケージイラストをアピールするために、ゲームのメインビジュアルをほぼ横幅いっぱいに大きく配置しています。ここに縦書きの要素をいれて空間を作ることで、2021年度の今どきっぽいWebサイトに見えるような工夫をしてあります。

また、ティザーサイトの時と同様のパーティクルアニメーションの他、Rellax.jsを使用したパララックスアニメーションなどで動きをつけています。

スマートフォンでの使いやすさも重視した綺麗で見やすいデザイン

ティザーサイトの雰囲気を引き継ぎつつ、情報が増えても見やすいようなデザイン作りをさせていただきました。特にユーザー閲覧はスマートフォンが圧倒的に多い事実がありますので、スマートフォンでのユーザビリティを見栄えのバランスを考えたサイトデザイン設計になっています。

ちょっとした部分のアニメーションに注目

PCで右上のメニューの三本線にカーソルを乗せると、「９」の形にアニメーションします。

当初予定にはありませんでしたが、ちょっとした遊び心で実装しました。