※ アクセス制限をかけています。
ユーザー名：qwe
パスワード：asd
概要
Adobe XDで作られたデザインカンプを元にLP制作を行いました。
このサイトではjQueryライブラリのwow.jsを使用することで、スクロールに応じて要素がフワッと出現するアニメーションを実装しています。
お問い合わせ部分においては、フォーム各要素のデフォルトのデザインをいったん初期化し、そのうえでオリジナルのデザインを実装するという手順を踏んでいます（ラジオボタン、チェックボックスなど）。さらに、必須項目を入力しないと送信ボタンが機能しない、という仕組みを実装しています。Googleフォームの埋め込みも行っております。
CSSの記述にはSassを使用していますが、メディアクエリ用のmixinを定義することで、レスポンシブ時の指定を直感的に記述することができ、コーディングのスピードアップに繋がっています。
前作の「The Company」同様、PerfectPixelでの修正も行っております。
制作期間
４日
担当範囲
コーディング（Adobe XD上のデザインカンプを元に）
ページ数
１ページ
使用プラグイン
wow.js
動作確認環境
- Chrome(Mac, iPhone)
- Safari(Mac, iPhone)
- Firefox(Mac, iPhone)
- Edge(Mac, iPhone)
