株式会社電通国際情報サービス株式会社電通国際情報サービス
icon_chevronicon_chevron
「AIトランスフォーメーションセンター」紹介サイト制作・動画制作支援
「AIトランスフォーメーションセンター」紹介サイト制作・動画制作支援
事業規模の発展に合わせた適切なサイト閲覧体験のプランニング・制作
nijibox_designparts
クライアント
株式会社電通国際情報サービス
当社スコープ
Webサイト構築・リニューアル
映像制作
開発
体制

■サイト制作

  • ディレクター:1名
  • デザイナー:1名
  • コーダー:3名
  • エンジニア:1名

■動画制作

  • デザイナー:1名
  • 映像クリエイター:2名
期間
  • 2020年3月〜2020年6月
実施内容

■サイト制作

  • 要件定義(要求事項の整理、IA設計、WF作成)
  • デザイン作成
  • フロントエンド実装(html、css、js使用)
  • 表示検証

■動画制作

  • シナリオ(字コンテ)制作
  • デザイントンマナ作成
  • 絵コンテ作成
  • ナレーターとBGM選定、ナレーション収録
  • 動画制作
nijibox_designparts
クライアント課題
株式会社電通国際情報サービス様(以下、ISID様)のAI推進を担うAIトランスフォーメーションセンター(以下、AITC)というプロジェク トチームが、2020年2月に組成されました。 AITC(AIトランスフォーメーションセンター)は、ISID社内で結成された、AIに特化した全社横断プロジェクトチームです。AI製品企画・開発から、幅広い業種に対するAIサービスのサポート、そして顧客企業の社内AI人材育成までAIに関わる事業を広範囲に行なっています。 AITC誕生に伴い、AIがまだ世の中から真の理解を得られていない中で、提供サービスをいかに分かりやすく受け入れやすく伝えるかということについて模索されていました。
nijibox_designparts
ミッション
AIというまだ世の中に浸透しきっていない技術をサイト上で身近に感じられるように伝えたい
nijibox_実績_ISID
No items found.
No items found.
nijibox_designparts
ソリューション
サービス提供側の「想い」が「分かりやすく」伝わる、デザイン・サイト設計・動画を合わせ、総合的な情報伝達設計をトータルでプロデュースしました。
nijibox_designparts
要件定義(要求事項の整理、IA設計、WF作成)

本サイトの特長は、立ち上げ時点ではまだ完成形としていない点です。

AITCの事業の拡大に合わせて、サイトも発展させてゆく余地を残し、作り込み過ぎず、複雑にし過ぎず、拡張性の高さを意識して制作しました。構成自体はとてもシンプルで、情報の足し引きがしやすいようになっています。

●サイト全体の構成について

ページ数や情報量が多いサイトの場合、遷移のしやすさを考慮し、情報カテゴリごとにインデックスページを設置するケースがあります。しかし、本案件は事業の初期段階かつ、これからコンテンツを増やしていこうという段階でしたので、あえてインデックスページは用意しませんでした。

現在発信している情報量をユーザーにとって分かりやすく整理し、アクセスのしやすさを重視した結果、トップページから直接各コンテンツへアクセスできる設計としました。

今後情報が増えた際に、インデックスページを追加することになった場合にも、無理なく対応できるシンプルな構造にしています。

No items found.
nijibox_designparts
デザイン作成

AIというまだ世の中に浸透しきっていない技術をサイト上で身近に感じられるように伝えたいという点と、人間力を大事にしたいというAITCのご意向を踏まえ、デザインを作成しました。

具体的には、AITCのロゴカラーであるマゼンダ色を用いて明るさを出しつつ、可愛さのあるイラストでAIとの距離感を近くに感じてもらう工夫を行いました。

また、青色を混ぜ込み、グラデーションを加えることで厚みを出し、ポップになりすぎず活発なイメージが伝わるようにしました。

nijibox_実績_ISID
No items found.
nijibox_designparts
絵コンテ作成

課題 → AI(製品サービス)を使えば → 解決!といった流れの中で、ISID様のAIサービスだからこそアプローチできる、課題の特長やサービスを利用するメリットを紹介し、そこから得られるベネフィットを伝えることで、製品の有効性を訴求しました。

No items found.
nijibox_designparts
動画作成

●動画の演出について

AIがもたらす未来を魅力的に伝える事がポイントだと考えました。

例えばAITC紹介動画では、街並みをモチーフとして、現在の課題を抱えた街並みと、AIがもたらす未来の魅力ある街並みを対比で見せています。

動画の冒頭シーンでは、通勤混雑・長時間労働・テレワーク・生産性低下などの課題を表していますが、後半で、AIによって発展した街並みを同じポジションで表現することで、「世界がAIによって発展した」という意味をもたせています。

●動画の表現テクニックについて

サービスの内容をわかりやすく解説することのみに特化すると、映像作品としては単調な印象になってしまうと考えました。

そこで、伝えるべき部分はきちんと伝えた上で、ユーザーにサービスの魅力をより魅力的に感じていただくため、演出にもこだわりました。具体的には、シーンの切り替え時にトランジションなどで遊び心を感じさせる演出を加え、展開にテンポ持たせています。

鑑賞いただく方たちが映像体験を楽しみながら、ATICへの好奇心や期待感をより一層かき立てていただけるような作品づくりを心がけました。

No items found.
nijibox_designparts
No items found.
nijibox_designparts
成果
サイトと動画の両アプローチで、AITCの世界観をより深く伝えることに成功

ニジボックスでは、サイトと動画制作の前段階としてお客様が表現したい世界観やどのようなターゲットに何を伝えたいのかを明確にし、デザインの方向性を決める段階から一貫して制作を行うため、目的にあったサイト設計とデザインが可能となっております。

本案件においても、AITCのサービスイメージである「人間らしさ」や「コミュニケーション力」をイラストの柔らかいタッチや「人」を感じさせるモチーフで表現することで、よりコンセプトがお客様に伝わるサイトになりました。

お客様の声
nijibox_designparts
株式会社電通国際情報サービス
株式会社電通国際情報サービス AIトランスフォーメーションセンター
飯田 倫崇様
株式会社電通国際情報サービス

会社横断の組織の立ち上げの中で、目指すビジョンや方向感をどうWebサイトで表現するのか?というところが一番のポイントだと思っていました。第三者的な視点で、“思考の言語化“をサポート頂いたり、“表現・トンマナ“をご提案いただいたり、我々事業側の目線に寄り添いながら伴走していただきました。動画制作から、Webサイト制作まで一貫してお願いしましたが、素材の共通化などについても良きに計らっていただき、実装も効率的にできたと思います。

※本記事の内容は、記事作成当時の情報です
開発についてもお気軽にご相談ください
開発について詳しく見る
UI/UXデザインのお役立ち情報を無料公開中!
nijibox_pattern
nijibox_資料ダウンロード
UI/UXデザイン概要やその他の実績も掲載!
ニジボックスはリクルートのノウハウを活かし、お客様の事業フェーズに合わせて、5つのUXデザインフローをご用意。課題に即したサービスを提供しております。
こんな方におすすめ
square
ニジボックスの強みを知りたい方
square
具体的なデザインフローを知りたい方
square
ご相談事例ごとの参考価格を把握したい方
ほかの実績
実績一覧へ戻る