GensparkのAI画像生成が便利すぎた！Webサイト提案用のデザイン案を一気に量産してみた話

Webサイト制作の商談では、「どんなデザインができるのか」を相手に分かりやすく見せることがとても大切です。

サイト制作では、言葉だけでイメージを伝えるのが難しい場面も少なくありません。

「やわらかい雰囲気」「上品な印象」「女性向けの高級感」など、方向性は伝えられても、実際にどんな見た目になるのかは、ビジュアルがないと伝わりにくいことがあります。

そんな時に便利だったのが、GensparkのAI画像生成です。

今回は、脱毛サロンのWebサイト商談に向けて、Gensparkを使って架空のサイトデザイン案を作ってみたところ、とてもスムーズに提案のたたき台が作れたので、その活用方法を紹介します。

商談前の「見せる資料づくり」に悩むことは多い

Webサイトの打ち合わせや商談では、ヒアリングだけで終わってしまうと、相手が完成形をイメージしにくいことがあります。

もちろん、参考サイトを見せる方法もありますが、完全に条件に合うものが見つからないこともありますし、業種や雰囲気がぴったり一致するとは限りません。

そこで、「こんな感じのサイトが作れます」というラフなビジュアル案を複数見せられると、商談がかなり進めやすくなります。

特に今回のようなアイラッシュサロンのように、世界観や雰囲気が重視される業種では、最初の印象づくりがとても重要です。

GensparkのAI画像生成でデザイン案を作成

今回使ったのは、GensparkのAI画像生成機能です。

入力したプロンプトは次のような内容です。

脱毛サロンのWebサイトの打ち合わせがあります。

どのようなデザインのWebサイトが出来るか案を見せたいので、架空の脱毛サロンWebサイトのイメージを作って下さい。

５案作成して下さい。

テキスト等は日本語のサイトにして下さい。

ファーストビュー・トップページ以外にコンテンツも分かるような案を生成して下さい。

このように、かなりシンプルな指示でも、Gensparkはしっかり意図をくみ取って、Webサイトのイメージ案をサクッと出してくれました。

複数の案を一気に出せるのが大きなメリット

実際に便利だと感じたのは、1案だけではなく、複数案をまとめて出せることです。

商談では、最初からひとつの方向に絞りすぎるよりも、いくつか異なるテイストを見せた方が、相手の好みや反応を探りやすくなります。

たとえば、

・ナチュラルでやさしい雰囲気

・白を基調にした清潔感のあるデザイン

・くすみカラーでまとめた大人っぽい印象

・高級感を重視したラグジュアリー系

・かわいらしさを強めた女性向けデザイン

このように、同じ脱毛サロンでも見せ方はさまざまです。

５～10案ほど一気に出しておくと、「この雰囲気が好き」「もう少し落ち着いた感じがいい」「高級感は欲しいけど、硬すぎない方がいい」など、相手の好みが見えやすくなります。

ファーストビューだけでなく下層の雰囲気まで見えるのが良い

WebサイトのイメージをAIで作る時、ファーストビューだけがきれいに出るケースもあります。

しかし、実際の打ち合わせでは、トップページ全体の流れや、どんなコンテンツが入るのかも見せたいところです。

今回のプロンプトでは、「FV以外にコンテンツも分かるような案を生成して下さい」と入れたことで、ファーストビューだけでなく、その下に続く構成もある程度分かる案が出てきました。

これがかなり使いやすく、単なるイメージ画像ではなく、「実際にこういうサイト構成で作れそう」という提案資料に近い感覚で使えます。

相手にとっても、完成イメージがぐっと具体的になるはずです。

日本語サイトとして出せるのも提案に便利

もうひとつ便利だったのが、日本語テキストのサイトイメージとして出せる点です。

英語のダミーテキストだと、見た目はおしゃれでも、商談相手にとっては少しイメージしにくいことがあります。

一方、日本語でそれっぽく構成されたサイト案であれば、実際の運用イメージに近く、より伝わりやすくなります。

美容系のクライアントや、Webにあまり詳しくないお客様に提案する場合でも、日本語の方が圧倒的に理解してもらいやすいと感じました。

方向性の追加指示でさらに精度を上げられる

最初に５案ほど出してみると、ある程度「この方向が良さそう」という傾向が見えてきます。

そこから追加で、

・もっと上品で大人っぽく

・韓国風のデザインに寄せたい

・淡いピンク系でやわらかく

・高級感はあるけれど親しみやすく

・ナチュラルで抜け感のある印象に

といったように方向性を加えていくと、さらにイメージに近い案を作っていくことができます。

この「まず量を出して、そこから絞る」という流れがとてもスムーズで、デザインの初期提案としてかなり優秀だと感じました。

打ち合わせ・商談のたたき台として十分使える

もちろん、AIが出した画像をそのまま本制作に使うわけではありません。

ただ、商談やヒアリングの段階で「どんなデザインがあり得るか」を視覚的に共有する資料としては、かなり使えます。

特に、まだ方向性が固まっていない段階では、AIで複数パターンを見せることで会話が生まれやすくなります。

「こういう感じは好きです」
「これは少しかわいすぎるかも」
「この余白感はいいですね」
「もっと写真を大きく見せたいです」

このように、ビジュアルがあることで、言葉だけでは出てこなかった希望や好みが引き出しやすくなります。

AIを使うことで提案準備のスピードが上がる

従来であれば、商談前にラフ案を複数作ろうと思うと、それなりに時間がかかっていました。

ワイヤーを組んだり、参考サイトを探したり、ざっくりデザインを作ったりと、提案前の準備にも労力が必要です。

しかし、AI画像生成をうまく使えば、最初のアイデア出しや方向性確認の工程をかなり短縮できます。

実際にデザイン系の仕事をしていて思う、時間・労力・心理的ダメージが大きい部分が「たたき台・試作デザインを何パターンも作る＝没案が大量に発生せざるを得ないのを承知でも大量に作成する必要がある」という非合理的な部分です。

この部分の労力をAIにある程度任せられるのは本当に助かります！

特に、「とりあえず雰囲気を見せたい」「何パターンか比較したい」という時には非常に相性が良いです。

制作そのものをすべてAIに任せるというより、打ち合わせ・商談や企画の初期段階を加速させるツールとして使うと、とても便利だと感じました。

GensparkのAI画像生成でデザイン案を作成する際のポイント

一昔前は「プロンプトが～」という話がありましたが、

とにかく「自分が作ってほしいこと、やってほしいこと」を箇条書きでも良いから入れてみることがコツです。

先程の文章も、ほぼ箇条書き状態でお願いしている状態です。

●●●●のWebサイトの打ち合わせがあります。

どのようなデザインのWebサイトが出来るか案を見せたいので、架空の●●●●のWebサイトのイメージを作って下さい。

●案作成して下さい。

テキスト等は日本語のサイトにして下さい。

ファーストビュー・トップページ以外にコンテンツも分かるような案を生成して下さい。

コツとしては