パイナップル農園サイト（デモサイト）

サイト情報

サイトURL　：　https://planetdesign.xsrv.jp/yomitan-pine/

制作概要

Figmaのデザインカンプからのコーディングの課題を元に、ロゴや配色、題材、画像、テキストを変え、半オリジナル化した架空の作品になります。

制作時期：2023年9月

制作期間：5日

制作内容：Figmaのデザインカンプよりコーディングを行いました

ページ数：2ページ

サイト構成：トップページ・お問い合わせ完了

使用ツール：VScode・Figma

使用スキル：HTML・CSS・Sass・JavaScript・jQuery

実装した機能・工夫した点

・ローディング画面の実装

・Swiperのスライダー機能を用いて製品一覧を実装

・FAQセクションをアコーディンで実装

・お問い合わせフォームをPHP工房で実装

・お問い合わせフォームにバリデーションを実装