DESIGN NOTES
冒頭にはファッション写真の集合と素材を置く場所のような表示があり、商品カタログを撮り直す用途を短く示す。本文では商品やブランドを入力し、候補を生成し、選び、出力する順序へ進む。AI全般ではなく商品を見せる制作工程に用途を絞っている。
白い広い画面の中央で、角の丸い写真が円をつくるように並び、真ん中に素材の入力場所を思わせる枠がある。上部の黒い丸いメニューと右上の開始ボタンは小さく、写真を主役にする。右側には用途名が積み重なり、制作物の種類を補足している。
本文は商品ページ用の画像、広告や利用者投稿風の素材、動画など出力先の違いを説明する。入力から選択、書き出しまでの段階を分けるため、生成後の使い道も理解しやすい。掲載画像があることと、自分の素材で同じ品質を再現できることは区別して読む必要がある。
冒頭の開始ボタンと中央の入力を思わせる表示が、説明を読んだ後の操作を想像させる。今回は素材をアップロードせず、公開表示のみ確認した。初回は写真の表示まで待つ時間があり、読み込みが完了してから円状の配置を確認し、画面を保存している。
画像制作サービスなら、多数の機能名よりも一つの素材からどんな出力をつくるかを写真で見せる方法が使える。用途が複数ある場合も、商品ページや広告など掲載先で分類すると伝わりやすい。依頼素材の条件と制作後の権利は別の説明として揃えたい。
APPLY TO YOUR PROJECT
素材を中心に制作例を並べ、入力と出力の関係を視覚化する。出力先を用途別に示すと、画像制作サービスの使い道を想像しやすい。
冒頭の写真は表示まで待機が必要だった。似た演出を採用する際は軽量化と読み込み中の案内を用意し、制作例の権利も確認する。
国内IT / タイポグラフィ
役割別の解説から実務サービスへつなぐ
IT / タイポグラフィ
大きな社名の下に書籍、役割別の解説、研修や開発サービスをまとめる知識発信型の企業サイト。
冒頭でAIエージェントを扱う会社であることを示し、ニュース、出版物、対象者別のガイド、提供サービスへ進む。技術に詳しくない経営者から実装を考える担当者まで、同じ言葉を異なる深さで学べる入口を用意する情報の組み立てが特徴である。
詳しい解説を読む →公式サイトを見る ↗
海外IT / グリッド
導入手順と人への引き継ぎを示す
IT / グリッド
青い設計図のような区画で、問い合わせ対応AIの導入手順と人への引き継ぎを説明する。
冒頭で問い合わせに答えるAIという用途を示し、何をする製品か、どの基盤で動くか、導入の手順へ進む。URLを接続し、内容を学ばせ、設置するという三段階を見せることで、抽象的なAIの能力よりも利用開始までの道筋を先に理解させている。
詳しい解説を読む →公式サイトを見る ↗
海外入力と完成例を隣に置く
IT / タイポグラフィ
黒と黄色の大きなカードで、AIによるモックアップ制作を具体的な入力と出力として見せる。
冒頭で製品を見せる画像をつくる用途を示し、入力欄を思わせる例と生成の操作を隣に置く。本文では背景や光の編集、画像の組み合わせ、拡大などへ説明を広げる。汎用的なAIの紹介ではなく、商品を見せる制作工程に絞って理解させる流れになっている。
詳しい解説を読む →公式サイトを見る ↗