2章 AI活用のヒント

前の章に戻る次の章に進む

2章 AI活用のヒント

この章の目安学習時間：1時間

この章で到達できるゴール

AIをデザイン作業における「アシスタント」や「壁打ち相手」として捉える思考法を理解できる。
デザインの各工程で、AIを具体的にどのように活用できるかのアイデアや事例を知ることができる。
実際のデザイン課題を想定し、AIを使ってどのようにアプローチできるかの思考実験ができるようになる。

【2-1】AIとの協業マインドセット

目安の学習時間：10分

AIとの関係性：的確な指示の重要性

生成AIは、テキストや画像を自動で生成する強力な技術ですが、その能力を最大限に引き出すためには、AIとの関係性を正しく理解することが不可欠です。
AIを単に「これを作って」と指示するだけの魔法の箱として捉えていると、期待する成果を得ることは難しいでしょう。
AIの能力を最大限に引き出すためには、明確な指示と対話を通じたブラッシュアップが不可欠です。

AIとの上手な付き合い方

AIを「具体的な指示がないと動けない、非常に知識豊富な新人アシスタント」のように考えてみましょう。
良い仕事をしてもらうためには、仕事の背景や目的、アウトプットの具体的な要件を丁寧に伝える必要があります。
この「伝え方」こそが、後続の教材で学ぶ「プロンプトエンジニアリング」の基礎となります。

この章では、AIを「思考の壁打ち相手」や「発想の泉」として活用するマインドセットを学び、一方的に指示するのではなく、協力してデザインを創り上げていく「創造的パートナー」としての関係性を築くための第一歩を踏み出します。

【2-2】デザインプロセスにおけるAI活用事例

目安の学習時間：30分

AIによるリサーチ・情報収集の効率化

Webデザインのプロセスは、丁寧なリサーチから始まります。
AIは、この時間のかかる工程を劇的に効率化する強力なアシスタントになります。

具体例：「新しいパーソナルジム」のLP制作に向けたリサーチ

従来であれば数時間、あるいは数日かかっていたリサーチが、AIへの的確な質問によって数分で完了する可能性があります。

競合LP調査の具体例
- AIへの指示（プロンプト）：

東京都内で展開している女性向けパーソナルジムのLPを3つ挙げてください。
それぞれのLPのデザインコンセプト、ターゲットへの訴求ポイント（キャッチコピーや強み）、
料金プランの提示方法について比較・分析して、表形式でまとめてください。

プロンプト

AIからの回答例：

ジム名	デザインコンセプト	訴求ポイント（強み・キャッチコピー）	料金プランの提示方法
VenusFit	白とゴールドを基調とした高級感・ラグジュアリーな雰囲気。モデルのような女性の写真が中心。	「選ばれたあなただけに、最高の輝きを。」完全個室、美容エステ連携、パウダールーム完備などを強調。	2ヶ月コースXX万円〜。より詳細なプランはカウンセリングで提示する形式で、高級感を維持。
ActiveOne	オレンジとグレーを使った、アクティブでスポーティーな雰囲気。トレーニング中の躍動感ある写真が多い。	「動けば変わる、未来が変わる。」科学的根拠に基づくトレーニングメソッド、食事指導の徹底を強調。	目的別（ダイエット、ボディメイク等）に複数のコースを用意。料金は全て明確に記載し、透明性をアピール。
My-Pace	木目と緑を基調とした、ナチュラルで親しみやすい雰囲気。一般の女性が笑顔で運動する写真を使用。	「がんばらない、私のためのジム時間。」運動が苦手な人でも安心、都度払いOK、厳しい食事制限なし、などを強調。	月額プランと都度払いプランを併記。初回体験料金を安く設定し、来店のハードルを下げている。

ターゲットインサイトの深掘りとペルソナ作成の具体例

AIへの指示（プロンプト）：

パーソナルジムの利用を検討している20代の女性会社員が、ジム選びで重視するポイントと、逆に不安に感じることは何ですか？
LPにどのような情報があれば、彼女たちは安心し、体験してみたいと感じるでしょうか？ 
上記の情報を基に、このジムの典型的なユーザーペルソナを『ミキ、28歳、都内在住の会社員』として、
彼女のライフスタイルや悩みを具体的に記述してください。

プロンプト

AIからの回答例：【ターゲットインサイト分析】

- **重視するポイント：**
    - アクセスの良さ（会社の近く、駅近）
    - トレーナーの実績と人柄
    - 料金の明確さとコストパフォーマンス
    - リアルな利用者の口コミやビフォーアフター
    - 清潔感のある施設や備品（ウェアレンタルの有無など）
- **不安に感じること：**
    - 高額な料金を払って効果が出なかったらどうしよう
    - 厳しい食事制限やトレーニングについていけるか
    - トレーナーと相性が合わなかったら気まずい
    - 他の利用者の目が気になる
- **LPに求める安心情報：**
    - 返金保証制度の有無
    - 体験トレーニングの内容と料金
    - 複数のトレーナーのプロフィール紹介
    - 個室または少人数制であることの明記

---

**【ペルソナ：『ミキ』の詳細】**
ミキは28歳、丸の内のIT企業で働く会社員。
日々のデスクワークで運動不足を感じており、最近では肩こりやむくみが酷くなってきた。
20代前半の頃に比べて体重も落ちにくくなり、自己流の食事制限や宅トレでは限界を感じている。

Instagramで見るような健康的な身体に憧れはあるものの、運動経験は少なく、
フィットネスクラブに入会しても結局行かなくなってしまった経験がある。
高額なパーソナルジムには興味があるが、「自分なんかが行っていいのだろうか」
「もし効果がなかったら…」と一歩を踏み出せずにいる。
彼女は、ただ痩せるだけでなく、正しい知識を身につけ、自分に自信を持ちたいと心の底では願っている。

解答例

AIによるアイデア発想・ブレインストーミング支援

リサーチで得た情報をもとに、LPの構成（ワイヤーフレーム）や具体的な訴求メッセージを考えます。
AIを「壁打ち相手」にすることで、自分一人では思いつかないような多角的なアイデアを得ることができます。

具体例：「パーソナルジムLP」のコンテンツとキャッチコピーを考えるケース

LPコンテンツのアイデア出し
- AIへの指示（プロンプト）：

ペルソナ『ミキ』さんが『ここなら私に合っているかも！』と納得し、
体験申し込みをしたくなるような、LPに必要なコンテンツのアイデアを10個提案してください。
『お客様の声』や『トレーナー紹介』のような定番だけでなく、ユニークな切り口のアイデアもお願いします。

プロンプト

AIからの回答例：

1. **お客様の声（動画インタビュー）：** 2〜3分程度のリアルな声で、成果だけでなく通う中での心の変化も語ってもらう。
2. **トレーナーとの相性診断チャート：** 簡単な質問に答えるだけで、おすすめのトレーナーが分かるお楽しみコンテンツ。
3. **1日のトレーニングの流れ（動画付き）：** 来店から退店までをシミュレーションで見せ、不安を解消する。
4. **食事指導の具体例紹介：** 「こんなものも食べてOK！」という意外性のあるメニュー例を見せ、
厳しい制限がないことをアピール。
5. **よくある質問トップ5とその回答：** 最も多い疑問に先に答えておくことで、信頼感を醸成する。
6. **他のジムとの違いが一目でわかる比較表：** 「価格」「サポート体制」「専門性」などで自社の強みを視覚的に示す。
7. **卒業生へのインタビュー：** リバウンドせず体型を維持している様子を伝え、長期的な価値を示す。
8. **体験トレーニングの予約空き状況カレンダー：** その場で予約できる手軽さを提供する。
9. **ジムのこだわり空間紹介：** パウダールームのアメニティや、ウェア・タオルの質など、女性が喜ぶ細部をアピール。
10. **代表メッセージ（トレーナーになった理由）：** なぜこのジムを始めたのか、その想いを伝えることで共感を呼ぶ。

解答例

キャッチコピーの生成
- AIへの指示（プロンプト）：

『仕事帰りに手ぶらで通える』『運動初心者でも安心』という強みを打ち出し、
ペルソナ『ミキ』さんの心に響くLPのメインキャッチコピーを10パターン考えてください。
共感を呼ぶエモーショナルな切り口と、メリットを分かりやすく伝える機能的な切り口の両方から提案してください。

プロンプト

AIからの回答例：【エモーショナルな切り口】

1. もう、続かない自分にサヨナラ。
2. 今日の私が、未来の私を好きになる。
3. 自信って、カラダから作れるんだ。
4. 週1回、自分を甘やかさない時間。
5. 「変わったね」って、最高の褒め言葉。

**【機能的な切り口】**
6.  ウェアもシューズも無料。だから、思い立った日に始められる。
7.  運動経験ゼロのあなたへ。プロが選んだ、最短ルート。
8.  厳しいだけが、正解じゃない。科学が教える、私らしいカラダ作り。
9.  駅徒歩3分。忙しい毎日に、賢い選択を。
10. 高い？いいえ、一生モノの価値です。【全額返金保証付き】

回答例

AIによるビジュアル・テキスト作成の補助

アイデアが固まったら、次はそのイメージを具体化する工程です。
AIは、デザインの「たたき台」となるビジュアルや、LPで実際に使用する文章（ライティング）を素早く提供してくれます。

具体例：「パーソナルジムLP」のデザインとライティング

キービジュアル用画像の生成
- AIへの指示（プロンプト）：

LPのキービジュアルを作成します。健康的でスタイリッシュな雰囲気で。
スタイリッシュなトレーニングウェアを着た20代の日本人女性が、自然光が差し込む清潔感のある
ジムで笑顔でストレッチしている。背景は少しぼかし、都会的で洗練された雰囲気を出す。
キーカラーはミントグリーンと白。写真のようにリアルなスタイルで。

プロンプト

AIからの回答例：

LP内文章（ボディコピー）のたたき台作成
- AIへの指示（プロンプト）：

このパーソナルジムの3つの特長
（1. 完全手ぶらでOK, 2. 女性専門の安心空間, 3. 経験豊富なプロトレーナー）について、
ペルソナ『ミキ』さんが読みやすく、メリットが直感的に伝わるような紹介文をそれぞれ150字程度で作成してください。」

プロンプト

AIからの回答例：

**1. 荷物は不要！完全手ぶらで、最高のトレーニングを。**
仕事帰りに重い荷物を持ってジムへ…。そんな面倒とはもうサヨナラ！
当ジムでは、スタイリッシュなウェアからシューズ、タオル、お水まで、トレーニングに必要なものは全て無料でご用意しています。
あなたはただ「行きたい」と思った時に、身軽に来るだけ。思い立ったその日から、理想の自分に向けた一歩を踏み出せます。
    
**2. 周りの目が気にならない。あなただけの女性専門空間。**
「汗だくの顔を見られたくない」「男性の視線が気になる…」そんな心配はもういりません。
当ジムは、会員もトレーナーも全員女性。あなたの気持ちを本当に理解できる仲間しかいません。
清潔感あふれる空間で、心からリラックスして、自分の身体と向き合うことに集中できる環境をお約束します。
    
**3. 運動ギライでも大丈夫。プロがあなたをゴールへ導く。**
「これまで何度も挫折してきた…」そんなあなたにこそ、私たちのプロトレーナーが必要です。
ただ厳しいだけでなく、あなたの骨格やライフスタイルに合わせて「楽しく続けられる」メニューをオーダーメイドで作成します。
ささいな疑問や不安も気軽に相談できる。二人三脚のパートナーとして、目標達成まで徹底的に伴走します。

解答例

0.AI時代のWebデザイナーの概要理解 2-1

注意

このセクションで紹介した活用法は、あくまで「こんなことができる」という可能性の提示です。
具体的なAIツールの詳細な使い方や、高品質なアウトプットを引き出すためのプロンプト技術は、後続の専門講座でじっくりと学びます。
ここではまず、「AIはデザインの様々な工程で頼れるパートナーになりそうだ」という感覚を掴むことを重視してください。

【2-3】章末課題：AI活用ケーススタディ

目安の学習時間：20分

問題

WEBCOACHの演習課題で、ある地域の観光促進を目的としたLPを制作したとします。
しかし、クライアントから「メインのキービジュアルが少しありきたりで、もっと地域の隠れた魅力を伝えられるようなインパクトが欲しい」というフィードバックを受けました。

この章で学んだことを参考に、AIを活用してこの課題を解決するためのアプローチを3ステップで考えて、それぞれAIをどのように活用できるか記述してください。
また余裕がある人は、AIの活用場面でどのようなプロンプトを入力するかについても考えて記述しましょう。

自己評価のポイント

完成した課題は以下のポイントに従って自己評価しましょう！

【ポイント】

今回の課題では、具体的なAIツールの名前を挙げ、どのように活用するかを明確に記述しましょう。
「隠れた魅力」を伝えるために、AIがどのような視点やアイデアを出せるか、具体的なプロンプト例を交えて説明すると良いでしょう。
WEBCOACH先生に、あなたの解決策に対するさらに発展的なアイデアや、他のAI活用方法について質問してみても良いでしょう。

解答解説

この課題では、AIを段階的に活用し、リサーチからビジュアル提案までをスムーズに行う思考プロセスが重要です。

以下に解答の一例を示します。

ステップ1：コンセプトの深掘り (テキスト生成AIの活用)
- まず、課題の根本である「地域の隠れた魅力」を発見するために、ChatGPTのようなテキスト生成AIを活用します。
- プロンプト例：「〇〇（地域名）の知られざる魅力や歴史、文化について教えて。特に若者や外国人観光客に響きそうなユニークな切り口で、ストーリーが感じられるように」
- これにより、単なる観光名所ではない、例えば「星空が美しい伝統的な祭り」や「地元職人の工房」といった、より深く、物語性のあるコンセプトの種を発見します。
ステップ2：ビジュアルアイデアの生成 (画像生成AIの活用)
- 次に、ステップ1で得たコンセプトを基に、画像生成AIでビジュアルの方向性を探ります。
- プロンプト例：「日本の伝統的な祭りの夜、満点の星空の下で提灯が優しく灯り、人々が楽しそうに踊っている。幻想的で美しい、少しレトロなアニメ風のイラスト」
- このように具体的なシーンを描写することで、ありきたりな風景写真とは一線を画す、独創的で魅力的なキービジュアルのアイデアを複数得ることができます。
ステップ3：デザインへの統合と提案
- 生成された画像の中から最もコンセプトに合うものを選び、必要に応じてPhotoshopで色調補正などの調整を加えます。
- 仕上げに、再度テキスト生成AIに「星空の祭りをテーマにした、旅心をくすぐるキャッチコピーを5つ考えて」と依頼し、ビジュアルに合うコピーを配置して、新しいキービジュアル案としてクライアントに提案します。

このプロセスにより、短時間でリサーチに基づいた独創的なビジュアル案を複数作成し、クライアントの期待を超える提案が可能になります。

これで「2章 AI活用のヒント」の解説を終わります。
次の章に進みましょう。

前の章に戻る次の章に進む