使用スキル
ejs / Sass / jQuery / JavaScript
CSS設計手法
BEM
概要
全1ページ
架空アプリのLPで、Figmaで作成されたデザインのコーディングを担当しました。
仕様書に従い、主に下記を実装しました。
・「誕生ストーリーを見る」ボタンをタップするとモーダル表示
・YouTubeの埋め込み
・他のサービスとの違いセクションは、SP表示の場合、スクロールバーを表示し横スクロールできるように
・Q&Aはアコーディオン表示で最初の質問のみ開いている
・GALLERYはスライダー表示
仕様書にはありませんでしたが、実務を想定した実装を行うため、下記を追加実装しました。
・webサイトを開く時にスプラッシュを表示
・お問い合わせはPHP工房で実装し、必須項目の入力と、プライバシーポリシーに同意することで内容確認ボタンがアクティブになる
・内容確認画面から送信すると、自作した完了ページに遷移
・メールが正常に送信されると、確認メールが届く
・プラグインを使用せず、jQueryにてアニメーションを実装