works-detail-image

CIERTO-DAM LP

2025.05

OVERVIEW

株式会社VPJが提供するデジタルアセット管理システム「CIERTO」のLP制作を担当しました。
本ページはWeb広告からの遷移先であり、広告担当者と連携しながら構成とデザインを進行しました。 広告担当者の要望としては「文章よりもイラスト中心で可読性を高めたい」というものでしたので、全体的にイラストを多めに使用し、リズム感のある視線誘導・情報構成を意識しました。また専門用語や機能が多いため、視覚的にわかりやすく伝えることを重視し、トーンの統一や余白・色設計にも配慮し、わかりやすいBtoBデザインを目指しています。 赤とグレイの2パターンでABテストを実施予定とのことで、初稿は赤ベースで制作しています。

デザイン制作は、ワイヤーフレームの作成から担当しました。CSS設計はFlocss + BEM。ビルドにはViteを使用しています。JavaScriptはヴァニラJSを使用。スライダー部分はSwiper.jsです


制作期間:約1ヶ月

CIERTO DAM LP

SCOPE

ワイヤーフレーム考案 / デザイン制作 / HTML&SCSSコーディング / JSコーディング / 本番アップ

TOOLS

Figma / illustrator / Vite / Swiper.js

Preview Image 1