APROOVE WM LP
2023.12
OVERVIEW
株式会社VPJのオンライン校正システム「APROOVE」のランディングページ制作を担当しました。既存のLPがわかりにくいという課題があり、情報を整理してより直感的なレイアウトを目指しました。また、ファーストビューに目を引く動きを加え、ユーザーの関心を引き付ける工夫を施しています。
本プロジェクトの目標は「お問い合わせ」および「資料請求」へのコンバージョンです。そのため、ページ全体にコンバージョンボタンを散りばめ、ユーザーが行動しやすいデザインにしています。
デザイン制作は、提供された大まかなワイヤーフレームを基に進めました。CSS設計にはFLOCSS+BEMのカスタムを採用し、SCSSで記述、Webpackでバンドルしています。公開後に修正を重ねていく計画だったため、容易に更新できる設計を心がけました。JavaScriptは基本的にヴァニラJSを使用し、スライダー部分にはSwiperライブラリを導入しています。
制作期間:約2ヶ月
APROOVE LP
SCOPE
ワイヤーフレーム考案 / デザイン制作 / HTML&CSSコーディング / JSコーディング / Swiper実装 / 本番アップ
TOOLS
Figma / Illustrator / Webpack / Swiper