Facebook 【Her Tech架空案件】Ruby.P.T パーソナルジム用LP
Logo

【Her Tech架空案件】Ruby.P.T パーソナルジム用LP

クレジット
Avatar
WEBデザイナー
【Her Tech架空案件】Ruby.P.T パーソナルジム用LP-1
シェア
制作ノート
制作について

●制作のながれ

クライアントからの依頼内容を確認後、対象となるペルソナを設定。顧客に訴求したい内容を分かりやすく整理した上でワイヤーフレームを作成しました。情報構成とテキスト量を把握、デザインのトンマナを決定した後、デザインカンプに着手しました。ファーストビューを先行して制作し、全体のイメージを確認しながら進めました。担当範囲はデザイン全般です。

●カラー

クライアントの希望であるピンク色を中心に、配色設定しました。

ピンク色のグラデーションで柔らかく優しい印象を作り出し、アクセントカラーのイエローで全体を引き締めています。

●タイポグラフィー

FVのキャッチコピーやメイン文章、CVボタンの部分にはSawarabi Minchoを使用しています。Zen Old MinchoやZen  Kaku Gothic Antiqueを間に入れて文字にアクセントを足している部分もあります。全体的に女性らしく上品な印象になるように文字選びを行いました。

●情報設計

FVでは、ターゲットペルソナに合わせたキャッチコピーを一番初めに目に入るところに置きました。

最も伝えたいベネフィットとCVボタン目が留まりやすい様デザインしました。一見して内容が分かりやすく、アクションを起こしやすいよう意識しました。

●工夫したポイント

2Vでは、ターゲットの悩みをピンポイントに箇条書きで提示することで、「わたしにぴったりの場所だ」とより感じやすくなるよう構成しました。

4Vではキャンペーン内容を説明する際、「お得感」「キャンペーンの限定感」を出し、ターゲットがCVボタンをクリックしやすくなるよう工夫しました。

シェア