Summary

ベルフェイス株式会社は、「Technology for Sales」をミッションに掲げ、テクノロジーの力で営業領域の効率化を推進するスタートアップです。新規事業のbellSalesAIは、商談の会話データからAIがSalesforceに入力すべき項目を自動抽出・変換し、Salesforceに自動的に入力され、営業担当者の工数削減・案件管理の精度向上を実現するプロダクトです。

NOROSHIは、bellSalesAIのUI/UXリニューアルプロジェクトに伴走し、AI時代の営業担当者にとって最適なユーザー体験を実現するためのデザインを支援しました。さらに、LPやホワイトペーパーなどのマーケティングコンテンツのデザインも刷新しました。

AIによる商談内容の分析を軸にしたスマホアプリのユーザー体験

bellSalesAIでは、営業担当者が商談時にスマホアプリを起動するだけで、AIによる商談内容の解析を開始できます。新しいツールの導入には現場の営業担当者が「いかに自然に使えるか」が重要な要素となります。そこで、カスタマージャーニーマップを用いて、営業担当者の商談準備から商談後作業までのユーザー行動を整理し、最適なユーザー体験の流れを設計しました。

特に、録音中のUIにおいては、従来の書き起こし主体のデザインからAIによる分析を中心に据えた設計へと刷新。これにより、「商談の会話データからSalesforceに入力したい項目をAIが自動抽出する」というbellSalesAIの提供価値が明確に伝わるUIをデザインしました。また、商談中の営業担当者の心理負荷を軽減する「フォーカスモード」など、利用シーンに応じた機能を追加し、業務の流れを妨げない体験設計を行いました。

多様なステークホルダーのユースケースに対応する管理画面の設計

スマホアプリのUI/UXが固まった後、次に取り組んだのが管理画面（ダッシュボード画面）のリニューアルです。管理画面は営業担当者だけでなく、営業マネージャーを含む複数のステークホルダーが利用するため、それぞれのユースケースに応じた情報設計が求められました。

営業担当者向けには、必要な商談ログに素早くアクセスし、ワンクリックでSalesforceへ連携できるシンプルなUIを設計。これにより、日次作業や週次作業などの日々の業務負担を軽減しました。また、営業マネージャー向けにはリアルタイムで営業担当者の商談内容を把握するためのナビゲーション設計を行い、チーム全体のパフォーマンス管理をスムーズにする情報構造を意識して設計しました。

LPやホワイトペーパーといったマーケティングコンテンツの刷新

プロダクトのUI/UXのリニューアルに伴い、LPやホワイトペーパーといったマーケティングコンテンツも統一感のあるデザインに刷新しました。bellSalesAIのデザインコンセプトに沿った、一貫性のあるビジュアルデザインを行いました。