Facebook 【Her Tech 架空案件】初めての海外旅行ツアー予約誘導バナー
Logo

【Her Tech 架空案件】初めての海外旅行ツアー予約誘導バナー

クレジット
Avatar
WEBデザイナー
【Her Tech 架空案件】初めての海外旅行ツアー予約誘導バナー-1
シェア
制作ノート
制作について

【コンセプト整理】

◎ターゲット分析

・海外旅行に行ったことがない。
・海外に行ってみたいが、現地の言葉に自信がない。
・言葉が通じず、緊急時の対応に不安を感じている。
・世界の文化を知り、視野を広げたい。
・海外に対して「怖い」や「お金がかかる」などネガティブな印象がある。
・日本では味わえない絶景や体験ができて楽しそう。

◎デザインのコンセプト

・海外旅行への不安を取り除けるようなキャッチコピーの案出と、レイアウト調整。
・親近感や安心感などポジティブな印象を感じてもらえるようなデザイン設計。
・海外旅行に興味はあるものの不安感を感じている層が、ハードルを感じず安心して申し込めるような情報配置。

【デザインについて】

◎ビジュアルイメージ

 コンセプト整理を元に、不安を解消し期待感を高めるビジュアルへ落とし込みました。
 海外の美しい景色に加え、ターゲットと同世代の女性が心から楽しんでいる姿の写真をそれぞれ2枚ずつ配置。海外旅行へのワクワク感を直感的にイメージできるようにしました。
 さらに、ユーザーの視線誘導を意識し、最初に目に入るキャッチコピーのすぐ横にキャンペーン内容(2万円OFF)を配置。また、最大の不安要素である「言葉やトラブル」への対策として、CTAボタン内に「添乗員サポート付き」という文言を明記し、心理的ハードルを下げて安心して申し込める設計にしています。

◎カラー

 バナー全体の視認性を保ちつつ、旅行へのポジティブな感情を想起させる3色で構成しました。
・ベースカラー:白(#fffffc)
 文字の視認性を高めるとともに、すっきりとした清潔感を演出しています。
・メインカラー:青(#5798ff)
 移動中の空の旅や、青空の下で旅行を楽しむ爽やかなイメージを想起させ、誠実で安心感のある印象を与えます。
・アクセントカラー:黄色(#ffdf6d)
 旅行への「期待感」や「ワクワク感」を想起させるカラー。キャンペーン情報やCTAボタンなど、ユーザーに最も注目してほしい要素へ効果的に配置し、視線を誘導しています。

◎タイポグラフィ

 視覚的な楽しさを演出するフォントと、情報を正確に伝えるためのフォントを役割に応じて使い分けています。
・キャッチコピー:HG創英角ポップ体
 『海外旅行=楽しいもの・ワクワクするもの』というポジティブな印象を直感的に伝えるため、親しみやすく弾むような表情を持つポップ体を採用しました。
・その他(情報・詳細):Source Han Sans JP
 キャンペーン内容やサポート情報など、ユーザーがツアーを検討する上で重要な情報がストレスなく正確に伝わるよう、可読性と視認性の高いゴシック体を採用しました。

◎情報設計

 スマートフォン画面で瞬時に目を留め、ストレスなく予約へ誘導するためのレイアウト設計を行いました。
 まず、一瞬で「海外旅行のバナー」だと認知できるよう、背景に4枚の写真をバランスよく配置。さらに、最も伝えたいメインコピーを中央に大きく配置して視線を惹きつけます。
 さらに「初めての海外旅行」の文字をアーチ状に変形・配置することで、デザインに動きを出し、旅へのワクワク感や楽しさを視覚的に表現しました。
 そして、バナーのゴールである予約ページへの遷移を促すため、CTAボタンを配置。ボタン内には価格面のお得感(2万円OFF)だけでなく、最大の不安を解消する「添乗員サポート付き」というベネフィットを添えることで、心理的ハードルを下げてタップしやすい設計にしています。

シェア
岩﨑 せりなの他の作品
foriio

あなたのforiioを無料で作成

fori.io/
Logo
【Her Tech 架空案件】初めての海外旅行ツアー予約誘導バナー-1
岩﨑 せりなの他の作品
foriio

あなたのforiioを無料で作成

fori.io/