DESIGN NOTES
冒頭で問い合わせに答えるAIという用途を示し、何をする製品か、どの基盤で動くか、導入の手順へ進む。URLを接続し、内容を学ばせ、設置するという三段階を見せることで、抽象的なAIの能力よりも利用開始までの道筋を先に理解させている。
鮮やかな青の背景を白い細線や点線で区切り、左に大きな説明、右に会話のカードを置く。ボタンは白い面で目立たせ、下の説明も同じ区画の規則に沿って並べる。図面のような整然とした画面が、会話機能を組み込む製品の印象と結び付いている。
本文では情報を理解する、ブランドに合う言葉で応答する、回答する、人へ引き継ぐという役割を分けている。答えられる範囲や出典にも触れるため、自動化の魅力だけでなく境界も説明に含む。実際の回答精度は試しておらず、ここでは説明構造を参照している。
上部にドキュメントと開始の入口があり、冒頭の無料で試すボタンからも行動できる。仕様を確認してから導入したい担当者と、まず製品を触りたい人の経路を分ける。導入手順の説明とボタンが同じページにあるため、操作に移る前の見通しを与えやすい。
導入作業が必要なサービスでは、成果の約束だけでなく、利用者が行う準備を三段階程度で説明する方法が使える。自動対応と担当者への引き継ぎの境界も併記すると、導入後の運用を考えやすい。国内向けには必要な素材や設置先も具体化したい。
APPLY TO YOUR PROJECT
利用開始までの手順と、人が対応する境界を同じページで示す。自動化サービスを実際の運用へ置き換えて考えられる説明にする。
説明にある回答精度や導入の容易さは画面閲覧だけでは確認できない。採用時は自社の質問例と引き継ぎ条件を使って別途試したい。
国内IT / タイポグラフィ
役割別の解説から実務サービスへつなぐ
IT / タイポグラフィ
大きな社名の下に書籍、役割別の解説、研修や開発サービスをまとめる知識発信型の企業サイト。
冒頭でAIエージェントを扱う会社であることを示し、ニュース、出版物、対象者別のガイド、提供サービスへ進む。技術に詳しくない経営者から実装を考える担当者まで、同じ言葉を異なる深さで学べる入口を用意する情報の組み立てが特徴である。
詳しい解説を読む →公式サイトを見る ↗
海外入力と完成例を隣に置く
IT / タイポグラフィ
黒と黄色の大きなカードで、AIによるモックアップ制作を具体的な入力と出力として見せる。
冒頭で製品を見せる画像をつくる用途を示し、入力欄を思わせる例と生成の操作を隣に置く。本文では背景や光の編集、画像の組み合わせ、拡大などへ説明を広げる。汎用的なAIの紹介ではなく、商品を見せる制作工程に絞って理解させる流れになっている。
詳しい解説を読む →公式サイトを見る ↗
海外取引の始まりから入金までを一本にする
IT / ミニマル
見込み客から請求までの流れを一つの言葉にまとめ、業務画面と三つの開始手順で説明する。
冒頭で見込み客から支払いまでという一連の仕事を短く示し、管理画面を見せた後に顧客、提案、案件、請求の機能を説明する。単独の便利機能を列挙するより、事業者が普段行う取引の流れを製品全体の意味として伝える構成になっている。
詳しい解説を読む →公式サイトを見る ↗