株式会社GV NEXT
エンゲージメントセンターの新たな可能性をSTUDIO×Lottieで形に
今回は株式会社GV NEXTさまのコーポレートサイトを新規制作させていただきました。
GV NEXT様では、一般的なコールセンターのようにマニュアルに依存するのではなく、人や企業に寄り添いながら丁寧にインサイトを引き出す「エンゲージメントセンター」事業を展開しています。オフィスを訪問した際、スタッフの皆様の明るい挨拶や笑顔に加え、業務やお客様対応で柔軟かつ丁寧にコミュニケーションを図っている姿勢がとても印象的でした。
また、株式会社グランドビジョンから独立したことで、一般的なコールセンターとは異なるサービス価値を既存・新規のお客様により明確に伝えていくことが今後の課題となります。本サイトでは、その独自性を際立たせながら同業他社との差別化を図ることを主な目的としています。
本プロジェクトでは、マッハプロダクション様と密に連携しながらデザインを練り上げ、ディーゼロではSTUDIOにてサイト全体の実装を進め、双方の得意分野を活かし、協力しながら進めることで、ページの更新性も考慮しつつ、ユーザーにとって使いやすく魅力的なサイトを目指しました。
サイト構成やアニメーションについて、マッハプロダクション様、GV NEXTご担当者様と何度も協議を重ねています。STUDIOの機能としてCMS機能を活用し、お客様がメインビジュアルやお知らせの更新性など運用時にいつでも簡単に更新できるよう配慮しました。
STUDIOのカスタムコード×JSONベースのファイル形式で、表示速度の負担なく滑らかなアニメーションを実現。
今回は、TOPページに掲載しているグラフなどのアニメーション作成も行いました。
STUDIO自体は、アップロードできるファイル形式が限られており、細かいアニメーション設定が難しい場合があります。gifアニメーションで細かい線の動きを再現しようとすると、ややカクカクした動きになってしまったり、ファイルが重くなってしまうといった懸念点がありました。
そこで、JSONベースのアニメーションファイル形式「Lottie（ロッティ）」を活用しました。従来のアニメーションと比べるとファイルサイズが小さく高画質、STUDIOと連携ができる点がポイントです。
STUDIOの「カスタムコード」機能で実装したことで、図の意図に沿ったアニメーションを表示速度の負担なく実現することができました。
今後も、お客様のご要望を叶える様々な実装方法を模索していきます。
| サイトURL | https://gvn.co.jp/ |
|---|---|
| 公開日 | 2024年7月1日 |
| 製作期間 | 3ヶ月 |
| 対応デバイス | PC・スマートフォン |
| 担当業務 | 設計/STUDIO実装 |
| 制作スタッフ | アドバイザー：池宮 ディレクション：岩堀 STUDIO実装：小牧、有木、おの STUDIO監修：上野 Lottie：おの システム：矢野勝己 |
