【使用ツール】
Figma（ワイヤーフレーム、デザインカンプ）
Photoshop（1st View画像）
【制作時間】
11時間（ワイヤーフレーム2時間、デザインカンプ9時間）
【クライアント情報】
会社名：ルビーペット
犬や猫のフードをはじめとするあらゆるペット用品を販売しているECショップ。
【制作概要】
・目的
ペットフードのキャンペーン告知と購入誘導バナー
・ペルソナ
かわいい家族のために、お金を惜しまない愛犬家の方。
ペットの年齢に合わせたフードやサプリなど、日頃から気にしている方。
・希望
愛犬の健康管理フードなので、かわいい元気な印象のあるLPをお願いします。
・トンマナ
|ベースカラー：白（＃FFFFFF ）
全体的に元気でポップな印象にするため、ベースカラーは馴染みやすい白にしました。
|メインカラー：ベージュ（＃#FBF5DB）
商品のパッケージから着想し、無添加やグレインフリーなどを連想させる落ち着いたカラーにしました。
|アクセントカラー：グリーン（＃5C8925）イエロー（＃F8B62B）
「かわいい元気な印象のあるLP」という希望があったため、明るいカラーを使用しました。グリーンは1st viewの芝生に合わせ、「自然」や「健康」を表しています。イエローはロゴに合わせ、「元気」「活発」を表しています。
【工夫した点】
・セクションの区切りを曲線にすることで柔らかい印象を与え、滑らかな視線誘導になるよう構成しました。
・CVボタンを6か所設置し、どのviewからも誘導できるよう配置しました。
・4th viewにサブキャッチコピーを置き、購買意欲の促進を図っています。
【SP版】
