架空の24時間ジム「Iron fitness 24」（アイアンフィットネス24）バナーデザインです。

URL

「Iron fitness 24」（アイアンフィットネス24）バナー

担当

デザイン

使用ソフト

Photoshop / Illustrator

サイトの目的

新規入会者の獲得

制作期間

3日間（ペルソナ設定～デザイン）

ターゲット

横浜市在住の20代中盤～50代の本格的にトレーニングしたい男性（アスリートなど）

デザインについて

・フォントは平成角ゴシックを使用し全体的に太くしました。バナーそのものが男性的で力強いイメージがあるためです。ロゴもスパルタンの戦士をイメージした甲冑とバーベルを組み合わせたものにしています。

・バナーの上部は要素を斜めに配置しています。斜めにすることで画面に躍動感を生み、スポーティーなイメージを強調することを狙いました。

・バナー中部の内装写真では、それらを挟むようにグレーの帯を敷いて補足情報を加えています。対角線上に配置をすることで視線の動きも上下しやすく情報の視認性を上げています。

・バナー下部のキャンペーンは強調したい場所をオレンジ系にして文字を大きくしています。赤系ほど暑苦しくなく目にも優しいので積極的に使いました。

デザインの工夫ポイント

・全体の配色は「男性的、力強さ」をイメージしました。
→高揚や情熱といったトレーニングのイメージと繋がる赤系と類似色のオレンジ系をメインに、白・グレー・黒で暑苦しくならないように全体のバランスを取っています。

・バナー最上部のコピーは文字のジャンプ率を高めて、インパクト重視で配置しました。
→端的にジムの強みを情報として伝えることができます。興味付けを行ったうえで、より詳細な情報をバナー下部へ向かうにしたがって並べる構成にしています。