株式会社シムトップス
i-Repoシティ

CLIENT:株式会社シムトップス

mv

プロジェクト概要

株式会社シムトップス i-Repoシティ制作

インタラクティブなWebサイトにするため、Vue CLI, PixiJS, Spine, GSAPなどの技術を用いて制作をおこないました。また株式会社シムトップスさまのITツール「i-Reporter」をより分かりやすく、より身近に感じてもらえるような構成を目指しました。

施策

アニメーションで情報を視覚化し、キャラクター制作も実施

株式会社シムトップスさまのITツール「i-Reporter」を身近に感じてもらうため、サイト内を1つの街として見立て、活用場面や導入メリットをアニメーションで紹介しているサイトです。また制作過程で生まれたキャラクター「アイレポちゃん」を、街の案内人としてマウスポインタにも取り入れ、更に親しみやすさを強化しました。

街のディティールにもこだわり、「i-Reporter」が溶け込んだデザインに

「近未来の街」が1つのテーマでしたが、ユーザーに「i-Reporter」を身近に感じてもらう必要もあり、実際に街として存在していても不自然ではない構成に気を付けました。ショッピングモールに設置したエスカレーターも、そのまま設置するだけではなく、実際に人物が乗っているアニメーションを使用するなど、街のディティールにもこだわりました。

既存Webページのアピールポイントも取り込めるようにご提案

既存Webページに掲載があった「導入実績社数NO.1」など、取り入れたいアピールワードがありましたが、当初の案では掲載できるスペースがありませんでした。そこで街の中央に巨大スクリーンを設置し、gifアニメーションを制作してアピールワードを流し、CM替わりに取り入れました。

  • sp_top
  • sp_sub
  • pc_top
  • pc_sub
自社サイトでお悩みの方はお気軽に!
お問い合わせ・ご相談はこちらから

私たちジーピーオンラインは、
東京・大阪のWeb制作会社です。