●フォント
文章はNotoSansJPで統一し読みやすくしました。
タイトルの英字は、GreatVibesというフォントを選び、筆記体でおしゃれな雰囲気を出しました。
モバイルに特化した375pxということで、文字が小さすぎないように14~16pxで作成しました。
●カラー
ベースに淡いピンク
そしてセクションごとにグラデーションで区切りをつけて見やすくしました。
コンバージョンボタンに使った濃いピンクは、トンマナに合わせたかわいらしい雰囲気とSNS映えするような明るい色を使用しました。
アクセントにはRubyCoffeeのロゴと同じ、茶色でチョコレートのような色を使用しました。
●工夫したポイント
FVにはルビーフラッペを持って写真を撮っているようなイメージで、たくさんのベリーを散りばめた背景に重ねました。
SNS映えやかわいい印象を持ってもらえるように、画像を丸く切り取り、ハッシュタグを載せてSNSのキャンペーンということを意識してもらえるようにしました。
コンバージョンボタンは、影を付けて、さらにハートマークを付けて思わず押したくなるようなボタンにしました。
商品名、価格、こだわりのポイントなどは十分な余白をとり、写真と並べて読みやすいようにしました。
キャンペーンへの参加方法も、影を付けて浮きだたせ、重要なポイントをひとつひとつ読んでもらえるようにしました。
背景色のグラデーションでセクションごとに区切りをつけ、コンバージョンボタンも適所に配置しました。
