Facebook 【Hertech_架空案件】海外旅行2
Logo

【Hertech_架空案件】海外旅行2

クレジット
Avatar
WEBデザイナー
【Hertech_架空案件】海外旅行2-1
シェア
制作ノート
詳細について

【デザインについて】

■ ビジュアルイメージ

旅への憧れ・日常からの脱出・洗練された透明感

前作(海外旅行1)の「海と空」の開放的なイメージから一転し、今作では「日本のパスポート」と「カメラを持って旅先を歩く女性」をメインに据えています。

「出発前の高揚感」と「現地でのリアルな体験」を2軸で表現し、より情緒的でストーリー性を感じさせるビジュアルに仕上げています。

■ カラー

落ち着いたブルー、パスポートのえんじ色、明るいイエロー

メインコピーの背景には、爽やかでありながらも少し落ち着いたトーンのブルーを使用し、文字の読みやすさと信頼感を両立しています。

パスポートの「えんじ色(深みのある赤)」が画面左側の強いアクセントとなり、視線をバナー全体へ引き込むフックになっています。

「今だけ!! 2万円OFF」のバッジや右下の「ツアーを検索する >」ボタンには、補色に近い鮮やかなイエローを配し、重要な情報へ自然と目が留まるようカラー設計をしています。

■ タイポグラフィ

親しみやすくも洗練されたゴシック体

「はじめての海外旅行」のメインコピーは、丸みを帯びたクリーンなゴシック体を採用。海外旅行に対するハードルを下げ、若年層や初心者にも「自分向けだ」と直感的に伝わるフォント選定にしています。

上部のサブコピー「迷う時間は、もう終わり。新しい景色を見に行こう。」は、文字間をゆったりと空けて配置し、旅をためらう人の背中を優しく押すような、情緒的で丁寧なニュアンスを持たせています。

■ 情報設計

「共感 ➔ 提案 ➔ 説得 ➔ 行動」の4ステップ構成

共感: 一番上のサブコピーで「迷っているユーザー」の心理に寄り添う。

提案: 「はじめての海外旅行」という大きなタイトルで、このバナーが提供するテーマを明確に提示。

説得(安心感): 下部に「現地日本語スタッフ対応」「24時間サポートデスク完備」のチェックボックスを配置し、初心者が最も抱きやすい「言葉やトラブルへの不安」をその場で解消。

行動(CTA): 右下の黄色いボタンで次のアクション(ツアー検索)へ迷わず誘導する。

【工夫したポイント】

「安心感」の視覚化によるコンバージョン率への意識

ただ「楽しい旅行」をアピールするだけでなく、初めての海外旅行における最大の離脱要因である「言葉の壁と治安への不安」に着目しました。バナー下部にサポート体制(日本語対応・24時間サポート)をアイコン付きで明記することで、デザインのおしゃれさを損なわずに、ユーザーの一歩を踏み出す安心感を担保しています。

背景のレイアウトと文字の可読性の両立

パスポートや人物、旅先の風景など、複数の写真要素を組み合わせつつも、文字が配置される中央部分にブルーのシースルーを敷くことで、背景のディテールを活かしながらメインコピーの可読性を100%キープする工夫を施しました。

シェア
EIKO_oの他の作品
画像
作品を見る
★案件★ロッジレストランメニュー
画像
作品を見る
★案件★ホテルスタッフカード
foriio

あなたのforiioを無料で作成

fori.io/
Logo
【Hertech_架空案件】海外旅行2-1
EIKO_oの他の作品
画像
作品を見る
★案件★ロッジレストランメニュー
画像
作品を見る
★案件★ホテルスタッフカード
foriio

あなたのforiioを無料で作成

fori.io/