works-detail-image

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

Preview Image 1