works-detail-image

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

Preview Image 1