AIを使ったホームページデザインとは？ 速くなったことと、人が決めること

01AIを使ったデザインとは

AIを使ったデザインとは、案出し、画像、文章の下書き、画面の試作、コーディングといったデザインの作業の一部を、AIと一緒に進めることです。

「AIに頼めば、ホームページが全部できあがる」という意味ではありません。AIはとても速く、たくさんの形をつくってくれます。けれど、その中から何を選び、どう整えるかを決めなければ、伝わるホームページにはなりません。

02AIで変わったこと

AIを使うようになって、いちばん変わったのは「試せる数」と「確認できるタイミング」です。

1. 方向性の違う案を、早い段階でいくつも出せるこれまでは1〜2案を時間をかけてつくっていたところを、雰囲気の違う案を並べて比べられるようになりました。
2. 画像ではなく、実際に動く画面で確認できるデザインを動く試作にしやすくなり、スマートフォンでの見え方や、スクロールしたときの動きまで、早いうちに確かめられます。
3. 修正の反映が速い「ここをもう少し」というご要望を、その場に近いスピードで形にできます。

その結果、「できあがってみたら、イメージと違った」というずれを、早く見つけられるようになりました。

03AIに任せること、人が決めること

CODE4では、AIに任せることと、人が決めることを分けて考えています。

AIは、たくさんの「それらしい答え」を出すのが得意です。一方で、そのお店や会社が誰に、何を伝えたいのかは、お話を聞かなければ分かりません。そこを決めるのが、デザインの仕事だと考えています。

04CODE4の進め方

• ヒアリング：お客様のこと、伝えたい相手、今の悩みをお聞きします。ここはAIに任せません。
• 方向性の案出し：お聞きした内容をもとに、AIも使って雰囲気の違う案をいくつか形にし、方向性を一緒に選びます。
• 動く試作で確認：選んだ方向性を、実際に動く画面にしてご確認いただきます。
• 整える：余白、文字の大きさ、そろえ方などを、デザイナーが一つひとつ整えます。
• 構築・公開：AIを使ったコーディングで、軽くて安全な静的サイトとして仕上げます。

05AIでデザインするときに気をつけていること

AIは便利な道具ですが、使い方を間違えると、お客様のリスクになります。CODE4では、次のことに気をつけています。

• 「ありがち」な見た目にしない：AIに任せきりにすると、どこかで見たようなデザインになりがちです。社名の由来やお客様の言葉から出発して、そのお店や会社らしさを形にします。
• 権利を確認する：既存のロゴやキャラクター、作品に似たものはつくりません。生成した画像の使い方も確認します。
• 内容の正しさを人が確認する：AIの書いた文章には、間違いが含まれることがあります。料金や実績、会社の情報などは、必ず人が確認します。
• お預かりした情報の扱いに配慮する：公開前の情報や個人情報は、AIに渡す範囲に注意して扱います。

06速くつくっても、検索とAIに伝わるように

AIで速くつくれるようになっても、見出しの組み立てや、文字としての情報、会社やサービスの情報を検索エンジンやAIに伝える構造化データは、設計しなければ整いません。

検索結果に加えて、AIに質問したときの答えの中でも見つけてもらえること（LLMO）。これからのホームページには欠かせないと考え、デザインと一緒に設計しています。このCODE4のサイトも、AIと一緒につくりました。つくり方はリニューアルのお知らせでご紹介しています。

07まとめ

• AIを使ったデザインは、案出しや試作、コーディングをAIと一緒に進めること。AIが全部つくるわけではありません。
• AIで「試せる数」が増え、動く画面で早く確認できるようになりました。
• 誰に何を伝えるか、どの案を選ぶか、最後にどう整えるかは、人が決めます。

「AIで何ができるのか知りたい」「今のサイトをAIで見直したい」といったご相談も歓迎です。お気軽にお問い合わせください。