CIERTO DAM LP
2025.06
OVERVIEW
株式会社VPJのデジタルアセット管理システム「CIERTO DAM」のランディングページ制作を担当しました。本サイトは広告からの遷移先となり、広告担当と相談しながら作業を進めました。 広告担当者からの要望としては、文字よりもイラストを多めにしてFVでインパクトや可読性を確保したいとのことでした。また、赤とグレーでABテストをする予定なので、初稿は赤ベースで製作を進めました。 専門的な情報や用語が多いので、できるだけわかりやすいイラストを随所に交え、リズム感のある視線誘導を目指しました。また、イラストを含め、全体的なトーンを揃えて、統一感を出るように工夫しました。
また、ページ全体にコンバージョンボタンを配置し、ユーザーが行動しやすいデザインにしています。
デザイン制作は、ワイヤーフレームの作成から担当しました。CSS設計にはFLOCSS+BEMのカスタムを採用し、SCSSで記述、Viteでビルド。JavaScriptは基本的にバニラJSを使用。スライダー部分はSwiper.jsを使用しています。
制作期間:約1ヶ月
CIERTO DAM LP
SCOPE
ワイヤーフレーム考案 / デザイン制作 / HTML&CSSコーディング / JSコーディング / 本番アップ
TOOLS
Figma / Illustrator / vite / Swiper.js