農園サイト

概要
Figmaデザインカンプからのコーディング、オリジナルカスタマイズ
サイトURL
https://farm.ori-web.com/
※Basic認証によりアクセス制限をかけています。
ID: demo / PASS: demo_farm
使用技術
HTML / CSS / Sass / jQuery / Javascript
制作期間
約20時間
概説・ポイント
デザインカンプからのコーディング課題実施後、セクション構成のみはそのまま残し、サービス内容をオリジナルカスタマイズしました。
「和歌山の有機栽培みかんを販売する農園サイト」という架空サービスをイメージし、親しみやすさと温かみをイメージする画像・配色に変更し、生産者の商品にかける思いが伝わるようなキャッチコピーや説明文を作成しました。

その他
・jQueryを利用したハンバーガーメニュー、アコーディオン、スライダー、スムーススクロール、ローディング画面の作成
・Google Mapの埋め込み
・Googleフォームを利用したお問い合わせ欄作成