担当工程:デザイン/コーディング/WordPress構築
実際にゲームを遊んだ時のイメージをもってもらうために、デモプレイ動画をしっかりと見せるデザインにしました。また、スマートフォンで遊ぶアプリですので、SPデザイン時にも要素を組み替えて動画が大きく見えるようにしています。
アニメーション画像といえばGIFファイルが有名ですが、今回は背景透過画像をアニメーションさせたかったこともあり、APNG(エーピング)ファイルを使用しました。デメリットとしてはファイル容量が少し大きくなってしまうことが挙げられますが、背景透過の綺麗なアニメーションを、GIFファイルと変わらない工数で作成できるのは、かなりのメリットなのではないかと思います。
アニメ・ゲーム・漫画・イベントなどのエンタメ系サイトでは、どうしても画像が増え、容量が大きくなりがちですが、イロコトではサイト軽量化にも注力しています。よろしければ下記の記事も合わせてご覧ください。