架空銀行banner
SAITAMA TRUST BANK
ジャンル: Banner
300 × 250 px
Before
After
【作品概要】
- 課題 :
- 個人投資家を増やしたいネット銀行(架空)からの依頼です。
信頼を損なわないよう、1pxのズレも許されないような緊張感で制作してください。 - ターゲット :
- 30代〜50代の
将来のお金に不安があるが、投資は「怖い・難しい」と感じている層。 - デザインの厳守事項:
- 実務である「制約」を守って、制作する。
デザインの厳守事項(レギュレーション)必須要素(構成案)
【メインカラー】
ネイビー(#001F3F)とゴールド(#D4AF37)を基調とすること。
【使用フォント】
- 見出し:ゴシック体(太め・ウェイトはボールド以上)
- 注釈:小塚ゴシック または Noto Sans JP
【禁止事項】
- 多色使い(上記2色+白・グレーのみで構成すること)。
- 派手なグラデーションや、キラキラした装飾は不可(安っぽくなるため)。
- 人物写真の使用は不可。
【必要要素】
以下の要素をすべて配置してください。優先順位は上から順に高いです。
- キャッチコピー: 「はじめるなら、今。プロが選ぶ資産運用。」
- キャンペーン特典: 「最大 10,000円 キャッシュバック」
- 期間: 「2026年4月30日まで」
- 銀行ロゴ(ダミー): 「SAITAMA TRUST BANK」という文字を左上に配置。
- ボタン(CTA): 「詳細はこちら」
- 注釈(※必須・最小サイズで可): 「※適用条件があります。詳細はWebサイトをご確認ください。」
【改善概要】
Before
- 〔視認性の不足〕
- 背景の装飾ラインが文字と干渉し、ロゴが読み取りにくい状態だった。
- 〔情報の優先順位〕
- 特典金額の「数字」と「単位」が同じ大きさのため、インパクトが分散していた
After
- 〔情報の正確性〕
- 誤字を完璧に修正し、必須注釈を追加。
1pxのズレも許されない金融案件の基準を満たす品質へ向上。 - 〔ジャンプ率の最適化〕
- 金額の「10,000」を最大化し、補足情報(最大・円)を小振りに調整。
一瞬でメリットが伝わる視線誘導を設計した。 - 〔レイアウトの整理〕
- 装飾ラインの位置を微調整し、ロゴの周囲に十分な余白(アイソレーション)を確保。
可読性を大幅に改善。 - 〔色彩設計の微調整〕
- 金額部分のゴールドを少し明るく調整。
背景とのコントラストを強め、クリックを誘発する「おトク感」を強調した。 - 使用ツール :
- Figma