ドッグストア
サービスサイト
閲覧ID：demo
閲覧PW：demo
- 担当範囲：
- HTML CSS Sass JavaScript (jQuery) microCMS
- 制作期間：
- 1週間
- 使用ツール：
- Figma
- 実装機能：
-
- レスポンシブ対応
- GSAP（Observer）によるMVのスクロール切り替え・ドットナビゲーション
- タイトルのフェードインアニメーション
- ヘッダーの上部固定（背景色変更）
- 地図埋め込み
- microCMSを利用したお知らせ更新機能
- PHP工房によるお問い合わせフォーム（バリデーション・Thanksページ対応）
- 制作概要：
-
GSAPのObserverを使用し、スクロールに合わせてMVが切り替わる演出を実装しました。現在表示中のスライドが分かるようドットナビゲーションも連動させています。
お問い合わせフォームにPHP工房を導入し、バリデーションやThanksページへの遷移を実装しました。
microCMSを導入し、管理画面からお知らせを投稿・更新できるようにしました。公開時はWebhookを利用して自動で再ビルド・公開される構成にしています。
- 閲覧ID：
- demo
- 閲覧PW：
- demo
サイトをご覧いただくにはサイトを見るボタンから閲覧ID、閲覧PWの入力をお願いいたします
Contact お問い合わせ
Web制作、既存のWebサイト修正、
更新のご依頼など、
どうぞお気軽にご相談ください。