【HerTech架空案件】_ 女性専用パーソナルトレーニングジムのLP

「制作の流れ」

クライアントとのヒアリング内容を整理しまとめ、各ビューにどう当てはめるかを組み立て。次にワイヤーフレームを作成し、文字や画像の配置などの構成を決定。最後に、使用するフォントを選定し、クライアントから指定された色をメインにトンマナを決め、デザインカンプを作成。全体を通して、クライアントの"女性らしいLP"に伴うよう制作をしました。

担当範囲は、デザイン全般です。

「デザインについて」

・カラー

クライアントとからの指定であるピンクを基調とした同系色で固め、女性らしさを出しました。

・タイポグラフィ

キャッチコピーや本文はNoto Serif JPで揃え流麗さを出しつつ、CVボタンはNoto Sans JPではっきりと見やすくし、英文はJostで丸く柔らかさを出しました。

・情報設計

ファーストビューでは、上部中心にジムのロゴを置き背景は見やすく白にしました。

キャッチコピーは、画像の女性の目線の先に行くよう配置しました。

メイン情報は、キャッチコピーから下に目線が流れるように置き、後ろには三角形のオブジェクトをCVボタンに下るよう配置することで、視線誘導を促すような作りにしてみました。

・工夫したポイント

セカンドビューでの"悩み"を取り扱った部分で、ぱっと見でもわかるように悩み事の背景にブルーな色を置きました。その反面サードビューでは、悩みの不安解消の内容なので、明るく晴れたような黄色を選び使用しました。ファーストビューでは、施設案内の張り紙のようなデザインにし、シンプルにまとめました。