最初に決めるのは色やデザインではない

まず「誰に見てほしいか」「何を売るか」「見た人に次に何をしてほしいか」をAIと整理します。ここが曖昧なままでは、見た目がきれいでも成果につながりにくいサイトになります。

文章ではなくモックで確認する

サイト構成を決めたら、完成イメージを画像で確認します。頭の中の「こんな感じ」を先に見える形にすることで、実装後の大きなやり直しを減らせます。

モックを「参考」ではなく仕様書にする

実装時は、余白、文字サイズ、配置、カードの形までモックと照合します。「雰囲気だけ似せる」と別物になりやすいため、完成仕様として扱うのがポイントです。

違和感をそのままAIへ伝える

専門用語は必要ありません。「文字が小さい」「余白が狭い」「モックより安っぽく見える」のように、感じた違和感を具体的に伝えます。AIと何度も壁打ちしながら育てることが、初心者に合う作り方です。

このサイトも同じ流れで制作

XENOVA公式サイトは、設計→モック→実装→比較修正という流れでAIと作っています。

AI×ホームページ作成を見る →