works-detail-image

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

Preview Image 1