構成
- 後の拡張を考慮してCMSを導入
- 専門知識を解説するコラム記事を自身で投稿していける仕様
- ユーザーが士業に依頼する時の判断基準になる「お客様の声・事例」、これも自身で投稿・修正・更新していけるように投稿機能を追加
デザイン
- 信頼感を与えるため、色は落ち着いたトーンで統一
- 主要な写真は全てモノクロに加工
- 素早く情報を見つけられるために、アニメーションは極力減らす
- 「プライバシーポリシー」と「404ページ」のデザインは簡易的な定型デザインなので無料です。
- 画像は全てフリー素材のサイトO-DAN（https://o-dan.net/ja/）からダウンロードしたものです。
具体的なサイト構成と内訳の目安
サイト構成
- トップページ
- 業務内容
- 事務所概要
- ご相談の流れ
- お客様の声・事例（一覧）
- お客様の声・事例（詳細）
- コラム（一覧）
- コラム（詳細）
- お問い合わせ
- プライバシーポリシー
- 404ページ
サイト内訳
| トップページデザイン | 40,000円 | |
| 下層ページデザイン | 90,000円 | (15,000円×6ぺージ) |
| 下層ページ汎用デザイン | 10,000円 | (5,000円×2ページ) |
| トップページコーディング | 20,000円 | |
| 下層ページコーディング | 54,000円 | (9,000円×6ぺージ) |
| 下層ページ汎用コーディング | 6,000円 | (3,000円×2ページ) |
| アニメーション | 3,000円 | |
| CMS（WordPress） | 30,000円 | |
| 追加投稿機能 | 15,000円 | |
| メールフォーム（プラグイン） | 15,000円 | |
| ディレクション | 28,00円 | (総額の10％) |
総ページ数 11ページ
制作期間 約１カ月
総額 311,300円
さらに提案するとしたら
- 連絡先の電話番号は、フッターだけでなくヘッダーに配置
- モバイル用は画面が小さいからナビゲーションを開閉式（ハンバーガーメニュー）にすることが一般的だけど、お問い合わせボタンと連絡先の電話番号はヘッダーに表示した方よさそう
- メールフォームは誤送信防止のための確認ボタンと、プライバシーポリシーの同意ボタンを設置