構成
- 店舗紹介のサイトで、必要最低限の情報のみ、頻繁な情報更新もないという想定で、静的サイトにしました。
- 電話での予約のみを想定して、メールフォームや予約フォームも無し
- 初めてのユーザーが知りたい施術前後の「Flow（流れ）」をトップページに掲載
- 大事な愛犬を預けるので、どういうトリマーが運営しているのかは、重要だと思います。なので、「Staff」のぺージを作りました。
- 店舗型のWebサイトに必須の地図はGoogle Mapsでリンク
デザイン
- 落ち着いたエレガントな雰囲気の店舗を想定した配色
- テキストも店舗の雰囲気に合わせて明朝体を使用
- エレガントな雰囲気と清潔感を持たせるため、余白を多めにとりました。
- 「ご利用規約」と「404ページ」のデザインは無料です。
- 画像は全てフリー素材のサイトO-DAN（https://o-dan.net/ja/）からダウンロードしたものです。
具体的なサイト構成と内訳の目安
サイト構成
- Top
- Menu
- Staff
- ご利用規約
- 404
サイト内訳
| トップページデザイン | 40,000円 | |
| 下層ページデザイン | 30,000円 | (15,000円×2ぺージ) |
| トップページコーディング | 20,000円 | |
| 下層ページコーディング | 18,000円 | (9,000円×2ぺージ) |
| 下層ページ汎用コーディング | 6,000円 | (3,000円×２ぺージ) |
| アニメーション | 3,000円 | |
| CMS（WordPress） | ー | |
| メールフォーム | ー | |
| ディレクション | 11,700円 | (総額の10％) |
総ページ数 5ページ
制作期間 約２週間
総額 128,700円
さらに提案するとしたら
- 連絡先の電話番号は、フッターだけでなくヘッダーにも配置
- モバイル用に画像を加工（サイズ変更）
- モバイル用は画面が小さいからナビゲーションを開閉式（ハンバーガーメニュー）にすることが一般的だけど、連絡先の電話番号はヘッダーに表示した方よさそう