Works Detail

架空銀行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
戻る
むさし君
拡大画像