Facebook 制作について
Logo

【HerTech架空案件】新作フラッペPRキャンペーンのLP

クレジット
Avatar
WEBデザイナー
【HerTech架空案件】新作フラッペPRキャンペーンのLP-1
シェア
制作ノート
制作について

【制作の流れ】

①ヒアリング

目的やターゲットの確認、サービス内容の強みの整理。

②リサーチ・構成設計

競合カフェの調査、ターゲット分析、ワイヤーフレームの作成。

③デザイン制作

トンマナ決め、ファーストビュー制作、下層セクションのデザイン。

④確認・修正

デザインの確認と修正。

意識した点

…クライアント(講師)に、1つずつ確認を行いながら目的や要望に合せて制作を進めるように心がけました。

【デザインについて】

●カラー

ベリーを連想させるピンク〜赤系のカラーを軸に、商品のフレッシュさや華やかさを表現。背景には淡いライトレッド(#FFEEEE)を用い、女性らしく親しみやすい雰囲気に仕上げました。CTAには濃いピンクを使用し、視線を集めるアクセントにしています。

●タイポグラフィ

キャッチコピーには柔らかさと上質感のある明朝体を採用し、商品の特別感を演出。本文には視認性の高いゴシック体を組み合わせることで、読みやすさとメリハリを意識しました。

●情報設計

ファーストビューでは、新商品の魅力と期間限定キャンペーンを優先して配置し、スクロールしたくなる導入を意識しました。その後、「商品の魅力・詳細 → キャンペーン → 店舗情報 → アクセス」の流れで情報を整理し、スマートフォンでも自然に読み進められる導線を設計しています。

●工夫したポイント

制作前に競合のカフェLPやSNS投稿をリサーチし、20〜30代女性が魅力を感じるデザインや情報の見せ方を分析しました。その結果をもとに、写真を主役としたレイアウトや、期間限定感が伝わるコピー・配色を設計し、商品の魅力が直感的に伝わるLPを目指しました。商品のベリーフラッペを連想させる配色は特にこだわりました。

シェア
制作について

【制作の流れ】

①ヒアリング

目的やターゲットの確認、サービス内容の強みの整理。

②リサーチ・構成設計

競合カフェの調査、ターゲット分析、ワイヤーフレームの作成。

③デザイン制作

トンマナ決め、ファーストビュー制作、下層セクションのデザイン。

④確認・修正

デザインの確認と修正。

意識した点

…クライアント(講師)に、1つずつ確認を行いながら目的や要望に合せて制作を進めるように心がけました。

【デザインについて】

●カラー

ベリーを連想させるピンク〜赤系のカラーを軸に、商品のフレッシュさや華やかさを表現。背景には淡いライトレッド(#FFEEEE)を用い、女性らしく親しみやすい雰囲気に仕上げました。CTAには濃いピンクを使用し、視線を集めるアクセントにしています。

●タイポグラフィ

キャッチコピーには柔らかさと上質感のある明朝体を採用し、商品の特別感を演出。本文には視認性の高いゴシック体を組み合わせることで、読みやすさとメリハリを意識しました。

●情報設計

ファーストビューでは、新商品の魅力と期間限定キャンペーンを優先して配置し、スクロールしたくなる導入を意識しました。その後、「商品の魅力・詳細 → キャンペーン → 店舗情報 → アクセス」の流れで情報を整理し、スマートフォンでも自然に読み進められる導線を設計しています。

●工夫したポイント

制作前に競合のカフェLPやSNS投稿をリサーチし、20〜30代女性が魅力を感じるデザインや情報の見せ方を分析しました。その結果をもとに、写真を主役としたレイアウトや、期間限定感が伝わるコピー・配色を設計し、商品の魅力が直感的に伝わるLPを目指しました。商品のベリーフラッペを連想させる配色は特にこだわりました。

シェア
白石 結衣の他の作品
画像
作品を見る
【HerTech架空案件】日焼け止めバナー
画像
作品を見る
【HerTech架空案件】ペットフードバナー
画像
作品を見る
【HerTech架空案件】レモンタルトバナー
foriio

あなたのforiioを無料で作成

fori.io/
【HerTech架空案件】新作フラッペPRキャンペーンのLP-1
制作について

【制作の流れ】

①ヒアリング

目的やターゲットの確認、サービス内容の強みの整理。

②リサーチ・構成設計

競合カフェの調査、ターゲット分析、ワイヤーフレームの作成。

③デザイン制作

トンマナ決め、ファーストビュー制作、下層セクションのデザイン。

④確認・修正

デザインの確認と修正。

意識した点

…クライアント(講師)に、1つずつ確認を行いながら目的や要望に合せて制作を進めるように心がけました。

【デザインについて】

●カラー

ベリーを連想させるピンク〜赤系のカラーを軸に、商品のフレッシュさや華やかさを表現。背景には淡いライトレッド(#FFEEEE)を用い、女性らしく親しみやすい雰囲気に仕上げました。CTAには濃いピンクを使用し、視線を集めるアクセントにしています。

●タイポグラフィ

キャッチコピーには柔らかさと上質感のある明朝体を採用し、商品の特別感を演出。本文には視認性の高いゴシック体を組み合わせることで、読みやすさとメリハリを意識しました。

●情報設計

ファーストビューでは、新商品の魅力と期間限定キャンペーンを優先して配置し、スクロールしたくなる導入を意識しました。その後、「商品の魅力・詳細 → キャンペーン → 店舗情報 → アクセス」の流れで情報を整理し、スマートフォンでも自然に読み進められる導線を設計しています。

●工夫したポイント

制作前に競合のカフェLPやSNS投稿をリサーチし、20〜30代女性が魅力を感じるデザインや情報の見せ方を分析しました。その結果をもとに、写真を主役としたレイアウトや、期間限定感が伝わるコピー・配色を設計し、商品の魅力が直感的に伝わるLPを目指しました。商品のベリーフラッペを連想させる配色は特にこだわりました。

シェア
白石 結衣の他の作品
画像
作品を見る
【HerTech架空案件】日焼け止めバナー
画像
作品を見る
【HerTech架空案件】ペットフードバナー
画像
作品を見る
【HerTech架空案件】レモンタルトバナー
foriio

あなたのforiioを無料で作成

fori.io/