保育園ウェブサイトうつぼの森保育園(A)

ID : web   PASS : imaginary22

スクールのグループ制作で制作した架空の保育園ウェブサイトです。
下層ページ「園について」のコーディングを担当し、レスポンシブ(スマートフォン)対応までしました。
デザインが2案あり、A案B案としてそれぞれ同時並行で制作しました。

3週間

デザイン : Adobe XD
コーディング : HTML/CSS/jQuery

トップページと共通部分、パーツはグループの他メンバーが作成し、連携を取りながらコーディングしました。
CSSの命名規則を決めたり、コーディング方法を相談しあったり、一人では決して経験できない体験をさせていただきました。
ディレクターやデザイナーとも動きの確認など相談を重ね、コミュニケーションの大切さを痛感しました。

コーディングの際に気をつけたことは、デザインに忠実に実装することです。
また子供らしいデザインに見えるよう、可愛く動くページになるようなアニメーションを意識しました。