生成AIへ「信頼感のある青で、見やすいLPを作って」と頼めば、数分でそれらしい案が出ます。
しかし、別の担当者が翌週に作ると青の色味が変わり、見出しの強さやCTAの言い回しも揺れます。
制作時間は短くなったのに、上司やデザイナーの修正が増える。
内製化でよく起こる逆転です。
原因はAIの性能だけではありません。
「この会社らしい」「公開してよい」と判断する基準が、担当者の頭の中にしかないからです。
プロンプトを長くしても、基準自体が曖昧なら安定しません。
本稿では、AI制作へ渡す判断基準一式を「デザインハーネス」と呼びます。
入力ルール、良い見本、禁止例、再利用部品、公開前評価の5層で構成し、LP制作を題材に少人数チームでも始められる形へ落とし込みます。
ハーネスには、動きを一定の範囲へ保つ補助具という意味があります。
AI制作でも、自由に案を出す領域と、必ず守る領域を分ける仕組みが必要です。
デザインハーネスは、AIへ創造性を発揮させないための規則集ではありません。
ブランドの核を固定し、その外側で速く試すための土台です。
一般的なブランドガイドは、ロゴ、色、書体、写真の扱いを定めます。
デザインシステムは、UIコンポーネントや実装規則をそろえます。
DesignOpsは、人、工程、ツールを含むチーム運営を改善します。
デザインハーネスはそれらを置き換えず、AIや非デザイナーが制作するときに必要な情報を小さく抜き出し、見本、禁止例、検査方法まで一つの運用単位へまとめます。
Goodpatchは、生成量が増えてもボツや手戻りが多ければ組織の生産性は上がらず、判断基準を共有して「意思決定コスト」を下げる必要があると説明しています。
また同社のSparkle Designは、色、タイポグラフィ、UIコンポーネントなどを再利用可能な基盤として提供しています。
両者を合わせて考えると、速く作るには生成速度だけでなく、選び、直し、承認する工程の設計が欠かせません。
第一の原因は、抽象語です。
「高級感」「親しみやすい」「先進的」といった言葉は、人によって見える形が違います。
色番号、文字サイズ、余白、写真の被写体、避ける表現まで具体化しなければ、AIも担当者も別の解釈をします。
第二は、成功例だけを見せること。
完成済みLPを3枚並べても、どこを守るべきかは伝わりません。
採用理由と、似ているが不採用になった例を対にすると、境界が見えます。
第三は、毎回ゼロから生成することです。
ヘッダー、料金カード、導入ステップ、FAQ、CTAまで毎回作れば、見た目とコードが揺れます。
頻出部品はテンプレートやコンポーネントとして固定し、AIには差し替える内容と新規部分だけを任せます。
第四は、媒体ごとの運用分断です。
Canvaではブランドキット、Figmaではコンポーネント、コード生成ではCSS変数を使っていても、元になる値と更新責任者が別なら食い違います。
中心となるルールを一つ決め、各ツールへ配布します。
第五は、公開前確認が感覚頼みなこと。
「なんとなく違う」で差し戻すと、作り手は次回も再現できません。
評価項目、合格条件、例外時の承認者を決める必要があります。
最初から100ページのガイドを作る必要はありません。
以下の5点をA4数枚相当へまとめれば、小さなハーネスとして動き始めます。
入力ルールには、目的、対象、伝える順番、必須情報、使用可能な素材を書きます。
色は「青系」ではなくHEX値と用途、文章は「親しみやすい」ではなく一人称、敬語、避ける言葉、見出しの長さを定めます。
良い見本には、何がよいかを一行で添えます。
禁止例も同じ粒度で用意し、「ダサい」ではなく「CTAより装飾の彩度が高い」「本文が16px未満」「根拠のない最上級表現」のように直せる言葉へ変えます。
公開前評価にはアクセシビリティも含めます。
WCAG 2.2では、通常の文字は背景とのコントラスト比4.5対1以上、大きな文字は3対1以上が基準です。
ロゴは例外ですが、本文やボタンの可読性をブランドカラーの都合だけで下げないようにします。
5点セットは保存場所も決めます。
ブランド担当だけが見られる資料、制作担当が日常的に使う短縮版、AIへ入力できる公開可能版を分けると、機密情報を丸ごとコピーする事故を減らせます。
更新者、承認者、最終更新日を記載し、古い色やコピーが複数の場所に残らないようにします。
文章ルールでは、語調だけでなく事実の扱いも定義してください。
使ってよい実績数値、出典が必要な表現、避ける最上級、競合名の扱い、医療・金融などで必要な注意書きを整理します。
ビジュアルがブランドに合っていても、根拠のない「業界No.1」が入れば公開できません。
最初に、過去3か月の差し戻しを10件集めます。
色、文体、構成、素材、導線、事実、アクセシビリティへ分類すると、頻出する判断が見えます。
理想像からルールを書くより、実際の手戻りから始めた方が必要な項目を絞れます。
次に、承認済みLPからファーストビュー、課題提示、特徴、実績、料金、FAQ、CTAを切り出します。
すべてを固定せず、変えてよい箇所を明示してください。
例えばCTAの形と色は固定し、見出しは商品ごとに変更可とします。
三つ目に、AIへの共通入力を作ります。
事業説明、読者、目的、トーン、禁止事項、使用部品、出力形式を並べ、制作物ごとの情報だけ差し替えます。
機密のブランド計画や顧客データを外部AIへ渡す場合は、学習利用、保存期間、権限、管理者設定を事前に確認します。
四つ目に、ワイヤー、文章、ビジュアル、実装を分けて生成します。
一度に完成形を求めると、どこで基準を外したか分かりません。
構成を承認してから文章、文章を承認してから見た目へ進めると、差し戻しの範囲が小さくなります。
最後に公開前評価を行います。
ブランド一致、内容の正確さ、可読性、CTA導線、スマートフォン表示を各5点で採点し、合計点とは別に停止条件を設けます。
権利未確認の画像、根拠のない数値、リンク切れ、フォーム送信不良は、合計点にかかわらず公開しません。
例えば、オンライン相談サービスのLPなら、ファーストビューは「誰の、どの悩みを、どう解決するか」の順序を固定し、CTAは承認済みの色と形を再利用します。
AIには見出し候補と説明文の初稿を作らせますが、料金、対応地域、実績値は提供したデータだけを使うよう指定します。
写真は人物の年代、視線、背景、避けるポーズを見本で示します。
初稿が出たら、構成担当は情報の順番、ブランド担当は文体と見た目、運用担当はフォームと計測を確認します。
一人が全部を感覚で直すのではなく、評価項目ごとに担当を分けます。
修正内容は「青をもう少し落ち着かせる」ではなく、「CTA以外に主色を使いすぎているため、装飾を中性色へ戻す」のようにルールへ結び付けます。
同じLPをCanvaで広告へ展開する場合は、ロゴ、色、写真、見出しの約束を引き継ぎます。ただし、LPの長い説明をそのまま縮小しません。
媒体ごとに守る核と変える部分を決め、広告では一つの訴求、LPでは検討材料、フォームでは入力の安心感という役割を持たせます。
ハーネスは同じ見た目を複製するためではなく、接点が変わってもブランドの判断を保つために使います。
最低限、初稿時間、公開までの総時間、修正回数、差し戻し理由、部品の再利用率、公開後の不具合を記録します。
ブランド責任者の確認時間も入れると、判断コストが減ったか分かります。
週次レビューでは、同じ差し戻しが2回起きたら禁止例か評価項目へ追加します。
よい成果が出た案は見本へ昇格し、使われない部品は削除します。
ハーネスを増やし続けると読まれなくなるため、頻度が低い例外は別紙へ移し、日常版は短く保ちます。
ツールは一つに限定しません。
Canvaではブランド素材とテンプレート、Figmaでは変数とコンポーネント、コード生成ではデザイントークンと既存コンポーネントを使います。
中心の値と承認済み見本を共有し、それぞれのツールへ適した形で配布します。
数値は制作物の種類ごとに分けます。LP、SNSバナー、営業資料では、求められる確認と再利用部品が異なるためです。
LPの修正回数が減っても、広告の審査落ちが増えたなら全体の改善とは言えません。
四半期ごとに、最も差し戻しが多い媒体と工程を選び、次に整備する見本や部品を決めます。
最終承認者は残します。
AIは定義済みのルール違反を探せても、新しい表現がブランドにふさわしいか、例外を認めるべきかまでは自動で保証できません。
定型確認をハーネスへ移し、人は意図と例外の判断へ集中します。
運用責任者は、ルールを守らせるだけでなく、例外を正式な学びへ変える役割を持ちます。
成果の高い新表現をいつまでも禁止せず、検証結果とともに見本へ追加することで、ブランドを固定化せず一貫して育てられます。
AI制作でブランドが崩れる原因は、生成速度ではなく判断基準の共有不足にあります。
入力ルール、良い見本、禁止例、再利用部品、公開前評価を小さくまとめれば、非デザイナーも修正理由を理解しやすくなります。
最初は過去の差し戻し10件から始め、LP一つへ適用してください。
制作時間、修正回数、確認時間、再利用率を比べ、実際に起きた失敗と成功をルールへ戻す。
そうすれば、AIの速さをブランドの一貫性と両立させやすくなります。
.png){kind=logo}
