Facebook 【Her Tech 架空案件】新作フラッペ発売記念キャンペーンLP
Logo

【Her Tech 架空案件】新作フラッペ発売記念キャンペーンLP

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

●制作の流れ

新作フラッペのLP制作に伴う与件シートを読み込んで情報をインプットし、キャンペーンキャッチコピーを設定。次に、ターゲットの参考となるSNSアカウントをピックアップしてイメージボードを作成し、トンマナとフォントを設定。その後、掲載情報を整理し、Figmaを使ってワイヤーフレームを作成。Canvaでファーストビューを先行して制作し、設定したトンマナやワイヤーフレームを基にSTUDIOを使ってページ全体を作り込みました。

●カラー

新作フラッペの色と材料に合わせ、可愛らしさのあるパステル調のカラーを選びました。

●タイポグラフィ

サイトの和文ははNoto Sans 日本語、英文はLexendを使い、カジュアルさを出しました。

●情報設計

ファーストビューでは、最も伝えたいキャンペーン情報とCVボタンを最初に目に入る位置に配置してユーザーがいち早くアクションを起こせるようにしました。

●工夫したポイント

セカンドビューの新作フラッペの情報では、価格や販売期間、店舗限定情報だけでなく、「VERY×BERRY Ruby Frappeの魅力」として3つの魅力ポイントを画像素材と文章、デザインでアピールし、ユーザーにより購買意欲を持ってもらえるようにしました。

シェア