Facebook はまキッズインターナショナルスクール様
Logo

はまキッズインターナショナルスクール様

クレジット
Avatar
ディレクション
デザイナー
制作ノート
HPリニューアル案件

制作期間:3ヶ月

課題

  • HPの修正・更新に職員の手間と時間がかかっていた
  • 情報が整理されておらず、スクールの魅力が十分に伝わっていなかった
  • 強みである「アットホーム感」が表現されていない

競合調査

  • 他のインターナショナルスクール・近隣園のWebサイトを調査
  • 他園が ・情報量が多く分かりづらい ・デザインが硬く、園の雰囲気が伝わりにくい という傾向があることを把握
  • その結果、 「先生と子どもの距離の近さ」「園のあたたかい空気感」を 差別化ポイントとして打ち出す方針を決定

アプローチ

  • 強み・お困りごとを丁寧にヒアリングし、サイトの方向性を明確化
  • 競合調査をもとに、 他園に埋もれない和気藹々としたデザインを意識して設計
  • イメージに近いHP・デザインを複数提案し、下書きを作成
  • 旧サイトのテキストをもとに、AIを活用して より見やすく・わかりやすい内容へ再構成

デザイン・制作内容

  • ロゴマークと園舎の青をメインカラーに、芝生をイメージしたグリーンをアクセントとして使用
  • 実際にスクールへ訪問し、 先生方の仲の良さ・お子様への愛情・あたたかさが伝わるデザインに
  • TOPページは一目でインターナショナルスクールと分かる構成・ビジュアルを採用
  • ワイヤーフレーム作成/写真加工/テキスト作成/英語表記まで一貫対応

実装・機能面

  • 日本語・英語切り替えが可能な多言語対応サイトを制作 (英語版も余白やレイアウトを調整し、視認性を重視)
  • ふわっと下から表示されるアニメーションを実装し、 動きや速度にもこだわり、柔らかく優しい印象に
  • 保護者専用ページを新設し、 職員の方が簡単にPDFを掲載・共有できる仕組みを構築

成果

  • 「更新が楽になった」「使いやすい」と職員の方から好評
  • 業務負担を軽減しつつ、園の魅力が伝わるWebサイトに刷新

Design Point

競合調査を通して見えた課題を踏まえ、 機能性 × あたたかい感情設計を両立したWebサイトを制作しました。

シェア
谷藤友紀の他の作品