採用・人材

採用・キャリア LP

Type
コーディング・実装
担当範囲
コーディング / レスポンシブ対応 / スライダー実装(9か所)
使用技術
HTML / SCSS / JavaScript / GSAP / Swiper
開発・運用環境
Docker / Vite / macOS

担当内容

制作会社経由の採用・キャリア支援LPで、支給デザインカンプをもとにHTML・SCSS・JavaScriptのコーディングとレスポンシブ対応を担当しました。限られた制作期間の中で、ページ内9か所のスライダーを実装しています。

デザインは制作会社様より支給いただき、実装工程を担当しました。

実装のポイント

9か所のスライダーを実装

Swiperを使用し、LP内の9か所にスライダーを組み込みました。静的なレイアウトの再現に加え、スライドによる表示の切り替えまで担当しています。

PC・スマートフォンへの対応

画面幅に応じてレイアウトを調整し、LP全体のレスポンシブ対応を行いました。

制作会社様からお預かりした案件のため、URLは非公開です。