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