SNS
  • insta
  • Twitter

WORKS

PCデザイン
スマホデザイン

ターゲット

10代後半〜60代男女

目的

新規顧客獲得を想定。運動不足・健康維持・ボディメイク等、10代〜60代の男女問わず幅広い層のお客様へ目的にあったトレーニングプランを提供

情報設計

入会を検討している方にしっかりと見ていただけることを意識して情報を設計。新規顧客獲得を狙い施設の特徴紹介や入会金初月無料の店舗キャンペーンの発信、会員様の役に立つ情報・楽しんでいただけるようイベントやブログの発信をメインとしています。

デザイン

幅広い年齢層の方に響くように親しみやすさの点からオレンジをメインカラーとして反対に各セクションの背景を紺色にすることで明暗さをつけました

カラーボックス

制作期間

Total : 1ヶ月半
企画、ワイヤーフレーム:2週間
デザイン:1ヶ月

使用ツール

Photoshop / XD

制作を通して

良かった点

今回はバナーもオリジナルで作成し写真のマスクやフォントに光彩をあて発信したい情報を強調しました。レスポンシブ時にブログ部分を2つ目の記事以降を見切らせることによってUI面も意識して作成しました。

次に活かす点

制作工程でバナーを全てPhotoshopで作成した為にデザインカンプへ組み込んでから修正が発生した際に、再度Photoshopを起動したりと効率が非常に悪い体験があったのでフォントなどについてはXD上で可能のものはXD上で行おうと思いました。またレスポンシブ時、PCトップで使用したメインビジュアルをそのまま縮小して使用した為に情報が非常に小さくなってしまったのでレスポンシブ時のバナー作成も意識して行う。選ばれる理由・特徴部分でボタンを当初紺の背景からはみ出た位置に設置してしまった為に、まとまりが無い印象があったので今回気づけたことで今後意識する。

オリジナルサイト PCデザイン
オリジナルサイト レスポンシブ
オリジナルサイト レスポンシブ ハンバーガー