Facebook 【LP】パーソナルトレーニングジム
Logo

【LP】パーソナルトレーニングジム

クレジット
Avatar
WEBデザイナー
【LP】パーソナルトレーニングジム-1
シェア
制作ノート
制作について

⚫︎制作の流れ

制作の依頼シートを確認後、ペルソナを設定し、情報の整理・フォント・キャッチコピーの順に決めていきました。その後、ワイヤーフレームを作成し、デザインの構成と大まかな流れを確認し、デザインカンプ制作に着手しました。はじめにファーストビューを制作し、デザイン全体のイメージを確認しながら進めるように意識しました。担当範囲はデザイン全般です。

⚫︎カラー

女性らしさをイメージしてピンクをメインに制作しました。

⚫︎フォント

Zen Old Minchoを使用することで、理想の自分を目指しているきちんとした女性をイメージしました。

⚫︎情報設計

ファーストビューでは、「理想の自分へ」というキャッチコピーにし、写真にはトレーニングをしている女性を使用し、理想に向かって頑張る女性の姿をイメージできるようにしました。また、キャッチコピーの「理想」の文字のベースを白にし、背景をピンクのネオンにすることで、文字を強調しつつ女性らしさを表現するように工夫しました。

⚫︎工夫したポイント

セカンドビューでターゲットの悩みを書き出し、グレーを使用し悩んでいることがわかるようにデザインを工夫しました。

サードビューではセカンドビューとの対比になるように、悩みの解決に向けて前向きな姿を表現したのもポイントです。

また、ジムのメリットを記載する際に、ただメリットを書くのではなく、写真を用いることでよりイメージがつきやすいように工夫しました。各メリットごとに文字と写真の配置を入れ替えることで、ターゲットの視線が自然と流れるように意識して制作しました。

⚫︎制作ツール

主にFigmaを使用して制作しました。一部の素材はCanvaを使用しています。

シェア
Megumiの他の作品
画像
作品を見る
【広告バナー】GW旅行
画像
作品を見る
【広告バナー】バレンタインチョコ特集
画像
作品を見る
【広告バナー】メンズ脱毛
foriio

あなたのforiioを無料で作成

fori.io/
Logo
【LP】パーソナルトレーニングジム-1
Megumiの他の作品
画像
作品を見る
【広告バナー】GW旅行
画像
作品を見る
【広告バナー】バレンタインチョコ特集
画像
作品を見る
【広告バナー】メンズ脱毛
foriio

あなたのforiioを無料で作成

fori.io/