SHIORI【訪日旅行予約サイト デザイン見本】
弊社で制作する訪日旅行者向け旅行予約サイトのデザイン見本です。日本語・英語の2言語に対応しています。
クライアント
SHIORI様（仮名）
完成
2026.10
業務
新規制作
クライアント
SHIORI様（仮名）
完成
2026.10
業務
新規制作
課題と背景
※本件はBSP Design によるホームページデザイン見本です。ブランド名・旅行プラン・料金・掲載記事・連絡先等はすべてサンプルです。
訪日旅行者向けに、宿・移動・体験をひとつの旅程にまとめて手配する旅行会社を想定したデザイン案です。海外から日本の旅行会社を探す方にとっては、英語で必要な情報がそろっているか、料金の目安や予約までの流れが分かるかが、相談先を決める判断材料になります。一方で、旅行サイトは数が多く、写真と文章から日本らしさが感じられなければ選ばれにくくなります。日本語と英語の両方のページを用意し、それぞれの読み手に合わせた見せ方で、サービス内容と日本の旅の魅力を伝える必要がありました。
解決策
日本語版と英語版をそれぞれ1ページで用意し、ヘッダーの切り替えボタンからいつでも行き来できる構成としました。英語版の文章は自動翻訳ではなく、英語圏の旅行サイトで使われる表現に合わせて作成しています。ページは、旅先のスライド・プラン検索・コンセプト・旅行プラン・体験・予約の流れ・読みもの・ご相談の順に並べました。旅行プランは日数・エリア・料金の目安を一覧で示し、英語版では季節ごとに絞り込めます。日本語版では「宿・移動・人」の3つの考え方を、スクロールに合わせて写真が切り替わる演出で紹介し、予約の流れもスクロールに合わせて順番に表示されるタイムラインで見せています。
デザインと機能の工夫
墨色と生成りの白を基調に、朱色を差し色として使った、和の落ち着きを感じる配色です。日本語版は黒を多く使った引き締まった構成とし、縦書きのコピーや、写真に縦書きで重ねた体験名で日本らしさを出しています。英語版は白を基調に細身の英字書体を使い、海外の方にとって読みやすく、上品な印象にまとめました。ファーストビューは3つの旅先を写真のスライドで紹介し、エリア・日数・季節を添えて、プランの内容がひと目で分かるようにしています。提携宿の数や手配実績などの数字はカウントアップで表示し、全幅の写真を使った一文の背景はスクロールに合わせて動くパララックスにしました。どのデバイスでも言語の切り替えボタンを常にヘッダーに表示し、簡単に言語を変えられるようにしています。
「観光・旅行関連など、インバウンド向けの事業者様におすすめのデザイン例です。 「海外のお客様にも、日本らしさが伝わるサイトにしたい」 「日本語と英語の両方で、サービス内容をきちんと伝えたい」 など、お客様のご要望を伺い、ターゲットとする国や地域、お客様が予約の際に知りたい情報を踏まえた上で細かく設計していきます。 「こんな感じのホームページにしたい」等のご要望でも、ぜひお気軽にご相談ください」
