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

●制作の流れ

今回ペルソナは設定されていたので、まずワイヤーフレームの作成に取り掛かりました。その後デザインのトンマナを固め、デザインカンプ制作に着手しました。

●カラー

クライアントからの希望に沿って、女性らしいトーンをイメージして、メインカラーはライトクリムゾンを選択しました。

また、全体の雰囲気に合わせて、アクセントカラーはクリムゾンを選択しました。

●タイポグラフィ

フォントは女性らしさや上品さを感じられるShippori Minchoを選択しました。

CTAボタンのテキストはNoto Sans JPにすることで、視認性を意識しました。

●情報設計

ファーストビューはZ型の配置で視線の誘導を意識しました。

この画面だけでターゲットがボタンを押したくなるよう、アピールしたいポイントやジムの特徴・キャンペーン情報を簡潔にまとめました。

●工夫したポイント

まず「お悩み」をいくつか挙げてからキャンペーンの詳細を載せることで、ユーザーが自然に「自分のことだ」と感じてボタンを押したくなるよう意識しました。

キャンペーンの詳細の部分は、「￥5,000OFF」のテキストをチケットのあしらいの中に入れることで、その下の値引き後の価格「￥1,0000」との差別化を図りました。

「RubyP.Tが選ばれる4つの理由」では、背景の部分を交互に色を変更し、ひとつひとつの項目が一目で明確にわかるようにしました。