Web Banner - Before / after hair atelier soelu
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 - 振り返り
再設計を通して、「目立つこと」と「伝わること」は異なると実感しました。 広告であっても、ブランドの世界観を崩さないことが 長期的な信頼に繋がると考えています。