楽天トラベル カスタマイズページ制作

  • HOME
  • 楽天トラベル カスタマイズページ制作
Rakuten Travel Customize Page

楽天トラベルの施設ページを、
公式サイトの世界観で。

写真と文字が並ぶだけの標準ページから、施設の魅力が伝わる“もうひとつの公式サイト”へ。
PC・スマホ両対応のカスタマイズページを、楽天トラベルの仕様に合わせて制作します。

  • PC・スマホ両対応
  • 公式サイトの配色・書体に準拠
  • 掲載情報はすべて事実確認
  • 貼り付け手順書つき
楽天トラベル カスタマイズページ(PC版)
Resort Villa KAPUKA 古宇利島 楽天トラベルPC版カスタマイズページのファーストビュー
同 スマホ版カスタマイズページのファーストビュー

制作事例:Resort Villa KAPUKA 古宇利島

Issues

こんなお悩みはありませんか?

01 公式サイトと楽天で、
施設の印象が違う

公式サイトではこだわりの世界観を表現できていても、楽天トラベルの標準ページでは写真とテキストの羅列になりがちです。

02 カスタマイズページを
作りたいが、手が回らない

HTML・CSSの知識が必要なうえ、PC版とスマホ版は別々に作成・管理する仕組み。現場の業務と並行して作るのは大変です。

03 作ってみたけれど、
エラーや表示崩れが起きる

文字数の上限、使えないタグ、スマホ版だけの独自ルールなど、楽天トラベル特有の制約でつまずくケースが少なくありません。

Case Study

Resort Villa KAPUKA 古宇利島

沖縄県 古宇利島/全4棟の一棟貸しプライベートプールヴィラ制作:PC版 TOP・客室/スマホ版 TOP・客室
PC版 TOPページ(950px)
KAPUKA古宇利島 PC版TOPページ全体

枠内をスクロールすると、ページ全体をご覧いただけます

  • 公式サイトのブランドカラーを実測して反映

    公式サイトのメインカラー(濃紺 #000c2e)とロゴをそのまま使用。楽天上でも公式サイトと同じ印象でご覧いただけます。

  • 「一日四組だけ」の価値をファーストビューで

    古宇利大橋を望む眺望写真に、全4棟・全室プライベートプールというコンセプトを重ねて訴求しています。

  • 客室ごとの違いがひと目でわかるカード構成

    客室ごとに広さ・定員・特徴を揃えて並べ、旅のスタイルに合うお部屋を選びやすくしました。

  • 予約導線を要所に配置

    ナビゲーション内とページ末尾に「宿泊プランを見る」ボタンを設置し、プラン一覧へ迷わず移動できます。

PC版 客室ページ(950px)
KAPUKA古宇利島 PC版客室ページ全体

枠内をスクロールすると、ページ全体をご覧いただけます

  • 客室ごとに写真・数値・間取り図をセットで

    広さ・定員・階数などの数値と、スペック表・ギャラリー・間取り図を客室ごとにまとめて掲載しています。

  • 客室ごとの比較表で、迷わず選べる

    客室ごとの違いを一覧表に整理し、比較検討の手間を減らしました。

  • 一次情報で裏付けた内容だけを掲載

    楽天トラベルの施設情報と公式サイトを突き合わせて確認。「プールの水温は常温」など、誤解を招きやすい点も正確に記載しています。

  • 全画像に日本語の説明文(alt)

    楽天トラベルのフォトギャラリーから写真を目視で選定し、すべてに内容がわかる説明を設定しています。

KAPUKA古宇利島 スマホ版TOPページ全体

枠内をスクロールすると、ページ全体をご覧いただけます

  • スマホ専用に縦1列で組み直し

    PC版を縮小するのではなく、スマホで読みやすい文字サイズ・写真の大きさ・ボタン配置で別途制作しています。

  • 楽天スマホ版の独自仕様に対応

    スマホ版ではCSSの書き方に制限があるため、画面幅に合わせて伸縮するレイアウトで、機種を問わず崩れにくく仕上げています。

  • 地図は画像+地図ページへのリンクで

    スマホ版では地図の埋め込み(iframe)が使えないため、周辺の写真と楽天トラベルの地図ページへのボタンに置き換えています。

  • TOP・客室の2ページで共通デザイン

    スマホ版のCSSは施設内の全ページで共有される仕様のため、2ページ分を1本に統合して納品しています。

Know-how

楽天トラベル特有のルールを、
すべて踏まえて制作します。

見た目が整っていても、登録時にエラーになったり、スマホで崩れたりしては意味がありません。AKSは実際の制作で確認した仕様にもとづいて設計します。

1ページ15,000文字の上限
PC版はCSSとHTMLを合わせて15,000文字まで。コードの圧縮と構成の優先順位づけで、デザインを落とさず上限内に収めます。
使えるタグ・属性が決まっている
許可されたタグのみで構成し、「登録できないタグが入力されています」エラーを防ぎます。JavaScriptは使用しません。
スマホ版はPC版と別ページ・別ルール
スマホ版は入力したCSSが自動で書き換えられるため、一般的なレスポンシブの書き方が使えません。この仕様を再現した環境で検証しています。
楽天側ではバックアップが取られない
貼り付け用ファイルとは別に、改行・コメント付きの編集用ソースもお渡しします。後からの修正や差し替えも安心です。
Deliverables

納品物(スタンダードプランの場合)

管理画面(RMS)にそのまま貼り付けられる形でお渡しします。

PCTOPページ

HTML・CSSを1ファイルに。そのまま貼り付けできます。

PC客室ページ

客室ごとの写真・スペック・間取りを掲載。

SMARTPHONETOP/客室ページ

スマホ専用に組み直した2ページ分のHTML。

SMARTPHONE共通CSS

スマホ版全ページで共有される仕様に合わせて1本に統合。

SOURCE編集用ソース

改行・コメント付きの元ファイル。修正時に使用します。

PREVIEW確認用プレビュー

ブラウザで開いて、公開前に見た目を確認できます。

MANUAL貼り付け手順書

どのファイルを、どの欄に貼るかを順番に解説。

CHECK LIST公開前の確認事項

情報源どうしで食い違いがあった点などを一覧でご報告。

Price

料金プラン

いずれのプランも、PC版とスマホ版をセットで制作します。

ライト

まずはTOPページだけ整えたい施設さまに

40,000

税抜(税込 44,000円)

TOPページ PC版+スマホ版

  • 公式サイトに合わせたオリジナルデザイン
  • 楽天フォトギャラリーからの写真選定
  • 掲載情報の事実確認
  • 貼り付け用ファイル・編集用ソース
  • 貼り付け手順書
  • 公開前の修正 2回まで
相談する
おすすめ/KAPUKA事例と同内容

スタンダード

客室の魅力までしっかり伝えたい施設さまに

80,000

税抜(税込 88,000円)

TOP+客室ページ PC版+スマホ版

  • ライトプランの内容すべて
  • 客室ごとの写真・スペック表・比較表
  • 間取り図の掲載(ご提供または楽天掲載分)
  • スマホ版共通CSSの統合
  • 公開前の確認事項レポート
  • 公開前の修正 2回まで
このプランで相談する

プレミアム

プラン・食事・周辺観光まで作り込みたい施設さまに

130,000

税抜(税込 143,000円)

最大4ページ PC版+スマホ版

  • スタンダードプランの内容すべて
  • 追加2ページ(お料理・温泉・周辺観光・特集など)
  • ページ構成のご提案
  • 公開後1か月以内の文言・写真の差し替え
  • 公開前の修正 3回まで
相談する

オプション

ページ追加(PC版+スマホ版 1ページ分)30,000円税抜(税込 33,000円)
公開後の更新・差し替え(1回あたり)季節の写真差し替え、文言修正、キャンペーン告知など5,000円〜税抜(税込 5,500円〜)
写真の補正・AI写真加工明るさ・色味の補正など。AKSのAI写真加工サービスと組み合わせてご利用いただけます別途お見積り
Flow

ご依頼から公開までの流れ

  1. お問い合わせ・ヒアリング

    施設のこだわりや、伝えたいポイントをお伺いします。

  2. 情報・素材の確認

    楽天トラベルの掲載内容と公式サイトを確認し、写真を選定します。

  3. 構成・デザイン・制作

    公式サイトの配色に合わせ、PC版・スマホ版を制作します。

  4. プレビュー確認・修正

    確認事項レポートとあわせてご確認いただきます。

  5. 納品・公開

    手順書に沿って管理画面に貼り付け、公開となります。

FAQ

よくあるご質問

写真はこちらで用意する必要がありますか?

基本的には、楽天トラベルのフォトギャラリーにすでに登録されている写真の中から選定して使用します。新しい写真を使いたい場合は、事前にフォトギャラリーへの登録をお願いしています。

公式サイトがなくても依頼できますか?

可能です。公式サイトがない場合は、施設の雰囲気や客層をヒアリングしたうえで、配色やデザインをご提案します。

スマホ版だけ、PC版だけの制作はできますか?

ご相談ください。ただし楽天トラベルはPC版とスマホ版で別々のページを持つため、両方の見え方を揃えられるセットでの制作をおすすめしています。

掲載する情報はどのように確認していますか?

楽天トラベルの施設情報と公式サイトなどの一次情報を突き合わせ、裏付けが取れた内容だけを掲載します。情報源によって記載が異なる点は、公開前の確認事項としてご報告し、施設さまにご判断いただきます。

公開後に内容を変更したくなったら?

オプションの「公開後の更新・差し替え」で承ります。編集用ソースもお渡ししているため、施設さまご自身での修正も可能です。

Contact

楽天トラベルでも、
施設の魅力をそのまま伝えませんか。

現在の楽天トラベルのページを拝見したうえで、どのような構成にできるかご提案します。お気軽にご相談ください。