使用スキル

ejs / Sass / jQuery / JavaScript

CSS設計手法

BEM

概要

全1ページ

架空アプリのLPで、Figmaで作成されたデザインのコーディングを担当しました。

仕様書に従い、主に下記を実装しました。
・「誕生ストーリーを見る」ボタンをタップするとモーダル表示
・YouTubeの埋め込み
・他のサービスとの違いセクションは、SP表示の場合、スクロールバーを表示し横スクロールできるように
・Q&Aはアコーディオン表示で最初の質問のみ開いている
・GALLERYはスライダー表示

仕様書にはありませんでしたが、実務を想定した実装を行うため、下記を追加実装しました。
・webサイトを開く時にスプラッシュを表示
・お問い合わせはPHP工房で実装し、必須項目の入力と、プライバシーポリシーに同意することで内容確認ボタンがアクティブになる
　・内容確認画面から送信すると、自作した完了ページに遷移
　・メールが正常に送信されると、確認メールが届く
・プラグインを使用せず、jQueryにてアニメーションを実装