自主制作
デザインカンプをもとに制作した、家具・家電のオンライン販売を想定したランディングページです。メガメニューやアコーディオンメニューの実装、ユーザーが直感的に商品カテゴリーへアクセスできるナビゲーション設計を意識しました。また、商品紹介・サービスの特徴・FAQ・CTAを段階的に配置することで、ユーザーが自然な流れで購入・問い合わせへ進める情報設計を意識して構築しています。
Basic認証
ID：demo PW：demo
ホバー時にメガメニューが表示されるナビゲーションを実装しました。PCではホバー操作でメニューが展開され、SPではクリック操作で開閉できるようJavaScriptで制御しています。また、ユーザーがメニューから離れた際にスムーズに閉じるようオーバーレイ処理を追加し、操作性と視認性に配慮したナビゲーションを構築しました。
FAQセクションにアコーディオンUIを実装しました。質問項目をクリックすると回答が展開される仕様にし、JavaScriptで開閉状態を制御しています。ページの情報量を抑えながら必要な内容を確認できる構成とし、シンプルな操作で閲覧できるようユーザビリティを意識して実装しました。
ユーザーの行動を促すCTAの配置を意識して実装しました。「今すぐ会員登録」ボタンをページ上部・中部・下部に配置することで、ユーザーがページのどの位置からでもアクションを起こせる導線設計にしています。スクロールの流れに合わせてCTAを配置することで、自然に会員登録へつながる構成を意識しました。
