DESIGN NOTES
冒頭で製品を見せる画像をつくる用途を示し、入力欄を思わせる例と生成の操作を隣に置く。本文では背景や光の編集、画像の組み合わせ、拡大などへ説明を広げる。汎用的なAIの紹介ではなく、商品を見せる制作工程に絞って理解させる流れになっている。
灰色の点が並ぶ背景に白い丸いナビゲーションを置き、冒頭左側を黒い大きなカード、右側を明るい操作例として分ける。手書き風のロゴとセリフ体の見出しに黄色いボタンが重なる。作業用の道具らしさと軽快な印象を同じ画面で組み合わせている。
公開本文は背景や照明の変更、画像の合成、拡大など具体的な編集を説明し、モックアップの素材集にも触れる。ボードやタブ、クリップボードに関する説明もあり、一度の生成だけでなく作業を続ける環境を訴求する。素材数は公式の表示であり独立確認はしていない。
上部には料金の入口があり、冒頭の黄色い行動ボタンは黒いカードから強く浮かぶ。入力と生成の例を見た後で利用へ進む流れをつくっている。複数の機能説明にも同じ制作用途を通すことで、機能が増えても何をつくるサービスかを見失いにくい。
制作支援サービスなら、完成画像だけでなく入力する素材や指示の例を隣に示す方法が使える。導入後にどの作業が変わるかを説明しやすくなるためだ。実際に使える素材、編集の限界、商用利用条件は、見栄えのよい作例とは別に確認できる形にしたい。
APPLY TO YOUR PROJECT
完成例と入力のイメージを並べ、何を渡すと何ができるかを見せる。機能一覧も商品画像をつくる工程に沿って整理すると伝わりやすい。
生成例の品質や編集の再現性は実操作で未検証。素材の権利、出力の利用条件、料金に含まれる範囲は導入時に別途確認する。
国内IT / タイポグラフィ
役割別の解説から実務サービスへつなぐ
IT / タイポグラフィ
大きな社名の下に書籍、役割別の解説、研修や開発サービスをまとめる知識発信型の企業サイト。
冒頭でAIエージェントを扱う会社であることを示し、ニュース、出版物、対象者別のガイド、提供サービスへ進む。技術に詳しくない経営者から実装を考える担当者まで、同じ言葉を異なる深さで学べる入口を用意する情報の組み立てが特徴である。
詳しい解説を読む →公式サイトを見る ↗
海外IT / グリッド
導入手順と人への引き継ぎを示す
IT / グリッド
青い設計図のような区画で、問い合わせ対応AIの導入手順と人への引き継ぎを説明する。
冒頭で問い合わせに答えるAIという用途を示し、何をする製品か、どの基盤で動くか、導入の手順へ進む。URLを接続し、内容を学ばせ、設置するという三段階を見せることで、抽象的なAIの能力よりも利用開始までの道筋を先に理解させている。
詳しい解説を読む →公式サイトを見る ↗
海外取引の始まりから入金までを一本にする
IT / ミニマル
見込み客から請求までの流れを一つの言葉にまとめ、業務画面と三つの開始手順で説明する。
冒頭で見込み客から支払いまでという一連の仕事を短く示し、管理画面を見せた後に顧客、提案、案件、請求の機能を説明する。単独の便利機能を列挙するより、事業者が普段行う取引の流れを製品全体の意味として伝える構成になっている。
詳しい解説を読む →公式サイトを見る ↗