Works
トンガルマン株式会社
コーポレートサイト
プロジェクト概要
トンガルマン株式会社のコーポレートサイトをリニュアルオープン
XRやデジタルサイネージ、Webシステム、PCアプリケーション開発を手がける、トンガルマンさまのコーポレートサイトをリニューアルしました。
- 課題
-
以前のコーポレートサイトはデザインの経年劣化が進み、企業の魅力やサービス内容が訴求しきれていない課題がありました。
ユーザーのインサイトは、漠然と課題を抱えており、どのようなアプローチで解決すべきかを明確にできていない状態です。そのインサイトを解決するコンテンツは、制作実績となります。しかし、以前の制作実績は、漠然とした課題とイメージを結びつけるには情報が少なく、どの実績や技術がユーザーの課題解決のヒントになるのか把握しにくい構成になっていました。
- 成果
-
リニューアル後のコーポレートサイトでは、トンガルマンさまの多岐にわたる事業内容を整理し、それぞれのサービスを明確に紹介することで、ユーザーが求める情報に容易にアクセスできるよう、導線を改善しました。
デザイン面では、現代的で洗練された印象に刷新し、アニメーションなどを効果的に活用することで、視覚的に魅力的なサイトを実現しました。
また、制作実績のカテゴリを目的別分類を主とすることで、ユーザーが欲する実績情報を最短ルートで提供できるようにしています。また、より詳細な情報を掲載することで、ユーザーがトンガルマンさまの課題解決能力や技術力を深く理解し、信頼感を得られるように工夫しました。
アプローチ
「！」と「サウンドウェーブ」で躍動感を演出。WebGLで実現したインタラクティブなトップページ
トップページにはスクロール連動型のアニメーションを実装し、トンガルマンさまの創造性と技術力を視覚的に表現しました。
アニメーションで使用される「！」マークはユーザーの感動を表し、サウンドウェーブは心の躍動を表現しています。実装には、WebGLという技術を利用しました。
このアニメーション処理は、凝れば凝るほどユーザーの端末に負荷が掛かるため、クリエイティブとユーザビリティーのバランスが重要でした。その点を解決するために、ソースコードの軽量化にも注力しています。
現在公開されているバージョンの他に、いくつもの試行錯誤によるバージョンが存在し、当社がこだわったクリエイティブとなります。
ユーザーの目を引きつけ、トンガルマンさまのブランドスローガンを体現できるアニメーション実装をおこなうことを目指しました。
「実績✕インサイト」で繋がる！ユーザーの課題解決を促す制作実績
ユーザーのインサイトは、漠然としたものであり、「どの技術を利用すれば解決できるのか」を調べている状態となります。そのための、ユーザーストーリーを検討していく必要がありました。
以前は概要のみだった制作実績を、詳細な情報と共に紹介できるように再設計しています。
プロジェクトの概要や課題、解決策、成果といった情報を網羅的に掲載することで、ユーザーがトンガルマンさまの実績を理解し、インサイトと紐付け、信頼感を得られるようにしています。
このアプローチにより、漠然としたユーザーのインサイトと、トンガルマンさまの実績が関連づくユーザーストーリーが構築できました。
わかりやすさを追求した情報設計で、ユーザーを最適なサービスへ導く
多岐にわたる事業内容を、XR（AR, VR, MR）、Webシステム、PCアプリ・設置コンテンツのカテゴリに分類し、それぞれのサービス内容をユーザーが理解しやすい構成で設計をしています。
ユーザーは自身のニーズに合った情報に、容易にアクセスできるようになり、サイト全体の回遊性向上に貢献しました。
プロジェクトメンバー
- プロデューサー / アートディレクター TOYONAGA
- ディレクター KO
- デザイナー KINUGAWA
- フロントエンドエンジニア SATO
- システムエンジニア NAKAJIMA
Downloads会社案内ダウンロード
サービスのご紹介・制作実績・品質管理の手法など、
ジーピーオンラインのノウハウが詰まった資料を無料で配布しております。
社内関係者さまへの配布資料としてもご利用いただけます。