CIERTO LP
2023.11
OVERVIEW
株式会社VPJのデジタルアセット管理システム「CIERTO」のランディングページ制作を担当しました。豊富な実績や受賞歴を強調したいという要望があり、それを考慮したレイアウトを設計しました。
このページはディスプレイ広告からの遷移先となり、最終的なゴールは「お問い合わせ」「資料請求」「無料トライアル」へのコンバージョンです。そのため、各所にコンバージョンボタンを配置し、ユーザーの行動を促す工夫をしています。
デザインは担当営業の方が考案されたワイヤーフレームを基に制作しました。CSS設計はFLOCSS+BEMのカスタムを用い、SCSSで記述し、Webpackでバンドルしています。公開後に頻繁な修正が予想されるため、修正しやすい設計を心がけました。JavaScriptは基本的にヴァニラJSで実装し、スライダー部分のみSwiperライブラリを使用しました
制作期間:約2ヶ月
CIERTO LP
SCOPE
ワイヤーフレーム考案 / デザイン制作 / HTML&CSSコーディング / JSコーディング / Swiper実装 / 本番アップ
TOOLS
Figma / Illustrator / Photoshop/ Webpack / Swiper