WebサイトのページごとにClaudeが自動で構成案を作ってくれるプロンプトです。 自分でサイトを作りたい方も、外注を検討中の方も、まずこれを使えば迷わず進められます。 ■ こんな方におすすめ ・Webサイトを作りたいけど何から始めればいいかわからない方 ・制作会社に依頼する前に構成を整理したい方 ・フリーランスでWeb制作を請け負っている方 ■ 対応AIツール Claude ■ 出力例 # Webサイト構成案 ## ■ サイト構成案 必要なページ一覧 ・トップページ ・作品ギャラリー ・料金・プラン ・撮影の流れ ・プロフィール ・お客様の声 ・お問い合わせ 各ページの目的と掲載内容 トップページ：第一印象で「この人に撮ってもらいたい」と思わせる ・キャッチコピー・代表作1枚・サービス概要・CTAボタン ギャラリー：作品の世界観と技術力を伝える ・カテゴリ別の写真・撮影シーン・雰囲気の多様性 料金・プラン：不安をなくして申し込みへ誘導 ・プラン名・金額・含まれるもの・よくある質問 撮影の流れ：申し込みへの心理的ハードルを下げる ・問い合わせ→日程調整→撮影→納品の流れ プロフィール：信頼感を作る ・顔写真・経歴・撮影への想い・使用機材 お客様の声：社会的証明 ・顔写真付きレビュー・ビフォーアフター お問い合わせ：申し込み窓口 ・シンプルなフォーム・返信目安 ページ間のリンク構造 トップ → ギャラリー・料金・お問い合わせに直接誘導 料金 → 撮影の流れ → お問い合わせの順で背中を押す ## ■ トップページの構成 ファーストビューに入れるべき内容 ・代表作の写真（全画面） ・キャッチコピー ・「撮影を予約する」ボタン セクションの順番と理由 1. ファーストビュー（第一印象で世界観を伝える） 2. 一言で何者かを説明（離脱防止） 3. ギャラリー抜粋（興味を深める） 4. 料金プラン概要（気になる金額を早めに開示） 5. お客様の声（信頼を積み上げる） 6. 撮影の流れ（申し込みへの不安を消す） 7. CTA（お問い合わせへ誘導） ## ■ コンテンツ案 キャッチコピー3パターン ・「あなたの"今"を、一生残る一枚に。」 ・「緊張しなくていい。自然な表情を引き出す撮影。」 ・「記念日でなくていい。今日という日を写真にしよう。」 掲載すべき写真・素材 ・自然光を使った柔らかいポートレート ・撮影中のカメラマンの後ろ姿（親しみやすさ） ・納品写真のイメージ（スマホ・額縁に飾った状態） ## ■ SEO対策 狙うべきキーワード ・ポートレート撮影 個人 ・カメラマン 女性 東京 ・記念写真 自然体 ・写真撮影 プチプラ メタタイトル案 「自然な表情を引き出すポートレート撮影｜東京の個人カメラマン」 メタディスクリプション案 「緊張しなくて大丈夫。東京在住の個人カメラマンが、あなたの自然な表情を一生残る写真に。料金5,000円〜。まずはお気軽にご相談ください。」 ## ■ 制作ツール提案 予算低×自分で作る → STUDIO一択 ・無料プランで公開可能 ・おしゃれなテンプレートが豊富 ・コード不要・スマホ対応自動