Visual Assets

本プロジェクトは、AIを活用した営業支援ツールであるCoPilot AIのWebサイトビジュアル刷新から始まった。従来はビジネスパーソンの写真を多用していたため、ソフトウェアプロダクトというよりも、営業代行会社やコンサルティングサービスのような印象を与えていた。

CoPilot AIがSaaS企業であることをより明確に伝えるため、UIモックアップやグラフィックを活用し、AI機能やプロダクト体験が伝わるビジュアルを制作。新しい方向性が確立した後は、マーケティング素材、メール、プレゼンテーション資料、営業支援資料へと展開し、より一貫性のある、ソフトウェアプロダクトらしいブランド体験を構築した。

COMPANY

CoPilot AIは、LinkedInを活用したアウトバウンド営業を支援するAIツール。見込み顧客の分析や、一人ひとりに合わせたメッセージ作成をサポートし、返信率や商談獲得率の向上につなげる。

MY ROLE

UI/UX Designer

TEAM

  • Visual/Communication Designer (me)

  • Growth Marketer

SCOPE

  • Visual design

  • Marketing assets

  • Sales enablement materials

  • Product communication visuals

  • Brand consistency

TIMELINE

Irregular: 2023-2024

TOOLS

  • Figma

CHALLENGE

営業代行サービスのような印象から、プロダクト中心のWebサイトへ

従来のCoPilot AIのWebサイトでは、ビジネスパーソンの写真を多く使用していたため、AIを活用したソフトウェアプロダクトというよりも、営業代行会社やコンサルティングサービスのような印象を与えていた。

そこで、プロダクトのUI、AI機能、営業フローにおける価値を視覚的に伝えることで、CoPilot AIがSaaS企業であることをより明確に表現できるよう、Webサイトのビジュアル刷新に取り組んだ。

SOLUTION

Webサイトを起点に、プロダクト中心のビジュアルを展開

まず、UIモックアップやプロダクトを中心としたグラフィックを用いてWebサイトのビジュアルを再設計し、CoPilot AIのAI機能がより明確に伝わる表現へと改善した。

ビジュアルの方向性が確立した後は、Webサイトにとどまらず、マーケティング素材、メール用グラフィック、プレゼンテーション資料、営業支援資料など、さまざまなタッチポイントへ展開。

異なる形式の制作物にも共通のビジュアル表現を取り入れることで、顧客向けの各種コンテンツに一貫性を持たせ、より統一感のあるブランド体験を構築した。

DESIGN PROCESS

1

理解

Webサイトのコピーを確認

Webサイトのコピーを確認し、各セクションで伝えるべき主要なメッセージと、ビジュアルで補足すべき内容を整理。

コミュニケーションゴールの特定

各セクションについて、ビジュアルが機能の説明、ワークフローの提示、AI機能の強調、プロダクト価値の訴求のうち、どの役割を担うべきかを明確化。

2

可視化

コピーに沿ったビジュアルを制作

Webサイトのコピーを直接補完する、プロダクト中心のビジュアルをデザイン。UIモックアップやグラフィック要素を活用し、各メッセージをより直感的に理解できるようにした。

分かりやすさと情報量のバランス

プロダクトの特徴が伝わる具体性を持たせながら、情報が細かくなりすぎないように調整。分かりやすさと完成度を保ち、ひと目で内容を把握できるビジュアルに仕上げた。

3

展開

ビジュアルの方向性を各タッチポイントへ展開

Webサイトのビジュアル方針を確立した後、同じプロダクト中心のスタイルを、マーケティング素材、メール用グラフィック、プレゼンテーション資料、営業支援資料へ展開。

OUTCOME

複数チャネルでの一貫した情報発信を支援

制作したビジュアルにより、CoPilot AIのプロダクト価値、営業に関するコンセプト、マーケティングメッセージを、Webサイト、メール、営業資料、プレゼンテーションなど、さまざまなチャネルで分かりやすく伝えられるようになった。

再利用可能で一貫性のあるデザイン素材を整備することで、マーケティングや営業資料の制作を効率化。顧客との各接点でブランドの印象を統一し、より洗練され、認識しやすいブランド体験につなげた。

Other Projects:

Available for full-time opportunities or freelance projects.

Please email me or message me on LinkedIn to get in touch.

annaoshiro32@gmail.com

Email Copied!

Copy

Copy component

Copied