DESIGN NOTES
冒頭で見込み客から支払いまでという一連の仕事を短く示し、管理画面を見せた後に顧客、提案、案件、請求の機能を説明する。単独の便利機能を列挙するより、事業者が普段行う取引の流れを製品全体の意味として伝える構成になっている。
白い背景に青い文字のロゴと簡潔なナビゲーションを置き、中央には大きなセリフ体の見出しがある。青い行動ボタンの下には試用期間を短く添え、その先に淡い青の形と管理画面が現れる。文章の静けさと実際の業務画面を組み合わせた冒頭である。
開始の説明は顧客を取り込む、請求書を送る、管理画面を見るという三つの行動に落とされている。複数の機能を持つ製品でも、最初に何をすればよいかを具体化している点が参考になる。画面内の金額や改善を示す言葉は実際の事業成果として検証していない。
上部のProduct、Pricing、Helpという少ない項目から用途、料金、支援情報へ進める。冒頭には試用の入口があり、期間の説明も近くに置かれる。詳しい機能を読みたい人と始めたい人に経路を分けつつ、選択肢を多くし過ぎない構造である。
業務をまとめるサービスでは、機能数の多さより一つの仕事がどこからどこまで完了するかを示す方法が使える。初回に登録する情報や最初の成果物まで説明すれば、導入の準備も想像しやすい。日本向けには請求や税の対応条件を明確に加える必要がある。
APPLY TO YOUR PROJECT
機能一覧を取引の順序に置き換え、最初の三つの操作を示す。利用開始後の流れが分かると、複数機能の価値を理解しやすい。
表示された管理画面の金額は利用実績の証拠ではない。請求書の要件や会計連携など、地域に依存する条件は別途確認したい。
国内IT / タイポグラフィ
役割別の解説から実務サービスへつなぐ
IT / タイポグラフィ
大きな社名の下に書籍、役割別の解説、研修や開発サービスをまとめる知識発信型の企業サイト。
冒頭でAIエージェントを扱う会社であることを示し、ニュース、出版物、対象者別のガイド、提供サービスへ進む。技術に詳しくない経営者から実装を考える担当者まで、同じ言葉を異なる深さで学べる入口を用意する情報の組み立てが特徴である。
詳しい解説を読む →公式サイトを見る ↗
海外IT / グリッド
導入手順と人への引き継ぎを示す
IT / グリッド
青い設計図のような区画で、問い合わせ対応AIの導入手順と人への引き継ぎを説明する。
冒頭で問い合わせに答えるAIという用途を示し、何をする製品か、どの基盤で動くか、導入の手順へ進む。URLを接続し、内容を学ばせ、設置するという三段階を見せることで、抽象的なAIの能力よりも利用開始までの道筋を先に理解させている。
詳しい解説を読む →公式サイトを見る ↗
海外入力と完成例を隣に置く
IT / タイポグラフィ
黒と黄色の大きなカードで、AIによるモックアップ制作を具体的な入力と出力として見せる。
冒頭で製品を見せる画像をつくる用途を示し、入力欄を思わせる例と生成の操作を隣に置く。本文では背景や光の編集、画像の組み合わせ、拡大などへ説明を広げる。汎用的なAIの紹介ではなく、商品を見せる制作工程に絞って理解させる流れになっている。
詳しい解説を読む →公式サイトを見る ↗