●制作の流れ
新作フラッペのLP制作に伴う与件シートを読み込んで情報をインプットし、キャンペーンキャッチコピーを設定。次に、ターゲットの参考となるSNSアカウントをピックアップしてイメージボードを作成し、トンマナとフォントを設定。その後、掲載情報を整理し、Figmaを使ってワイヤーフレームを作成。Canvaでファーストビューを先行して制作し、設定したトンマナやワイヤーフレームを基にSTUDIOを使ってページ全体を作り込みました。
●カラー
新作フラッペの色と材料に合わせ、可愛らしさのあるパステル調のカラーを選びました。
●タイポグラフィ
サイトの和文ははNoto Sans 日本語、英文はLexendを使い、カジュアルさを出しました。
●情報設計
ファーストビューでは、最も伝えたいキャンペーン情報とCVボタンを最初に目に入る位置に配置してユーザーがいち早くアクションを起こせるようにしました。
●工夫したポイント
セカンドビューの新作フラッペの情報では、価格や販売期間、店舗限定情報だけでなく、「VERY×BERRY Ruby Frappeの魅力」として3つの魅力ポイントを画像素材と文章、デザインでアピールし、ユーザーにより購買意欲を持ってもらえるようにしました。
