【1日1サイトレビュー】#32 「A3!」第3部特設サイト

■「A3!」第3部特設サイト　https://www.a3-liber.jp/act3/

スマートフォン向けアプリゲーム「A3!」の第3部特設サイト。A3触ったことあるのですがwebサイト参考サイトの一覧に出てくるとは思わず…綺麗でギミックにも凝ったデザインで感動しました。

・ファーストビューにはタイトルやキャッチコピー、物語の一部などテキスト情報が散らされている。原稿用紙の色合いが水滴と混じっていて幻想的な印象。淡いピンクとグラデーションの緑、水色で春らしい雰囲気。

・進むとスクロールに合わせて真っ白なページに物語の内容が便箋風に記されていく。途中で出てくるイラストはモノクロ調だがエフェクトがかかっていて陽に照らされて輝いているように見える。右手のスクロールバーがワード？風なところも凝っている。最後の手書きフォントもすごく活きていると思う。

・左上のハンバーガーメニューは見た目も内容もシンプル。ページ内のテキスト各章へのリンクとアプリのメインサイト、SNSシェア。

とにかく徹底した雰囲気で作りこまれていて、映画の予告編のような印象でした。動画や大きな動きがなくてもここまで世界観を作れるんだなあ…と感動しました。

・フォント： Source Han Serif Japanese、GT-Alpina-Thin、GT-Alpina-Thin-italic、GT-Alpina-Thin

・カラー：背景ピンク#FFECDF、背景白#FFFFFF、水色#67E6DB、緑#45B779、文字黒#505050　（イラストやグラデーション部分にはムラ有り）