コンテンツに進む
  • 会員TOP
  • ウェビナー
  • インタビュー
  • Slack
  • Q&A
ログイン
    デイトラコミュニティ
    • 会員TOP
    • ウェビナー
    • インタビュー
    • Slack
    • Q&A
    ログイン カート

    カートにアイテムが追加されました

    Access Denied
    IMPORTANT! If you’re a store owner, please make sure you have Customer accounts enabled in your Store Admin, as you have customer based locks set up with EasyLockdown app. Enable Customer Accounts

    保育園サイト[2024年4月期gチーム]

    2024年7月25日

    作品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

    一覧に戻る
    Invalid password
    Enter

    株式会社デイトラ

    〒170-6045 東京都豊島区東池袋3-1-1 サンシャイン60 45階

    • HOME
    • 利用規約
    • プライバシーポリシー
      © 2025, デイトラコミュニティ Powered by Shopify
      • 選択結果を選ぶと、ページが全面的に更新されます。