民宿サービスのLP

Basic認証

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

制作概要

JavaScriptを活用したアニメーションを多く取り入れたLPです。
実装時はJavaScriptの保守のしやすさと共通で使える事を意識したコーディングをしました。特に、ScrollObserverについては「監視する仕組み」と「監視後に何をするのか」を分けて実装し、それによって後からアニメーションを追加・修正が必要になった時も簡単にできる様になってます。
また、GSAPによるアニメーションも初めて取り入れました。旅行好きの人を対象にしたLPなので、見ていてワクワクしつつ、オシャレなアニメーションを意識して実装しています。