こんにちは。福岡のホームページ制作会社《アドファクトリーハーツ》です。
今回は、由布院でプレミアム体験ツアーを提供する「旅くらす」様のホームページ新規制作事例をご紹介します。
「雄大な自然」「地元自慢の美食」「街歩きの情緒」といった由布院ならではの魅力を、ユーザーが五感で感じられるようなデザインと情報設計を意識しました。
新規サービス立ち上げにあたり、ブランドの世界観をしっかり伝えつつ、体験予約やお問い合わせにつながる導線設計を重視しています。
1. ホームページ新規制作の基本情報とプロジェクト概要
- クライアント
- 旅くらす様(由布市・榎屋旅館内)
- 業種
- 旅行/観光ガイドツアー
- ご依頼内容
- ホームページ新規制作
写真撮影
編集 - 制作期間・規模
- 2〜3ヶ月
- 担当スタッフ
- ディレクター:池田
デザイナー:古田・迫田
コーダー:大久保
2. 制作をご依頼いただいた背景と目的
由布院を舞台にした新規事業「プレミアム体験ツアー」を立ち上げるにあたり、ブランドの世界観を表現し、予約につながるホームページが必要でした。
特に、診療時間・アクセス・設備情報など、来院前に知りたい情報への導線を明確化し、利便性を向上させることが目的でした。
- コンセプト:「いつもより少しラグジュアリーな時間を」
- サービス理解だけでなく、予約までの流れをわかりやすくすること
- 訪日観光客や国内旅行者に向け、由布院の魅力をしっかり伝えること
3. 課題解決のための提案内容とデザインアプローチ
- 自然・美食・街歩きの魅力を写真とコピーで直感的に伝えるビジュアル設計
- 料金プランと予約フォームへの導線を明確化し、スムーズに申し込みできる構成
- スマホファーストを前提としたUI/UX
- 多言語対応や新プラン追加を見据えたWordPress構築
4. ホームページ新規制作の内容と成果
- 成果物:旅くらす様プレミアムツアー紹介サイト
- CMS:WordPress
今回の新規制作では、1枚もののシングルページ構成を採用しました。トップからスクロールするだけで、ツアーの魅力・料金・注意事項・予約方法まで、必要な情報を一通り把握できるよう設計しています。
特にAコース「絶景を嗜む」とBコース「情緒を嗜む」の紹介部分では、写真とキャッチコピーを組み合わせ、視覚的に体験をイメージできるように構成。続く料金セクションでは弁当プランやBBQプランなど複数の選択肢を比較しやすい形で配置しました。
さらに、スクロールの最後には予約フォームへの導線を設け、「魅力を知る → プランを選ぶ → 申し込む」という流れをページ内で完結できるのが特徴です。
1ページ完結型のシンプルな構成により、初めて訪れたユーザーでも迷わず行動できる導線を実現しました。
5. 制作の流れ
-
ヒアリング・コンセプト設計
サービス立ち上げの背景や「由布院の魅力をどう伝えるか」を丁寧にヒアリング。
「プレミアム感」「五感で楽しむ」「予約しやすさ」というコンセプトを設定しました。 -
サイト構成・ワイヤーフレーム設計
1枚もののLP型構成とし、体験紹介 → 料金プラン → 注意事項 → 予約フォーム へ自然に流れる導線を設計。
ユーザーが途中で迷わずに最後まで読み進められるようストーリー性を重視しました。 -
ビジュアルデザイン制作
由布院の自然や食をイメージした写真を中心に、清潔感と高級感を兼ね備えたデザインに。
色味やフォントは「ラグジュアリー」と「親しみやすさ」を両立させています。 -
写真撮影・動画撮影
実際のツアーシーンや由布院の景観、地元食材を使った料理を撮影。
「体験を疑似的に感じられる」 ビジュアル素材としてサイト全体に反映しました。
動画はSNSやプロモーションでも活用できるよう編集し、集客施策にもつなげています。 -
コーディング・実装
スマートフォンでの閲覧を重視したレスポンシブ設計。
予約フォームは入力のしやすさにこだわり、シンプルかつわかりやすいUIを実装しました。 -
テスト・公開
各デバイスでの表示確認、予約フォームの送信テストを実施。
SEO初期設定とともに公開し、集客・予約につながる運用をスタートしました。
6. クライアント様のご感想
「由布院の魅力をしっかり表現したサイトになりました。
特にツアー風景や料理の様子を撮影いただいた動画コンテンツは、お客様からも『イメージが伝わりやすい』と好評です。 SNSでも活用できるので、集客にも役立っています。更新も簡単にでき、とても助かっています。」— 旅くらす ご担当者様
7. 使用技術・ツール・対応環境一覧
- CMS
- WordPress
- デザインツール
- Adobe XD、Illustrator、Photoshop
- 撮影・編集
- 一眼レフカメラ/ドローン撮影、Adobe Premiere Pro、After Effects
- 対応デバイス
- スマートフォン、タブレット、PC
- 特別な実装
- 多言語対応
アニメーション
視線誘導デザイン
管理画面カスタマイズ(お知らせ投稿の簡易化)
お問い合わせフォーム
8. その他のホームページ新規制作・リニューアル事例はこちら
アドファクトリーハーツでは、制作後の運用・集客までを見据えたホームページ運用施策をご提案しています。
本事例が、ホームページ制作をご検討中の方の参考となれば幸いです。
撮影・制作・運用を一貫してご提供できますので、ぜひお気軽にお問い合わせください。

弊社アドファクトリーハーツは、
九州・福岡市にあるデザイン会社です。
DTP・イラスト作成・ホームページ制作・
動画撮影/編集・写真撮影など
様々なコンテンツ制作が可能です。
「コンテンツ制作をしたいが、
どう進めていいかわからない」
「大体の金額だけ知りたい」など
お客様のお悩みをぜひお聞かせください♪