保育園サイト［2024年4月期gチーム］

作品URL

https://xs341037.xsrv.jp/toranoko-hoikuen/

概要

チームチャレンジ企画4月期gチームで架空の保育園「とらのこほいくえん」のWebサイトを制作しました！

＜デザインのポイント＞
・保育園のやさしくあたたかい雰囲気が伝わるように、丸みを帯びたフォントやパステルカラーを使用しました。
・使用するイラストをすべて水彩画テイストのものに揃え統一感を出しました。
・「フォントは大きめで読みやすく」を心がけて制作しました。

＜コーディングのポイント＞
・サイト構成図や制作担当表を作成して、スムーズにコーディングを進められるようにしました。
・CSSはBEMとFLOCSSを採用し、クラス命名について事前に打ち合わせすることで、CSS設計が破綻しないようにしました。
・ページをまたいで使用するコンポーネントを先に作成することで、作業工数を短縮できるよう心がけました。
・デザインカンプに分かりやすい指示(参考URLなど)があったおかげでデザインの意図を組みながらアニメーションなどつけることができました。
・流行りのGSAP(Javascript)を取り入れて、オープニングアニメーションやtopページの動物たちがふわふわ浮かぶ動き、その他可愛いを全面にアピールできるサイトに作り上げるためサイトに合ったアニメーションの実装に力を入れました。チームメンバーで話し合いを重ね制作を進めたサイトですので、ご覧いただけますと嬉しいです！

チームメンバー紹介


えりな（担当範囲：デザイン）
［X］https://x.com/erinadesign_

きよふみ（担当範囲：コーディング）
［X］https://x.com/kiyofumi1117

大輔（担当範囲：コーディング）
［X］https://x.com/Daisuke19800108