久しぶりの更新になりました。
ワ多ナベのWebデザイン探訪4件目、今回の題材は「すかわ保育園」のWebサイトです。
すかわ保育園
すかわ保育園(須川保育園)は、長崎県南島原市西有家町にある保育園です。「あそぶ・たべる・つくる」をキーワードに、子ども達が安心し、自信をもって日々の生活やあそびができる環境づくりと、自発的な成長のサポートを行います。
sukawa-hoikuen.com
ワ多ナベ
お久しぶりにLet’s探訪!!!!!!
サイトの分析
【サイト分類】：コーポレートサイト
【メインビジュアル】：左右分離型(スライドショー機能あり)
【サイトレイアウト】：1カラムレイアウト
【ナビゲーション】：(PC)上ナビバー追従(SP)右上ハンバーガー、タップで全画面
【ターゲット層】：ｃ（入園希望者、保護者）
【目的】：園児の増加、園内を伝える、入園希望者に情報提供、広報、認知度アップ【CV】：入園児童増加、資料請求、問い合わせ、アクセスアップ
カラーリング・フォント
【フォント】サンセリフ
見出し：tbchibirgothicplusk-pro, sans-serif;
テキスト：tbchibirgothicplusk-pro, sans-serif;
【カラーリング】肌色・茶色
ベースカラー：#FFF
メインカラー：#FAF8F2
アクセントカラー：#F7F1E6,#482800,F1EBDF
フォントカラー：#482800,#FFF
ロゴカラー：#482800
特徴
機能
- サイト遷移ローディング中は保育園のロゴ(アニメーションつき)
- メインビジュアルフェードin＆拡大後にキャッチコピー、ナビのフェードイン
- スクロールでコンテンツフェードin（スライド機能あり）
- ボタンホバー白く光る
- マウスオーバーで矢印出現のボタンもある
- 「今日のできごと」として園内の様子を写真で伝える記事あり
- ページフッターンに基本情報と地図配置
- 園内スタッフの保育方針もテキストとして的確に提示
デザイン
- 丸ゴシックで読みやすく柔らか・穏やか・優しい印象を与える
- 園児がいきいき楽しいようすをサイト内画像として配置、写真数多め
- メイン・アクセントカラーを同系色でまとめ、サイトの統一感を出す。
- サイト内配置のアイコンは線のみ、色なし
- サイト内に配置されたgoogleマップも同系色に→サイト馴染みが良い。
- 暖色系の配色で、優しさと信頼感を与える。
まとめ
小さいこどもを持ち、入園先を考えている保護者にむけたコーポレートサイトになっていました。
同系色で色を多く使用しサイト全体にまとまりを持たせ、丁寧な情報提供と優しい配色で保育園を表現し、信頼感がグッと伝わってくるサイトに仕上げられていました。
コメント