Facebook 【HerTech 架空案件】新作フラッペLP
Logo

【HerTech 架空案件】新作フラッペLP

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

●フォント

文章はNotoSansJPで統一し読みやすくしました。

タイトルの英字は、GreatVibesというフォントを選び、筆記体でおしゃれな雰囲気を出しました。

モバイルに特化した375pxということで、文字が小さすぎないように14~16pxで作成しました。

●カラー

ベースに淡いピンク

そしてセクションごとにグラデーションで区切りをつけて見やすくしました。

コンバージョンボタンに使った濃いピンクは、トンマナに合わせたかわいらしい雰囲気とSNS映えするような明るい色を使用しました。

アクセントにはRubyCoffeeのロゴと同じ、茶色でチョコレートのような色を使用しました。

●工夫したポイント

FVにはルビーフラッペを持って写真を撮っているようなイメージで、たくさんのベリーを散りばめた背景に重ねました。

SNS映えやかわいい印象を持ってもらえるように、画像を丸く切り取り、ハッシュタグを載せてSNSのキャンペーンということを意識してもらえるようにしました。

コンバージョンボタンは、影を付けて、さらにハートマークを付けて思わず押したくなるようなボタンにしました。

商品名、価格、こだわりのポイントなどは十分な余白をとり、写真と並べて読みやすいようにしました。

キャンペーンへの参加方法も、影を付けて浮きだたせ、重要なポイントをひとつひとつ読んでもらえるようにしました。

背景色のグラデーションでセクションごとに区切りをつけ、コンバージョンボタンも適所に配置しました。

シェア