架空サイト:あおぞら農園

OVERVIEW

あおぞら農園は、デザインカンプからのコーディング課題を元にした作品で、セクション構成は課題と一緒です。

YEAR 2023

「農場での収穫体験」という架空サービスをイメージし、ファーストビューなどを子供が収穫体験をしている写真にすることで親しみやすさを出し「収穫体験を通して楽しく自然を学ぶ」イメージを表現しました。


サイトURL


制作概要

  • 制作期間:1週間
  • 使用ツール:figumaでのデザインカンプからVScodeコーディング
  • 使用スキル:HTML、CSS、JavaScript、jQuery

実装した機能

  • レスポンシブ対応、ハンバーガーメニューの実装
  • Googleマップの埋め込み
  • 製品一覧のスライドショー
  • FAQでのアコーディオン実装
  • Googleフォームを使用したお問い合わせフォームの実装

外観


WEBSITE