制作期間:3ヶ月
課題
- HPの修正・更新に職員の手間と時間がかかっていた
- 情報が整理されておらず、スクールの魅力が十分に伝わっていなかった
- 強みである「アットホーム感」が表現されていない
競合調査
- 他のインターナショナルスクール・近隣園のWebサイトを調査
- 他園が
・情報量が多く分かりづらい
・デザインが硬く、園の雰囲気が伝わりにくい
という傾向があることを把握
- その結果、 「先生と子どもの距離の近さ」「園のあたたかい空気感」を
差別化ポイントとして打ち出す方針を決定
アプローチ
- 強み・お困りごとを丁寧にヒアリングし、サイトの方向性を明確化
- 競合調査をもとに、
他園に埋もれない和気藹々としたデザインを意識して設計
- イメージに近いHP・デザインを複数提案し、下書きを作成
- 旧サイトのテキストをもとに、AIを活用して
より見やすく・わかりやすい内容へ再構成
デザイン・制作内容
- ロゴマークと園舎の青をメインカラーに、芝生をイメージしたグリーンをアクセントとして使用
- 実際にスクールへ訪問し、
先生方の仲の良さ・お子様への愛情・あたたかさが伝わるデザインに
- TOPページは一目でインターナショナルスクールと分かる構成・ビジュアルを採用
- ワイヤーフレーム作成/写真加工/テキスト作成/英語表記まで一貫対応
実装・機能面
- 日本語・英語切り替えが可能な多言語対応サイトを制作
(英語版も余白やレイアウトを調整し、視認性を重視)
- ふわっと下から表示されるアニメーションを実装し、
動きや速度にもこだわり、柔らかく優しい印象に
- 保護者専用ページを新設し、
職員の方が簡単にPDFを掲載・共有できる仕組みを構築
成果
- 「更新が楽になった」「使いやすい」と職員の方から好評
- 業務負担を軽減しつつ、園の魅力が伝わるWebサイトに刷新
Design Point
競合調査を通して見えた課題を踏まえ、
機能性 × あたたかい感情設計を両立したWebサイトを制作しました。