■ 作業環境
Photoshop(1st View、4th view画像)/ Figma(ワイヤーフレーム、デザインカンプ)
■ 制作時間
11時間(ワイヤーフレーム2時間、デザインカンプ9時間)
■ クライアント情報
会社名:ルビーペット
犬や猫のフードをはじめとするあらゆるペット用品を販売しているECショップ。
■ 制作概要
・目的
ペットフードのキャンペーン告知と購入誘導バナー
・ペルソナ
かわいい家族のために、お金を惜しまない愛犬家の方。
ペットの年齢に合わせたフードやサプリなど、日頃から気にしている方。
・希望
愛犬の健康管理フードなので、かわいい元気な印象のあるLPをお願いします。
・トンマナ

|ベースカラー:白(#FFFFFF )
全体的に元気でポップな印象にするため、ベースカラーは馴染みやすい白にしました。
|メインカラー:ベージュ(##FBF5DB)
商品のパッケージから着想し、無添加やグレインフリーなどを連想させる落ち着いたカラーにしました。
|アクセントカラー:グリーン(#5C8925)イエロー(#F8B62B)
「かわいい元気な印象のあるLP」という希望があったため、明るいカラーを使用しました。グリーンは1st viewの芝生に合わせ、「自然」や「健康」を表しています。イエローはロゴに合わせ、「元気」「活発」を表しています。

■ 工夫した点
・セクションの区切りを曲線にすることで柔らかい印象を与え、滑らかな視線誘導になるよう構成しました。
・CVボタンを6か所設置し、どのviewからも誘導できるよう配置しました。
・4th viewにサブキャッチコピーを置き、購買意欲の促進を図っています。
・現代のモバイルファーストのニーズに合わせ、SP版に特化したLPにしました。
■ 制作したLP(SP版)

