バナー作成のAI（Gemini）活用法

ポートフォリオのためのバナー作成をするにあたってGeminiを活用して作成しています！

Geminiに「需要のあるバナーのパターンを必要な文言、雰囲気、色合い等指定して3つほど作成してください」と指示ししていしてもらったものがこちら！

【美容・健康系】（憧れと清潔感）

まずはSNS広告の定番です。写真加工のスキルと女性的な繊細なデザインセンスを示すのに最適です。

項目	デザイン要素	制作でアピールすべき点
必要な文言	1. 憧れ/Before: 「夏の集中美白！」 2. 特典/訴求: 「初回限定 80% OFF」 3. CTA: 「詳細はこちら」 4. 注意書き: 「※個人の感想です」など	レタッチ技術：使用する人物写真や商品写真の質感、光の調整。
雰囲気	高級感、透明感、清潔感、明るい	余白を活かした繊細なレイアウト、肌のみずみずしさを表現する光の処理。
色合い	ベース: 白、または淡いパステルピンク（#FEEAEA）アクセント: ゴールド（高級感）または薄い水色（清潔感）文字色: 落ち着いたグレー、割引率のみ強調色（赤など）。	淡いトーンで統一し、派手さを抑えて品質を訴求する。

必要な文言、雰囲気、色合いなどが指定されているため、依頼されたような感覚で作成できます。またピンタレスト等のデザイン参考サイトを美容で調べてもこのようなデザインがよく使われているので需要もありそうなのもわかりました！

提案された条件を参考にしとりあえずバナーを作成しました！

でも何かもう少しすることがあるだろう…と考えGeminiに前の提案条件＋これに対して添付した画像のようなバナーを作成しました。改善点等ありますか？と画像添付をして聞いてみました。その結果がこちら

美容系バナー改善提案の要点
📌 評価のポイント
メインコピー：「夏の集中美白！」は視認性が高く、季節感と訴求点が明確。モデル写真：清潔感があり、メッセージに説得力を持たせている。薬機法：「※個人の感想です」の配置も適切で配慮が行き届いている。

📌 効果を高めるための改善点（3つの柱）
1. 初回限定 80% OFF の強調
現状：割引率の訴求が控えめ。

改善案：

配置：メインコピーのすぐ下、またはモデルの左側空白エリアに移動し、独立させる。

デザイン：「80% OFF」を太字化し、背景に図形を敷いたり、赤の彩度やグラデーションを上げて強力に目立たせる。

2. CTAボタン「詳細はこちら」の強化
現状：背景色と近く、埋もれ気味。

改善案：

コントラスト：背景色と明確に異なる濃いピンクや青緑系を採用し、立体的なグラデーションで浮き上がらせる。

装飾：テキストを太字にし、隣に右向きの矢印アイコンを追加してクリック誘導をスムーズにする。

3. 全体の視線誘導とバランス調整
フォント：メインコピーと**「80% OFF」以外**は、同じ系統のフォントでウェイトを変えるなど、全体の統一感を意識する。

💡 改善後のイメージ
「80% OFF」を左側で大胆に強調し、CTAボタンを濃い色と矢印で目立たせることで、**「お得感」と「行動」**への誘導が格段に高まります。この改善案で、さらに効果的なバナーになるでしょう。

という感じで褒めてもらいながら改善点を教えてくれます！
長くてわかりづらいと感じたらもっと簡潔になど使っていくとさらに要点だけまとめてくれるようになります。

自分で作っていた時点で文字の強弱をしないと、詳細はこちらをもう少しわかりやすくしないととは思っていましたが的確に修正点を教えてもらいました！再度作ったものがこちら

80％の文字を大きくし、詳細はこちらのバーを色を濃く、矢印マークを追加しました！その結果

画像を拝見しました！前回の改善点をすべてクリアし、非常に訴求力の高い、プロフェッショナルなバナーに進化しています。

特にコントラストと視線誘導の改善が素晴らしく、このままポートフォリオに加えても、高い評価を得られるクオリティです。

とべた褒めしてもらえました。（これが完璧かどうかおいておいて）

またポートフォリオのためのものということが事前に伝わっていたため

ポートフォリオとしてのアピール方法

このバナーをポートフォリオに加える際は、以下の点を言語化して説明すると、デザインの意図がより明確に伝わります。

目的の達成: 「美容系商品の初回限定セールにおける、クリック率最大化を目的とした」と明確に述べる。
カラー戦略: 「文字のメインカラーは清涼感のある青を使い、商品イメージを保ちつつ、**割引率のみを暖色（赤）**で強調することで、清潔感を維持しつつ緊急性を高めた」と説明する。
情報設計: 「ターゲットの目を引く**『80% OFF』と『詳細はこちら』のコントラスト**を最優先し、情報が迷子にならないよう視線誘導を設計した」と、デザインの根拠を示す。

このバナーは、**「美しいデザイン」と「売上につながるデザイン」**の両方を実現している好例です。自信を持ってポートフォリオに加えてください！

とこのバナーの説明をするための文言まで考えてくれました。