実録!AIでホームページ制作をプロンプトだけで試してみた結果

地場工務店様に対して、住宅営業やSNS活用や運用支援、集客戦略やイベント立案等の総合コンサルティングを行なっているReframe(リフレーム)株式会社の天田です。

最近はAIを使ってノーコードでホームページを作れるサービスが増えてきました。

「もう制作会社に頼まなくてもホームページが作れるのでは?」
「Web制作の仕事もAIに置き換わっていくのでは?」

そんな話を耳にすることも増えてきたので、実際に業務の中でAIによるホームページ制作を試してみました。

結論から言うと、

AIは非常に優秀なアシスタントでした。

しかし、現時点では「AIに丸投げすれば理想のホームページが完成する」というものではありませんでした。

実際に感じた難しかったポイント

コードが複雑になりやすく、修正が大変

AIが生成するコードは動くことが多いものの、

  • 不要な記述が多い
  • 回りくどい実装になっている
  • 修正箇所を見つけにくい
  • 同じような処理が複数箇所に書かれている

といったことがよくありました。

特に気になったのは、重複コードの多さです。

例えばボタンのデザインを変更したいと思った時、本来であれば1箇所の修正で済むような処理が、別々の場所に何度も書かれていることがありました。

実際に、

「ここを修正すれば終わりだろう」

と思って変更したら、別のページや別のコンポーネントでは古いデザインのまま残っていた、ということもありました。

結果として、

「このコードを直せばいいのか?」
「同じ処理が他にもないか?」

を探す時間が増えてしまい、修正指示を何度も出してAIに直してもらうくらいなら、自分で書いた方が早いと感じる場面も少なくありませんでした。

制作スピードは非常に速い一方で、長く運用したり、後から機能追加や修正を行うことを考えると、コードの分かりやすさや保守性も重要だと改めて感じました。

デザインが思った以上に単調

ぱっと見は綺麗に見えるものの、

  • メリハリが少ない
  • レイアウトが似通う
  • どこかで見たことのあるようなデザインになる

といった傾向を感じました。

特にホームページ制作では、

「この会社らしさ」
「ブランドイメージ」
「ターゲットに響く雰囲気」

が重要になります。

AIは整ったデザインを作ることは得意ですが、その会社ならではの空気感を表現するのはまだ難しいと感じました。

参考サイトを伝えても思った通りにならない

参考サイトを提示して、

「この雰囲気で」
「こんなイメージで」

と依頼しても、完成するものは意外と違う方向に進むことが多くありました。

もちろん似せることはできるのですが、細かなニュアンスや余白の取り方、デザインの温度感まではなかなか再現できません。

細かい部分で違和感がある

  • 余白のバランス
  • 文字サイズ
  • 配色
  • ボタンの配置
  • レスポンシブ時の見え方

など、細かい部分で「なんとなくおかしい」と感じる箇所が出てきます。

大きな問題ではないものの、こうした小さな違和感の積み重ねが最終的なクオリティに影響していると感じました。

狙ったデザインになるまで運要素が強い

指示を変えながら何度も生成を繰り返していると、

「今回は良い感じ」
「今度は全然違う」

ということも多く、理想のデザインに辿り着くまで運要素を感じる場面もありました。

AIにアイデアを出させることが目的になってしまう

これは個人的に一番意外だったことです。

最初は、

「この部分をこう改善しよう」
「次はこういう見せ方を試そう」

と考えながら使っていました。

しかし、使っているうちに、

自分でアイデアを考えるのではなく、AIに何度も生成させて”当たり”を待つような状態

になっていることに気づきました。

まるでガチャを回すように、

「次こそ良いデザインが出るかもしれない」

と何度も生成を繰り返してしまう。

そして案が増えれば増えるほど、

何が正解なのか、どの案が本当に良いのかが分からなくなってくる。

結果として、本来目指していたデザインから離れてしまったり、

「もうこれでいいか」

と妥協してしまう場面もありました。

さらに不思議だったのは、

もし自分でゼロから作っていたら絶対に採用しないようなデザインでも、AIが提案してくるとなぜか良く見えてしまうことがある

ということです。

何度も生成を繰り返しているうちに、自分の中にあったはずの基準やこだわりが少しずつ薄れていき、

「これもアリかもしれない」
「AIが出してきたんだから悪くないのかもしれない」

と思ってしまう。

そして気づくと、本来なら採用しないはずだったデザインを採用しそうになっていることもありました。

AIは選択肢を増やすことは得意ですが、方向性を決めたり、最終的に判断したりするのは人間の仕事なのだと感じました。

一方で、良かった点もたくさんありました

圧倒的に制作スピードが速い

これは間違いなく最大のメリットです。

ゼロから作るよりも圧倒的に早く、アイデア出しやたたき台作成には非常に向いています。

思ってもみなかった良いデザインが生まれる

自分では思いつかなかったレイアウトや表現が出てくることもあり、

「こういう見せ方もあるのか」

と驚かされることもありました。

AIならではの発想に助けられる場面も多かったです。

コードの勉強になることがある

AIが生成したコードを見ることで、

「こういう書き方もあるのか」
「この実装方法は面白いな」

と学びになることもありました。

特に普段あまり使わない実装方法や新しい書き方を知るきっかけになることがあります。

最終的に感じたこと

しっかりと作りたいデザインや構成が決まっている場合は、

意外と自分で作った方が早いケースも多い。

一方で、方向性が決まっていない段階では、

  • アイデア出し
  • デザインのたたき台作成
  • レイアウトの検討
  • キャッチコピー作成

など、AIは非常に強力な武器になります。

ただし、

「AIに丸投げすれば理想のホームページが完成する」という考え方は少し危険かもしれません。

AIを使わない制作者よりも、
AIを使いこなせる制作者の方が強い。

実際に触ってみて、今はそんな時代なのだと感じています。

Reframe株式会社(リフレーム株式会社)は、地場工務店様向けに個別コンサルティングや各種研修、SNS運用代行を行なっている会社です。詳しくは Reframe株式会社のトップページ をご覧ください。

お問い合わせCONTACT

サービスやイベントの
ご相談・ご質問など、
気軽にお問い合わせください。

電話をする 問い合わせ 資料請求