work
web
GARDEN SALAD
GARDEN SALAD
outline

Figmaで作成されたデザインカンプをもとに、表参道にある架空のカフェのLPをコーディングしました。
店舗マップはGoogle Maps APIを使用して、サイトの雰囲気に合うようカスタマイズしています。

お問い合わせフォームはGoogleフォームと連携しています。
jQueryによるバリデーション機能を採用しており、入力項目に不備がある場合送信ボタンが押せない仕様にしております。

他にもプライバシーポリシーコンテンツのモーダルウィンドウ、横スクロールで閲覧できる
Instagramコンテンツなどを取り入れています。

デザイン面ではスクロールバーをサイトの雰囲気に合わせて、追加でデザイン調整しています。

data
https://demo-01.yumimuranishi.com

ユーザー名:demo01
パスワード:mura

使用言語:HTML/CSS/Sass/jQuery/JavaScript
作成期間:5日

GARDEN SALAD
GARDEN SALAD
GARDEN SALAD