Logo

オフィス向けハーブティー提供サービス バナー

クレジット
Avatar
デザイナー
オフィス向けハーブティー提供サービス バナー-1
シェア

オフィス向けハーブティー提供サービス バナー

<作成の目的> オフィス向けに紅茶・ハーブティーを提供するBtoBサービスのバナーを課題としてに作成しました。 <制作の目的> ハーブティーの無料サンプル申し込みへ誘導するためにバナーのCTR(クリック率)の改善を行う <ターゲット> ・30代男性。恵比寿でWebコンサルティング会社を経営している。従業員数は100名。 ・優秀な人材・価値観がマッチする人材を採用していきたいと考えている。 ・売上を継続的に拡大させるには人材の定着が必要と考えている。 制作期間 2026年02月〜2026年02月 制作にかかった期間 〜1週間 制作のポイント①色の配色 IT企業のコーポレートサイトで使用されていたカラーをベースに配色を設計しました。ターゲットである30〜50代の法人担当者に安心感と信頼感を与えられるよう、落ち着いたネイビーをメインカラーに採用しています。 ベースカラー:#313f55(ネイビー) 信頼感・誠実さを演出し、法人向けサービスらしい印象を与えるカラーとして採用。 メインカラー:#FFFFFF(白) ネイビーとのコントラストを意識し、文字の可読性を高めるために使用。 アクセントカラー:#341d10(茶色) ハーブティーを連想させる温かみを表現し、CTAや商品画像を自然に目立たせるアクセントカラーとして使用。 制作のポイント②:キャッチコピー・フォント / 画像・イラスト キャッチコピーは「お茶が職場を変える」とし、商品の特徴ではなく導入後に得られる価値を端的に伝えられる表現を採用しました。また、文字にはシャドウを加え、写真の上でも視認性を確保しています。 メインビジュアルには、実際のオフィスでハーブティーを楽しむ様子が伝わる写真を使用し、サービス利用後のイメージを想起しやすいデザインにしました。フォントは可読性を重視し、法人向けサービスとして信頼感のある印象を与える書体を選定しています。 制作のポイント③:CTAの配置 視線が自然に流れるZ型の視線誘導を意識して、ロゴ・キャッチコピー・CTAを配置しました。 CTAは「無料プレゼントはこちら」とすることで、クリック後に得られるメリットを分かりやすく伝え、行動を促しています。 また、商品画像もCTA付近に配置することで、「どのような商品が届くのか」が一目で分かる構成とし、クリックへの心理的ハードルを下げることを意識しました。 https://docs.google.com/presentation/d/1w_kWCHDEC_EiThga3Gv20aeAOAKTl50FufuTY_c_NoY/edit?usp=sharing
クレジット
Avatar
デザイナー
シェア
foriio

あなたのforiioを無料で作成

fori.io/
Logo
オフィス向けハーブティー提供サービス バナー-1

オフィス向けハーブティー提供サービス バナー

<作成の目的> オフィス向けに紅茶・ハーブティーを提供するBtoBサービスのバナーを課題としてに作成しました。 <制作の目的> ハーブティーの無料サンプル申し込みへ誘導するためにバナーのCTR(クリック率)の改善を行う <ターゲット> ・30代男性。恵比寿でWebコンサルティング会社を経営している。従業員数は100名。 ・優秀な人材・価値観がマッチする人材を採用していきたいと考えている。 ・売上を継続的に拡大させるには人材の定着が必要と考えている。 制作期間 2026年02月〜2026年02月 制作にかかった期間 〜1週間 制作のポイント①色の配色 IT企業のコーポレートサイトで使用されていたカラーをベースに配色を設計しました。ターゲットである30〜50代の法人担当者に安心感と信頼感を与えられるよう、落ち着いたネイビーをメインカラーに採用しています。 ベースカラー:#313f55(ネイビー) 信頼感・誠実さを演出し、法人向けサービスらしい印象を与えるカラーとして採用。 メインカラー:#FFFFFF(白) ネイビーとのコントラストを意識し、文字の可読性を高めるために使用。 アクセントカラー:#341d10(茶色) ハーブティーを連想させる温かみを表現し、CTAや商品画像を自然に目立たせるアクセントカラーとして使用。 制作のポイント②:キャッチコピー・フォント / 画像・イラスト キャッチコピーは「お茶が職場を変える」とし、商品の特徴ではなく導入後に得られる価値を端的に伝えられる表現を採用しました。また、文字にはシャドウを加え、写真の上でも視認性を確保しています。 メインビジュアルには、実際のオフィスでハーブティーを楽しむ様子が伝わる写真を使用し、サービス利用後のイメージを想起しやすいデザインにしました。フォントは可読性を重視し、法人向けサービスとして信頼感のある印象を与える書体を選定しています。 制作のポイント③:CTAの配置 視線が自然に流れるZ型の視線誘導を意識して、ロゴ・キャッチコピー・CTAを配置しました。 CTAは「無料プレゼントはこちら」とすることで、クリック後に得られるメリットを分かりやすく伝え、行動を促しています。 また、商品画像もCTA付近に配置することで、「どのような商品が届くのか」が一目で分かる構成とし、クリックへの心理的ハードルを下げることを意識しました。 https://docs.google.com/presentation/d/1w_kWCHDEC_EiThga3Gv20aeAOAKTl50FufuTY_c_NoY/edit?usp=sharing
クレジット
Avatar
デザイナー
シェア
foriio

あなたのforiioを無料で作成

fori.io/