観光キャンペーンPRサイト

Basic認証

設定あり。
ユーザー名：demo　パスワード：demo

制作概要

観光キャンペーンのLPでFigmaのデザインカンプから実装しました。
多くの人にキャンペーンに応募してもらうために、全体的に装飾用の画像も多く賑やかで楽しい雰囲気のデザインのため、レスポンシブ対応ではどの画面サイズでも装飾画像が邪魔にならずデザインの再現もしっかりできる様に実装しました。
お問い合わせセクションではtab操作での場合も含めてfocusでの設定を実装しました。
また、お問い合わせフォームではバリテーションを利用し、入力エラーをチェックとエラー時の見た目の変更を実装しています。