つばさ保育園HP

架空サイト作成
保育園ホームページ

つばさ保育園という架空の保育園のホームページを作成しました。保育園を検討している保護者様、通園中の保護者様に向けて、安心して子どもを園に預けることができる雰囲気を大切にしました。

About

要件概要


ターゲット

園の近隣に住む25〜40歳前後の保護者(特に初めての子育て層)


目的

・子どもに合った園だと思ってもらう

・募集要項を見た後、説明会に参加してもらう(もしくは問い合わせをしてもらう)


Concept

デザインコンセプト


デザインイメージ
(与えたい印象)

親しみやすや、安心感、あたたかさ、清潔感

日常に密着した保育園のサイトであるため、親しみやすさを第一に考えました。


カラー

明るく、あたたかい雰囲気を作るために、オレンジのパステルカラーをベースとし、「つばさ=大空」のイメージから、アクセントに水色を使用しました。


Point

制作のポイント

01 メインビジュアル

園のイメージを大きく左右するメインビジュアルでは、入園した後の自身の子どもの姿をイメージできるよう、園児たちの笑顔の写真素材を2枚選定しました。

1枚目

2枚目

02 保育園らしさ

ヘッダーアイコンにはつばさ保育園から鳥をイメージし、可愛いイラストを採用しました。また、園児のイラストやセクションを積み木の形で囲むなど、保育園らしくあたたかな印象になるようにしています。

ヘッダーアイコン

園児イラスト

お知らせセクション

03 アニメーション

CTAボタンのアニメーションは、ポップな印象になるように意識して設定しました。(ぜひ下のボタンにマウスを合わせてください)

CTAボタン

Date

制作データ


制作期間

設計:2週間(20時間)

デザイン:2ヶ月(50時間)


使用ツール

Figma / WordPress / HTML / CSS


ご相談はこちらから

制作に関するご相談・お問い合わせは以下のフォームから受け付けています。

お気軽にご相談ください。