Works
株式会社シムトップス
i-Repoシティ
特設サイト
プロジェクト概要
株式会社シムトップス 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替わりに取り入れました。
プロジェクトメンバー
- アカウントプランナー TOMITA
- ディレクター MIYAMOTO
- ディレクター KOWADA
- デザイナー TATSUMI
- フロントエンドエンジニア SATO
- フロントエンドエンジニア NISHIMURA
Downloads会社案内ダウンロード
サービスのご紹介・制作実績・品質管理の手法など、
ジーピーオンラインのノウハウが詰まった資料を無料で配布しております。
社内関係者さまへの配布資料としてもご利用いただけます。