由布院プレミアム体験ツアー様 ホームページ新規制作事例【旅行・観光業|福岡近郊】

こんにちは。福岡のホームページ制作会社《アドファクトリーハーツ》です。

今回は、由布院でプレミアム体験ツアーを提供する「旅くらす」様のホームページ新規制作事例をご紹介します。
「雄大な自然」「地元自慢の美食」「街歩きの情緒」といった由布院ならではの魅力を、ユーザーが五感で感じられるようなデザインと情報設計を意識しました。

新規サービス立ち上げにあたり、ブランドの世界観をしっかり伝えつつ、体験予約やお問い合わせにつながる導線設計を重視しています。

由布院プレミアム体験ツアー『旅くらす』 ホームページ新規制作(PC表示)
由布院プレミアム体験ツアー『旅くらす』 ホームページ新規制作(スマホ表示)

1. ホームページ新規制作の基本情報とプロジェクト概要

クライアント
旅くらす様(由布市・榎屋旅館内)
業種
旅行/観光ガイドツアー
ご依頼内容
ホームページ新規制作
写真撮影
編集
制作期間・規模
2〜3ヶ月
担当スタッフ
ディレクター:池田
デザイナー:古田・迫田
コーダー:大久保

2. 制作をご依頼いただいた背景と目的

由布院を舞台にした新規事業「プレミアム体験ツアー」を立ち上げるにあたり、ブランドの世界観を表現し、予約につながるホームページが必要でした。

特に、診療時間・アクセス・設備情報など、来院前に知りたい情報への導線を明確化し、利便性を向上させることが目的でした。

  • コンセプト:「いつもより少しラグジュアリーな時間を」
  • サービス理解だけでなく、予約までの流れをわかりやすくすること
  • 訪日観光客や国内旅行者に向け、由布院の魅力をしっかり伝えること

3. 課題解決のための提案内容とデザインアプローチ

  • 自然・美食・街歩きの魅力を写真とコピーで直感的に伝えるビジュアル設計
  • 料金プランと予約フォームへの導線を明確化し、スムーズに申し込みできる構成
  • スマホファーストを前提としたUI/UX
  • 多言語対応や新プラン追加を見据えたWordPress構築

4. ホームページ新規制作の内容と成果

  • 成果物:旅くらす様プレミアムツアー紹介サイト
  • CMS:WordPress

今回の新規制作では、1枚もののシングルページ構成を採用しました。トップからスクロールするだけで、ツアーの魅力・料金・注意事項・予約方法まで、必要な情報を一通り把握できるよう設計しています。

特にAコース「絶景を嗜む」とBコース「情緒を嗜む」の紹介部分では、写真とキャッチコピーを組み合わせ、視覚的に体験をイメージできるように構成。続く料金セクションでは弁当プランやBBQプランなど複数の選択肢を比較しやすい形で配置しました。

さらに、スクロールの最後には予約フォームへの導線を設け、「魅力を知る → プランを選ぶ → 申し込む」という流れをページ内で完結できるのが特徴です。
1ページ完結型のシンプルな構成により、初めて訪れたユーザーでも迷わず行動できる導線を実現しました。

由布院プレミアム体験ツアー『旅くらす』 ホームページ新規制作(PC表示)
由布院プレミアム体験ツアー『旅くらす』 ホームページ新規制作(スマホ表示)

5. 制作の流れ

  1. ヒアリング・コンセプト設計
    サービス立ち上げの背景や「由布院の魅力をどう伝えるか」を丁寧にヒアリング。
    「プレミアム感」「五感で楽しむ」「予約しやすさ」というコンセプトを設定しました。
  2. サイト構成・ワイヤーフレーム設計
    1枚もののLP型構成とし、体験紹介 → 料金プラン → 注意事項 → 予約フォーム へ自然に流れる導線を設計。
    ユーザーが途中で迷わずに最後まで読み進められるようストーリー性を重視しました。
  3. ビジュアルデザイン制作
    由布院の自然や食をイメージした写真を中心に、清潔感と高級感を兼ね備えたデザインに。
    色味やフォントは「ラグジュアリー」と「親しみやすさ」を両立させています。
  4. 写真撮影・動画撮影
    実際のツアーシーンや由布院の景観、地元食材を使った料理を撮影。
    「体験を疑似的に感じられる」 ビジュアル素材としてサイト全体に反映しました。
    動画はSNSやプロモーションでも活用できるよう編集し、集客施策にもつなげています。
  5. コーディング・実装
    スマートフォンでの閲覧を重視したレスポンシブ設計。
    予約フォームは入力のしやすさにこだわり、シンプルかつわかりやすいUIを実装しました。
  6. テスト・公開
    各デバイスでの表示確認、予約フォームの送信テストを実施。
    SEO初期設定とともに公開し、集客・予約につながる運用をスタートしました。

6. クライアント様のご感想

「由布院の魅力をしっかり表現したサイトになりました。
特にツアー風景や料理の様子を撮影いただいた動画コンテンツは、お客様からも『イメージが伝わりやすい』と好評です。 SNSでも活用できるので、集客にも役立っています。更新も簡単にでき、とても助かっています。」— 旅くらす ご担当者様

7. 使用技術・ツール・対応環境一覧

CMS
WordPress
デザインツール
Adobe XD、Illustrator、Photoshop
撮影・編集
一眼レフカメラ/ドローン撮影、Adobe Premiere Pro、After Effects
対応デバイス
スマートフォン、タブレット、PC
特別な実装
多言語対応
アニメーション
視線誘導デザイン
管理画面カスタマイズ(お知らせ投稿の簡易化)
お問い合わせフォーム

8. その他のホームページ新規制作・リニューアル事例はこちら

アドファクトリーハーツでは、制作後の運用・集客までを見据えたホームページ運用施策をご提案しています。
本事例が、ホームページ制作をご検討中の方の参考となれば幸いです。
撮影・制作・運用を一貫してご提供できますので、ぜひお気軽にお問い合わせください。

アドファクトリーハーツのロゴ

弊社アドファクトリーハーツは、
九州・福岡市にあるデザイン会社です。

DTP・イラスト作成・ホームページ制作・
動画撮影/編集・写真撮影など
様々なコンテンツ制作が可能です。
「コンテンツ制作をしたいが、
どう進めていいかわからない」
「大体の金額だけ知りたい」など
お客様のお悩みをぜひお聞かせください♪

無料相談はこちら