実案件
玉島保育園 様
社会福祉法人親和会が運営する、玉島保育園のサイトです。キャッチコピーは「げんきいっぱい 子どもの『できた』を大切に 未来の種を育てる」。さわやかなミントグリーンを基調に、子どもの成長を見守るやさしい雰囲気が、スマートフォンでもパソコンでもそのまま伝わるよう、レスポンシブでの再現に試行錯誤を重ねました。
ご依頼の内容
園見学のお申し込みをお電話で受け付けていたため、毎年度、受付の電話対応が職員の方の大きな負担になっていました。保護者の方にとっても職員の方にとっても、もっと手軽な受付の方法が求められていました。
工夫したポイント
- 「子どもの『できた』を大切に」のキャッチと、ミントグリーンのさわやかな世界観を、スマートフォンでも崩さないレスポンシブ対応
- 園見学の予約フォームの画面をコーディング（Contact Form 7 への組み込みはディレクターが担当）。保護者の方はホームページから手軽にお申し込みいただけるようになり、職員の方が毎年度追われていた電話での受付も必要なくなりました
- CSS設計（FLOCSS）とBEMの命名ルールでクラス名を統一し、チームで制作しても読みやすく、崩れにくいコードに
- GitHubとSourceTreeでバージョン管理を行いながら、チームで分担して制作
- Sassの変数でテーマカラーを管理し、ベースのコードは3園で共通化。末広はレモンイエロー、松ヶ本はコーラル、玉島はミントグリーンと、色を差し替えるだけで園ごとに展開できるつくりにしたため、修正や追加にも柔軟に対応できます