プロジェクト概要
大分県別府市にある宿泊施設「新別府荘」様の公式サイトおよび専用管理システムを開発しました。
施設の魅力を写真や動画で伝えるデザインに加え、客室・宿泊プラン・新着情報・ギャラリー・周辺観光情報などを、お客様自身で更新できる管理機能を構築。日本語・中国語・英語の3言語に対応し、AIによる文章作成・翻訳、SEO設定、お問い合わせ管理まで一元化しました。
単に情報を掲載するだけではなく、日々の運用負担を軽減しながら、国内外のお客様に施設の魅力を伝えられるWebサイトを目指しました。
導入前の課題
Webサイトの更新に専門知識が必要
客室情報や写真、新着情報を変更するたびに制作会社へ依頼する必要があり、更新に時間とコストがかかっていました。
多言語コンテンツの管理が煩雑
海外のお客様に向けて日本語・中国語・英語の情報が必要でしたが、言語ごとに文章を作成・管理する作業は大きな負担になります。
また、翻訳漏れや言語ごとの内容のずれ、不自然な表現が発生しやすいという課題もありました。
写真や動画を柔軟に活用できない
宿泊施設の雰囲気や客室、庭園などの魅力は、文章だけでなく写真や動画で伝えることが重要です。
しかし、画像の追加や並び替え、表示枚数の調整などを柔軟に行える仕組みがありませんでした。
SEOをページごとに設定できない
ページタイトルや説明文、キーワードを個別に設定できず、検索エンジンや言語別の検索ニーズに合わせた運用が難しい状態でした。
お問い合わせ管理と迷惑メール対策
Webサイトから届くお問い合わせがメールだけに分散すると、確認漏れが発生する可能性があります。
さらに、海外のボットによる大量の迷惑お問い合わせへの対策も必要でした。
スマートフォンでの表示最適化
ナビゲーション、電話番号、メールアドレス、客室一覧などがスマートフォンで崩れたり、文字が重なったりしないよう、画面サイズに応じた最適化が求められていました。
ご提案・開発内容
日本語・中国語・英語に対応した多言語サイト
公式サイト全体を、日本語・中国語・英語の3言語に対応させました。
以下のコンテンツを言語ごとに個別管理できます。
- 客室・宿泊プラン
- サービス
- 商品
- イベント
- 新着情報
- ギャラリー
- 宿のご紹介
- 周辺観光情報
- FAQ
- お問い合わせ
- SEOタイトル・説明文
閲覧者が選択した言語はブラウザに保存されるため、次回訪問時も同じ言語でサイトを閲覧できます。
宿泊施設専用の管理システム
専門知識がなくても日常的な更新ができる専用管理画面を開発しました。
管理画面から以下の操作を行えます。
- トップページのコンテンツ編集
- メインビジュアル・バナー管理
- 画像・動画のアップロード
- 客室・宿泊プラン管理
- 予約サイトへのリンク設定
- サービス・商品・イベント管理
- 新着情報の作成
- ギャラリーの分類・並び替え
- 宿の紹介文・イメージ画像管理
- 周辺観光スポット管理
- FAQ管理
- ナビゲーション管理
- SEO設定
- お問い合わせ管理
- 管理者アカウント管理
- メール・システム設定
管理画面のデザインや操作方法を統一し、担当者が迷わず運用できるよう設計しています。
AIによる文章作成・多言語翻訳
管理画面にAIを活用した文章作成・翻訳機能を搭載しました。
まず基準となる言語で文章を作成・確認し、その内容をほかの言語へ翻訳する運用フローを採用。複数言語を同時生成する方式よりも内容を確認しやすく、翻訳のずれを抑えられます。
AI機能は以下のコンテンツで利用できます。
- 客室・宿泊プランの紹介文
- 新着情報
- 宿の紹介文
- SEOタイトル・説明文
- 日本語・中国語・英語への翻訳
AIが作成した文章は公開前に編集できるため、作業効率と表現品質を両立できます。
ページごとのSEO管理
各ページに対して、言語別に以下のSEO情報を設定できるようにしました。
- SEOタイトル
- メタディスクリプション
- SEOキーワード
日本国内だけでなく、中国語圏・英語圏のお客様を想定した検索対策にも活用できます。
写真・動画を活かしたビジュアル設計
トップページのメインビジュアルは、一般的な下層ページとは異なる全画面型のレイアウトを採用しました。
写真だけでなく動画にも対応し、客室や庭園、館内の雰囲気を印象的に伝えられます。
ギャラリー管理では以下の操作が可能です。
- 複数画像の一括アップロード
- ドラッグ操作による並び替え
- 画像ごとの表示・非表示
- 表示枚数の設定
- PC版の1行あたりの表示枚数設定
- スマートフォン版の1行あたりの表示枚数設定
- カテゴリー別の画像管理
季節やキャンペーンに合わせて、施設側で柔軟に写真を更新できます。
客室情報と予約導線の整備
客室ページでは、写真だけでなく以下の情報をわかりやすく掲載できます。
- 客室名
- 広さ
- ベッドタイプ
- 定員
- 料金
- 設備・アメニティ
- 客室紹介
- 予約サイトへのリンク
公式サイトで施設や客室の魅力を十分に伝えたうえで、外部予約サイトへスムーズに誘導できる導線を設計しました。
お問い合わせ管理と迷惑メール対策
Webサイトから送信されたお問い合わせは管理画面に保存され、利用者と施設管理者の双方へメールを送信します。
大量の迷惑お問い合わせを防ぐため、外部の有料APIや複雑な画像認証に依存しない、多層的な対策を実装しました。
- CSRF対策
- 使い捨てフォームトークン
- ハニーポットフィールド
- IPアドレス・メールアドレス単位の送信制限
- 短縮URL・不審なドメインの検出
- 迷惑メール特有の文言やランダム文字列の判定
- 重複内容の自動除外
- 不審なお問い合わせの保存・メール送信停止
- お問い合わせの個別・一括・全件削除
一般のお客様には余計な認証操作を求めず、利便性を保ちながら管理負担を軽減しています。
スマートフォン最適化
PC・タブレット・スマートフォンの各画面サイズに合わせて、レイアウトを最適化しました。
ナビゲーション、客室一覧、画像ギャラリー、電話番号、メールアドレスなどが重ならないよう調整し、スマートフォンからも快適に閲覧できます。
フッターの住所からGoogleマップを開けるほか、電話番号やメールアドレスから直接連絡できる導線も整備しました。
アクセス解析機能
管理画面から以下の基本的なアクセス情報を確認できます。
- ページ別アクセス数
- 閲覧端末
- 参照元
- 国・地域・都市情報
- 指定期間のアクセス状況
閲覧されているページや利用端末を把握し、今後のコンテンツ改善や集客施策に活用できます。
本システムの特長
1つの管理画面でサイト全体を運用
客室、写真、動画、新着情報、多言語、SEO、お問い合わせを1つの管理画面に集約しました。
日常的な更新のたびに制作会社へ依頼する必要がなくなり、施設側でスピーディーに情報を発信できます。
海外のお客様にも対応できる3言語運用
単純にページを自動翻訳するのではなく、言語ごとに内容を編集・管理できる仕組みです。
各言語に適した表現やSEO設定を行えるため、国内外のお客様に正確な情報を届けられます。
AIで文章作成と翻訳の負担を軽減
紹介文や新着情報をゼロから作成する負担を減らし、多言語展開に必要な時間も短縮します。
AI任せでそのまま公開するのではなく、人が確認・修正してから掲載できる運用設計です。
宿泊施設の業務に合わせた専用設計
一般的な企業サイトではなく、客室、宿泊プラン、予約リンク、館内サービス、ギャラリー、周辺観光など、宿泊施設の運営に必要な機能を中心に設計しています。
デザインと運用性を両立
前面では写真や動画を活かし、施設の雰囲気を伝えるデザインを採用。管理面では、更新作業、安全性、多言語運用、長期的なメンテナンス性を重視しました。
導入効果
本プロジェクトにより、情報を掲載するだけのWebサイトから、施設側が継続的に運用・改善できる情報発信プラットフォームへと進化しました。
期待できる効果は以下のとおりです。
- Webサイトの更新時間と管理コストの削減
- 新着情報や写真を迅速に発信
- 多言語コンテンツ作成の負担軽減
- 海外のお客様に対する情報提供の充実
- 写真・動画による施設イメージの向上
- 予約ページまでの導線改善
- 迷惑お問い合わせへの対応負担軽減
- 検索エンジン対策とコンテンツマーケティングの基盤整備
プロジェクト種別： 宿泊施設公式サイト・管理システム開発
対応内容： Webデザイン、レスポンシブ対応、CMS開発、多言語対応、AI文章作成・翻訳、SEO管理、画像・動画管理、お問い合わせ管理、セキュリティ対策
対応言語： 日本語・中国語・英語
対象業種： ホテル、旅館、民宿、温泉宿、貸別荘、リゾート施設
