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

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

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

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