You need to enable JavaScript to run this app.
シェア
はまキッズインターナショナルスクール様
作品について
クレジット
谷藤友紀
ディレクション
デザイナー
はまキッズインターナショナルスクール
浜学園によるインターナショナルスクール。「こころ」と「からだ」を英語ではぐくむ を保育理念としています。
https://hamakids-international.jp/
シェア
コピー
埋め込み
閉じる
制作ノート
戻る
HPリニューアル案件
投稿者
谷藤友紀
制作期間:3ヶ月
課題
HPの修正・更新に職員の手間と時間がかかっていた
情報が整理されておらず、スクールの魅力が十分に伝わっていなかった
強みである「アットホーム感」が表現されていない
競合調査
他のインターナショナルスクール・近隣園のWebサイトを調査
他園が ・情報量が多く分かりづらい ・デザインが硬く、園の雰囲気が伝わりにくい という傾向があることを把握
その結果、 「先生と子どもの距離の近さ」「園のあたたかい空気感」を 差別化ポイントとして打ち出す方針を決定
アプローチ
強み・お困りごとを丁寧にヒアリングし、サイトの方向性を明確化
競合調査をもとに、 他園に埋もれない和気藹々としたデザインを意識して設計
イメージに近いHP・デザインを複数提案し、下書きを作成
旧サイトのテキストをもとに、AIを活用して より見やすく・わかりやすい内容へ再構成
デザイン・制作内容
ロゴマークと園舎の青をメインカラーに、芝生をイメージしたグリーンをアクセントとして使用
実際にスクールへ訪問し、 先生方の仲の良さ・お子様への愛情・あたたかさが伝わるデザインに
TOPページは一目でインターナショナルスクールと分かる構成・ビジュアルを採用
ワイヤーフレーム作成/写真加工/テキスト作成/英語表記まで一貫対応
実装・機能面
日本語・英語切り替えが可能な多言語対応サイトを制作 (英語版も余白やレイアウトを調整し、視認性を重視)
ふわっと下から表示されるアニメーションを実装し、 動きや速度にもこだわり、柔らかく優しい印象に
保護者専用ページを新設し、 職員の方が簡単にPDFを掲載・共有できる仕組みを構築
成果
「更新が楽になった」「使いやすい」と職員の方から好評
業務負担を軽減しつつ、園の魅力が伝わるWebサイトに刷新
Design Point
競合調査を通して見えた課題を踏まえ、 機能性 × あたたかい感情設計を両立したWebサイトを制作しました。
シェア
コピー
埋め込み
谷藤友紀の他の作品
ウェブ
作品を見る
ロイヤルキッズインターナショナルスクール様
すべてのクリエイターにポートフォリオを
fori.io/
無料で使ってみる
プロダクト
foriioとは?
料金プラン
ポートフォリオとは?
ピックアップ
クリエイターキーワード
作品キーワード
foriio限定福利厚生
ヘルプ&ディスカバリー
クリエイターの声
クリエイターの用語集
ご意見・お問い合わせ
FAQ
法人向け
For Business
foriio Team
会社情報
運営会社
会社のニュース
採用情報
プレスキット
利用規約
プライバシーポリシー
情報セキュリティ基本方針
特定商取引法
©2025 foriio, Inc
Made with
❤️
from Tokyo
谷藤友紀
fori.io/yuki-webdesigner
コピー
ポートフォリオを無料で作成
ログイン
はまキッズインターナショナルスクール
浜学園によるインターナショナルスクール。「こころ」と「からだ」を英語ではぐくむ を保育理念としています。
https://hamakids-international.jp/
谷藤友紀の他の作品
ウェブ
作品を見る
ロイヤルキッズインターナショナルスクール様
すべてのクリエイターにポートフォリオを
fori.io/
無料で使ってみる
プロダクト
foriioとは?
料金プラン
ポートフォリオとは?
ピックアップ
クリエイターキーワード
作品キーワード
foriio限定福利厚生
ヘルプ&ディスカバリー
クリエイターの声
クリエイターの用語集
ご意見・お問い合わせ
FAQ
法人向け
For Business
foriio Team
会社情報
運営会社
会社のニュース
採用情報
プレスキット
利用規約
プライバシーポリシー
情報セキュリティ基本方針
特定商取引法
©2025 foriio, Inc
Made with
❤️
from Tokyo