logo
  • Profile
  • Works
  • Contact

Web Banner - Before / after hair atelier soelu

ウェブバナー初回設計
Before
ウェブバナー再設計
After

Design / Photo Retouch Photoshop

Background - 制作背景

既存Webサイトへの誘導を目的とした広告バナーの再設計。 新規オープンに伴う認知拡大と、 ホームページへのアクセス増加を目指して制作しました。

Before - 初回制作

「GRAND OPEN」を強く打ち出すことを優先し、

  • 目立つフォント
  • 背景シェイプ
  • Z視線を意識した配置
で構成。

視認性はあったものの、Webサイトとの世界観に一貫性がなく、ブランドとしての統合感に課題がありました。 “目立つこと” を優先し、“ブランドらしさ” への配慮が不足していました。

After - 再設計

まず、バナーの役割を再定義。

この媒体はクリックされて初めて成果に繋がるツール。 目的を明確にしました。
  • Webサイトへの誘導
  • 認知拡大
  • アクセス数向上

単なる告知ではなく、導線設計の一部として再構築しました。

Design デザイン設計

■ デザインの工夫

  • ロゴは左上に静かに配置
  • キャッチコピーは手書き風フォントで柔らかさを追加
  • 左右余白を揃え、縦ラインを意識
  • 写真の透明度を下げ、空気に溶け込む演出

視認性と世界観の両立を図りました。

■ 世界観の統一

             

Webサイトとのトーンを揃えるため

  • フォントを Noto Sans に統一
  • 余白を確保し、静かな印象へ
  • カラーはサイトと同じトーンで設計

広告特有の強さよりも、ブランドの空気感を優先しました。

■ 情報設計

モデル写真のみでは ヘアサロンであることが直感的に伝わりにくいため、 「NEW OPEN」の下に “hair salon” と明示。 視線の流れはZ型を意識し、 モデル ↓ NEW OPEN ↓ キャッチコピー ↓ 立地情報・料金例 ↓ Web予約ボタン へ自然に誘導。 CTAまでの導線を明確にしました。

Reflection - 振り返り

再設計を通して、「目立つこと」と「伝わること」は異なると実感しました。 広告であっても、ブランドの世界観を崩さないことが 長期的な信頼に繋がると考えています。

  • Prev
  • Works
  • Next
Page Top

©Harada Kazuyuki.