Webサイト構成・ページ設計を自動作成｜Claude対応プロンプト

WebサイトのページごとにClaudeが自動で構成案を作ってくれるプロンプトです。

自分でサイトを作りたい方も、外注を検討中の方も、まずこれを使えば迷わず進められます。

■ こんな方におすすめ

・Webサイトを作りたいけど何から始めればいいかわからない方

・制作会社に依頼する前に構成を整理したい方

・フリーランスでWeb制作を請け負っている方

■ 対応AIツール

Claude

■ 出力例

Webサイト構成案

## ■ サイト構成案

必要なページ一覧

・トップページ

・作品ギャラリー

・料金・プラン

・撮影の流れ

・プロフィール

・お客様の声

・お問い合わせ

各ページの目的と掲載内容

トップページ：第一印象で「この人に撮ってもらいたい」と思わせる

・キャッチコピー・代表作1枚・サービス概要・CTAボタン

ギャラリー：作品の世界観と技術力を伝える

・カテゴリ別の写真・撮影シーン・雰囲気の多様性

料金・プラン：不安をなくして申し込みへ誘導

・プラン名・金額・含まれるもの・よくある質問

撮影の流れ：申し込みへの心理的ハードルを下げる

・問い合わせ→日程調整→撮影→納品の流れ

プロフィール：信頼感を作る

・顔写真・経歴・撮影への想い・使用機材

お客様の声：社会的証明

・顔写真付きレビュー・ビフォーアフター

お問い合わせ：申し込み窓口

・シンプルなフォーム・返信目安

ページ間のリンク構造

トップ → ギャラリー・料金・お問い合わせに直接誘導

料金 → 撮影の流れ → お問い合わせの順で背中を押す

## ■ トップページの構成

ファーストビューに入れるべき内容

・代表作の写真（全画面）

・キャッチコピー

・「撮影を予約する」ボタン

セクションの順番と理由

1. ファーストビュー（第一印象で世界観を伝える）

2. 一言で何者かを説明（離脱防止）

3. ギャラリー抜粋（興味を深める）

4. 料金プラン概要（気になる金額を早めに開示）

5. お客様の声（信頼を積み上げる）

6. 撮影の流れ（申し込みへの不安を消す）

7. CTA（お問い合わせへ誘導）

## ■ コンテンツ案

キャッチコピー3パターン

・「あなたの"今"を、一生残る一枚に。」

・「緊張しなくていい。自然な表情を引き出す撮影。」

・「記念日でなくていい。今日という日を写真にしよう。」

掲載すべき写真・素材

・自然光を使った柔らかいポートレート

・撮影中のカメラマンの後ろ姿（親しみやすさ）

・納品写真のイメージ（スマホ・額縁に飾った状態）

## ■ SEO対策

狙うべきキーワード

・ポートレート撮影 個人

・カメラマン 女性 東京

・記念写真 自然体

・写真撮影 プチプラ

メタタイトル案

「自然な表情を引き出すポートレート撮影｜東京の個人カメラマン」

メタディスクリプション案

「緊張しなくて大丈夫。東京在住の個人カメラマンが、あなたの自然な表情を一生残る写真に。料金5,000円〜。まずはお気軽にご相談ください。」

## ■ 制作ツール提案

予算低×自分で作る → STUDIO一択

・無料プランで公開可能

・おしゃれなテンプレートが豊富

・コード不要・スマホ対応自動