Web site
保育園サイト
- ■ 担当範囲
- ・コーディング(HTML・CSS・jQuery)
・WordPress構築(オリジナルテーマ)
・ドメイン取得 / DNS設定(ネームサーバー設定) / 公開対応
- ■ 概要
- 既存サイトがモバイルファーストに対応していなかったため、ブランディング刷新も含めたリニューアルを実施。
主なターゲットである在園児の保護者や入園を検討しているユーザーに向けて、保育園の雰囲気や日常が伝わるブログを主軸コンテンツとして設計しました。
また、PC操作に不慣れな運用担当者でも継続的に更新できるよう、シンプルで直感的な更新導線を構築。
デザイン面では余白を大きく確保し、スマートフォン画面では1コンテンツが画面内で完結するレイアウトとすることで、視認性と可読性を高めました。
- ■ 使用技術
- HTML・CSS・jQuery・WordPress
- ■ 実装内容
- ・HTML / CSS / jQueryによるコーディング
・レスポンシブ対応(PC / スマートフォン)
・スライダー実装(Swiper)
・スクロールに応じたアニメーション制御
・オープニングアニメーション実装
・お問合せフォーム(Contact Form 7)
■ 実装の工夫
・入力フォームの視認性・操作性を向上
・情報量が多いため、セクションごとに整理
・スマートフォンでも入力しやすいUI設計
■ UI/UX設計
ユーザーがスムーズに問い合わせ・予約まで進めるよう、シンプルな導線設計を意識
■ パフォーマンス
・画像最適化による表示速度改善
■ マークアップ
・セマンティックなHTML構造を意識
■ 今後の改善
・より効率的なクラス設計の導入
■ 実装の工夫
・コンポーネント化で再利用性を確保
・レスポンシブはモバイルファースト
DATA
- 概要
- 既存サイトがモバイルファーストに対応していなかったため、ブランディング刷新も含めたリニューアルを実施。
主なターゲットである在園児の保護者や入園を検討しているユーザーに向けて、保育園の雰囲気や日常が伝わるブログを主軸コンテンツとして設計しました。
また、PC操作に不慣れな運用担当者でも継続的に更新できるよう、シンプルで直感的な更新導線を構築。
デザイン面では余白を大きく確保し、スマートフォン画面では1コンテンツが画面内で完結するレイアウトとすることで、視認性と可読性を高めました。
- 想定ユーザー
- ・20代〜30代の入園を検討している保護者(スマートフォン利用が中心)
・英語教育を実践している保育園を探している保護者
- 使用技術
- HTML・CSS・jQuery・WordPress
- 実装期間
- 1ヶ月(デザインカンプ支給)
- URL
- https://cocoro-hoikuen.jp/