【デザイン自主トレ】ヘアサロンキャンペーンバナーを作ってみた

前置き

デザインの自主トレについては下記の記事をご覧ください。

デザインパターン01: だいたいツートンでいける

概要5周年記念キャンペーンバナー
クライアント名Hair Salon Jan
ターゲット女性を中心とした20代~30代
依頼者の要望スタイリッシュでかっこいい
キャンペーン内容全メニュー20%OFF
掲載項目ロゴ
デザイン自主制作バナー スタイリッシュバージョン
Twitter用
デザイン自主制作バナー スタイリッシュバージョン サイズバリエーション
Instagram用

Point

  • 女性の髪色に合わせて色数を押さえた配色。
  • インスタ用は、ゴチャゴチャしないように個別のメニュー価格は無しにして、「ALL20%OFF」を強調。
  • 画像内の余白もトリミングされる分暗い印象になってしまうため、インスタ用はTwitter用よりも写真を明るく補正。

Color

#D4CFE6

#402F39

#FFFFFF

使用フォント

Gautreaux – Bold

  • 5th Anniversary Campaign に使用。
  • スクリプト体を斜めに配置することで、スタイリッシュに仕上げる。

Hypatia Sans Pro – Semibold / Light

  • All 20% OFF と、メニューテキストに使用。
  • シンプルで少し縦長なゴシック体。
  • 情報を伝えたい部分にはスッキリとしたゴシック体を使うことで、スクリプト体の個性とケンカしないように配慮。

Minion Variable Concept – Display Bold

  • ロゴとして使用
  • やや縦長のセリフ体。Jの先が細く流れているところがおしゃれ。

投稿

デザインパターン02: 丸インパクト

概要5周年記念キャンペーンバナー
クライアント名Hair Salon Jan
ターゲット女性を中心とした20代~30代
依頼者の要望親しみやすく、入りやすい
キャンペーン内容全メニュー20%OFF
掲載項目ロゴ
デザイン自主制作バナー デザインテイスト変更
Twitter用
デザイン自主制作バナー デザインテイスト変更のサイズ違い
Instagram用

Point

  • 高級感よりも、素朴感・お手頃感・親しみやすさを求める女性がターゲットの場合。
  • 柔らかくて清潔感のある配色。
  • 「ALL20%OFF」を大きな丸で囲って目立たせ、お得感を出す。

Color

#B1EBDF

#B2DCEB

#000000

使用フォント

Neue Kabel – Regular / Medium / Bold

  • ロゴ以外をすべて統一。
  • ファミリーが多いので、ウェイト差で強弱をつけながら統一感のあるデザインが可能。

Marydale

  • ロゴとして使用。
  • ラフなサンセリフ体の手書きフォント。柔らかさ、親しみやすさが出る。

投稿

この記事を書いた人

ひしもち

京都の某Web制作会社で4年弱勤務したのち、退職して個人事業主となりました。
現在の主なお仕事は、WordPressを利用したWebサイトの制作です。
業務システムのUIデザインをしていた経験もあり。

専業主夫+3人の子どもたちと暮らしています。ゲーム好きなインドア派ですが、ゆるゆる楽しむプレイスタイルです。