← 制作実績の一覧へ

WORK / 23 デザインスタディ · 設計・デザイン提案

ねこヘルスケア LP

知って、確かめて、相談する。猫のケアを読みものとして伝える。

担当・制作範囲
情報整理・導線検討・PC/SPデザイン。対象商品や主CVが異なる検討版を含み、実装・効果測定は紹介範囲に含みません。
使用ツール
Figma
制作区分
デザインスタディ
問い合わせ主CV版の完成イメージ
問い合わせ主CV版の完成イメージ拡大して見る ↗

01 / OVERVIEW

背景と、制作の考え方。

猫の飼い主が商品の特徴や使い方を読み、疑問を確認して相談へ進むLPを検討しました。写真・線画・新聞の罫線を組み合わせたキャットジャーナル案を、表現の中心として紹介します。

02 / DESIGN NOTES

読む前に、選ぶための入口をつくる。

「商品の特徴」「使い方と注意点」「購入前の疑問」を入口にし、最初から長い説明を読み切らなくても、知りたい情報へ進める構成を考えました。飼い主の疑問は設計上の想定として扱っています。

情報への3つの入口
情報への3つの入口拡大して見る ↗

03 / DESIGN NOTES

新聞の構成を、猫との暮らしに合わせる。

大きな見出しと罫線で情報を編集し、写真と線画で親しみを添えました。ラベンダーやミントの色面を組み合わせ、商品説明を読みものとして受け取れる表現を検討しています。

知る→確かめる→相談する設計
知る→確かめる→相談する設計拡大して見る ↗

04 / DESIGN NOTES

知る、確かめる、相談する。

キャットジャーナル案では、商品の特徴と注意点を確認した先に相談フォームを配置。相談内容とメールアドレスを中心としたフォーム画面を用意し、問い合わせを主な行動として設計しました。

未実装の入力フォーム画面
未実装の入力フォーム画面拡大して見る ↗
問い合わせ主CV版のスマートフォン表現
問い合わせ主CV版のスマートフォン表現拡大して見る ↗

05 / DESIGN NOTES

購入を主CVとする場合は、別の仮説で考える。

別の検討資料では、3レシピを同じ項目で比較するブロックを改善仮説として整理しました。問い合わせ中心の案と購入中心の案は分けて紹介し、購入率の改善やA/Bテストの実施結果としては扱いません。

対象商品・主CVを仮置きした別検討。実測成果ではない
対象商品・主CVを仮置きした別検討。実測成果ではない拡大して見る ↗