最初に決めるのは色やデザインではない
まず「誰に見てほしいか」「何を売るか」「見た人に次に何をしてほしいか」をAIと整理します。ここが曖昧なままでは、見た目がきれいでも成果につながりにくいサイトになります。
文章ではなくモックで確認する
サイト構成を決めたら、完成イメージを画像で確認します。頭の中の「こんな感じ」を先に見える形にすることで、実装後の大きなやり直しを減らせます。
モックを「参考」ではなく仕様書にする
実装時は、余白、文字サイズ、配置、カードの形までモックと照合します。「雰囲気だけ似せる」と別物になりやすいため、完成仕様として扱うのがポイントです。
違和感をそのままAIへ伝える
専門用語は必要ありません。「文字が小さい」「余白が狭い」「モックより安っぽく見える」のように、感じた違和感を具体的に伝えます。AIと何度も壁打ちしながら育てることが、初心者に合う作り方です。
このサイトも同じ流れで制作
AI×ホームページ作成を見る →XENOVA公式サイトは、設計→モック→実装→比較修正という流れでAIと作っています。