有馬ロイヤルホテル 様

HP (デスクトップHTML & CSSコーディング)
名称 :
有馬ロイヤルホテル 様
業態 :
リゾートホテル(三つ星)
URL :
https://travel.rakuten.co.jp/HOTEL/15232/15232.html
制作期間 :
2ヶ月
制作物
– 楽天トラベルカスタマイズページコーディング(デスクトップ HTML & CSSコーディング)
– メニュー表
– 館内案内
– デジタルサイネージコンテンツ
– うちわ(PSD納品)
使用言語
HTML & CSS
使用ソフト

– Visual Studio Code
– Photoshop
– illustlator
– Final Cut Pro X (動画編集ソフト)

制作のご要望

• 楽天トラベルの掲載ページ (デスクトップのみ) のHTML & CSSコーディング
• 丁寧に分かりやすくサービスの説明をしたいので下層ページをしっかり分けること
• お食事のメニュー表や館内案内やデジタルサイネージのコンテンツなどの販促物も作ること

概要

日本三大温泉街の一つである”有馬温泉”。
その有馬温泉で約50年間営業されている三つ星のリゾートホテルである“有馬ロイヤルホテル”さんから楽天トラベルの掲載ページのHTML & CSSのコーディングと販促物のデザインをさせていただきました。

旅行情報掲載サイトの“じゃらん”では、
”じゃらん売れた宿大賞”15年連続で獲得されていますが、楽天トラベルにも力を入れたいとのことでした。

有馬温泉の源泉である金泉や、非常に質の高いお食事のメニューや館内の充実した設備をしっかりと個別に説明したいということで、各項目を個別ページで説明を記載しました。
担当の方のご希望で説明のページは、左に画像で右に説明文というレイアウトで制作しました。

チェックイン後に手渡しされる館内案内は、説明する情報が非常に多かったので項目を丁寧に整理して図解も入れて制作しました。
フロアマップはIllustratorのベクターツールで描いて、鍵の説明はProcreateで手書きで制作しました。

1階フロントに設置されているデジタルサイネージに表示されている案内のコンテンツは、
館内の説明に加えて周辺の観光名所の案内を制作しました。

メニュー表は白い紙に文字だけの簡易的な仕様だったものをリニューアルして欲しいというお話をいただきました。

フードメニューは149mm × 186mmの用紙に和紙のテクスチャ背景で余白をたっぷり持たせて仕上げました。
ドリンクメニューはB5サイズの用紙に必ず商品の写真と説明をいれて分かりやすさを重視して仕上げました。

納品後は、大切に使っていただいてお客様や従業員の方からご好評というご報告をいただきました。
このような素晴らしい制作の機会をいただき感謝しかありません。

ギャラリー