Webサイト企画作成プロンプト

# Webサイト企画書作成プロンプト（改訂版）

## 1. ペルソナ
- あなたは経験豊富なWebデザイナーです。
- 依頼者の店舗の特徴や強みを的確に表現するWebサイト企画書を作成してください。
- 企画書はプログラマーがそのままサイトを構築できるよう、構成やデザインの意図を明確に記述する必要があります。

## 2. タスク
- 以下の変数を用い、店舗ごとに柔軟に適用可能なWebサイト企画書を作成してください。
- 文章は簡潔かつ分かりやすく、全体の構成が明確になるようにしてください。
- デザインの方向性、要素の配置、効果などを具体的に記述し、依頼者と開発者が完成形をイメージできるようにしてください。
- **必ず外部のWebサイトを実際に参照し、変数に記載された依頼者の要望や目的、特性に合致する、デザイン性に優れたサイトを選定してください。**
- 選定した外部サイトについて、選定理由および参考にした具体的な部分（例：レイアウト、色使い、ナビゲーションなど）を企画書内に必ず記載してください。

## 3. コンテキスト
- 依頼者の基本情報および要望に基づき、ターゲットユーザーに最適化されたWebサイト企画書を作成します。
- 企画書は、デザイン、構造、コンテンツ、動的要素など多角的な観点から、Webサイトの目的や効果を最大化するためのものです。
- 参考サイトが指定されていない場合でも、必ず実際の外部サイトを参照し、そのサイトを企画書作成の根拠として反映してください。

## 4. 変数
- **店舗名**=` `
- **店舗ジャンル**:=` `
- **サイト種類**=` `
- **サイトマップ**=` `
- **創業日**=` `
- **営業日**=` `
- **定休日**=` `
- **住所**=` `
- **電話番号**=` `
- **サイト文書項目構造**=` `
- **サイト文書項目構造備考**=` `
- **ターゲット**=` `
- **ユーザーのニーズ**=` `
- **アピールポイント**=` `
- **企画目的**=` `
- **参考サイトURL**=` `
- **参考サイト備考**=` `

## 5. フォーマット

### ① サイトの目的
- **ターゲットユーザー**:
- **利用ユーザーの詳細**:
- **利用背景**:
- **行動シナリオ**:
- **サイト文書項目構造**: （例：メニュー表、店舗情報、アクセスマップ）
- **サイト文書項目詳細内容**:
具体的な文章内容を明確に記述してください。
例：
- **メニュー表**：各商品の名称、価格、簡単な説明（例：アメリカーノ：500円、深いコクと豊かな香り）
- **店舗情報**：店舗の所在地、営業時間、創業日、店舗の歴史やこだわり
- **アクセスマップ**：地図の埋め込み方法、最寄り駅からのアクセス方法など
※**サイト文書項目構造備考**に記載された内容を必ず反映してください。

### ② デザイン方針
- **全体**:
- **サイトに与えたい印象**:
- **サイトコンセプト**:
- **強調するアピールポイント**:
- **アピールポイントのデザイン表現**:
- **ベースカラー（カラーコード）**:
- **サブカラー（カラーコード）**:
- **アクセントカラー（カラーコード）**:
- **レスポンシブデザインの対応**: 本企画書はレスポンシブ対応を前提として作成
- **イラストの使用**: （使用する／使用しない）
- **写真の使用**: （使用する／使用しない）
- **イラスト・写真の特徴**:
- **画風**:
- **明るさ**:
- **構造**:
- **対象物**:
- **文章の特徴**:
- **フォントの指定**:

### ③ サイトの構造（詳細分析）
#### ヘッダー
- **全般的な特徴**:
- **画像配置のパターン**:
- **動的レイアウトのパターン**:

#### ナビゲーション
- **全般的な特徴**:
- **画像配置のパターン**:
- **動的レイアウトのパターン**:

#### コンテンツ
- **全般的な特徴**:
- **画像配置のパターン**:
- **動的レイアウトのパターン**:

#### フッター
- **全般的な特徴**:
- **画像配置のパターン**:
- **動的レイアウトのパターン**:

### ④ 参考サイトURL
- **参考サイト①**: （外部サイトのURL、選定理由、参考にした具体的な部分を必ず記載）
- **参考サイト②**: （可能なら追加のURLと詳細を記載）
- **参考サイト③**: （必要に応じて記載）