- 目的
- 入園者数を増やしたい
- 保育士の採用を強化したい
- 他の園との比較検討の候補に挙がるようにしたい
- 課題
- 現サイトへのアクセスが少ない
- 現サイトに園からのお知らせを発信できる場所がない
- 現サイトに採用情報が掲載されていない
- 資料請求ページに辿り着きにくい作りになっている
- 現サイトに園の様子や子供たちの写真が少ない
- ターゲット
- 福島県郡山市在住の0〜5歳児の子供を持つ両親
- 保育園の最終決定権が母親にある場合が多い為、女性寄りとする
- 情報設計
- 保育園の特徴や雰囲気を知ってもらい、次のアクション（資料請求や施設見学）に繋げるため、コンテンツの掲載順を「当園の特徴」「保育園での1日」「入園をご検討の皆さまへ」にしています。
- 「資料請求」「お問い合わせ」「採用情報」は目的を達成させる重要な情報であるため、ヘッダーにボタンを設置しアクセスしやすいようにしました。
- 「資料請求」の「請求」というワードが「有料」を連想させるため、ボタンの文言を「資料プレゼント」や「資料ダウンロード」にしています。
- お問い合わせのハードルを低くさせるため、電話番号だけでなくお問い合わせフォームへのリンクも設置しました。
- 保育園での子供たちの様子や雰囲気が伝わるよう、子供たちの写真を多く掲載しています。
- デザイン詳細
- 与えたい印象：活発、安心安全、清潔感
- メインカラー：ロゴの黄色
- 配色：オレンジ、黄緑、水色
- フォント：丸みのあるゴシック
- デザイン意図
- 保育園の雰囲気である「活発さ」が伝わるよう、サイト全体やボタンにアニメーションで動きを付け、サイト全体の色味を温かみのある色にしています。
- トンマナが合うよう、ボタンや画像の角やフォントを丸みのあるものにしました。
- 「保育園での1日」「入園をご検討の皆さまへ」「採用情報」は目的を達成させる重要なエリアであるため、背景を水玉やボーダーにすることで他のエリアとの差別化を図りました。
- 「入園をご検討の皆さまへ」エリアでは、特にアクセスして欲しいページ（入園のご案内、資料プレゼント、施設見学案内）にすぐアクセスできるよう、アイコンやボタンの大きさ、カラーでボタンを目立たせ横並びにしています。
- 制作期間
-
- ワイヤーフレーム
- 1日
- デザイン
- 1週間
- コーディング
- 2週間
- 担当領域
-
サイトマップ作成/ワイヤーフレーム作成/デザイン/コーディング
- 開発手法
-
HTML/CSS/JavaScript
- 使用ツール
-
Illustrator/Photoshop/Dreamweaver/XD
