家具家電レンタルサービスのLP

Basic認証

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

制作概要

Figmaのデザインカンプから実装しました。
初めて下層メニューがついているタイプのヘッダーメニューを実装。PCとスマホでそれぞれ違和感がないように意識し、異なる挙動で実装してます。
特にPCではマウスホバーで下層メニューが表示され、下層メニュー外をクリックするか、下層メニューからマウスが外れたら非表示とする挙動をJavaScriptを用いて実装しています。自分がPCを操作していて違和感なく、煩わしくない様に考えて制作をしました。
それ以外にも、随所にアニメーションをストレスない程度に取り入れ、飽きずに次のセクションにいける様にしました。