制作の舞台裏
建物、客室、料金。
オープニングのビュー、客室の見開き、そしてその場でページの料金を切り替えるシーズンスイッチ。
概要
Vonaは、小さなブティックホテルのコンセプトです。客室は8室、石造りのテラス、シーズンは5月から10月まで。サイトの役目はひとつ。「カシュ ブティックホテル」という検索を、20%のOTA手数料ではなく直接予約に変えることです。
ブリーフ
- 課題
- 予約サイトが、すべての宿泊から手数料を取っていく。
- 制約
- 客室は8室、オーナーはひとり、シーズンは5月から10月まで。
- 解決策
- すべての料金が見え、どの導線も直接の問い合わせにたどり着く、落ち着いたページ。
小さなホテルは、利益を二度失います。一度は予約サイトに、もう一度は予約サイトのように見える自社サイトに。Vonaのページは逆を行きます。ゆったりとしたセリフ体のタイポグラフィ、リネンとオリーブの木から取った配色、そして設備ではなく朝の時間を描くコピー。
構成は、落ち着いた1本のスクロールです。建物、客室、シーズンごとの料金、そして海へと下る道。各客室は本の見開きのように紹介します。名前、眺め、ベッド、フロア。選んだシーズンの料金はそのすぐ横に表示し、問い合わせフォームの奥に隠すことはしません。
予約の導線は、小さなホテルに本当に必要なものに正直です。日付を指定したメールでの問い合わせが、必要事項をすべて記入した状態でオーナーの受信箱に届きます。PMSのふりをした見せかけの空室カレンダーはありません。ホテルが望むなら、後から追加できます。
このコンセプトについて
架空のクライアントのためのコンセプト作品です。私たちがクライアント案件で実践するプロセスと品質基準をご紹介しています。
アプローチ
朝を売り、価格を示す。
雰囲気が売る
タイポグラフィ、色、テンポが、その場所の空気を伝えます。ドローン映像も、自動再生の動画も、Cookieバナーが必要になるものも一切ありません。
料金はオープンに
3つのシーズン、8つの客室、すべての料金を公開。問い合わせる前に料金を知っているゲストほど予約につながりやすく、値引き交渉も少なくなります。
直接予約が基本
どの導線も、日付入りの直接の問い合わせで終わります。OTAの掲載は正面玄関ではなく、予備の入り口になります。
搭載機能
直接予約を勝ち取るランディングページ。
数値はコンセプトのブリーフに基づくものです。
客室
8室分の見開き
名前、眺め、ベッド、フロア、料金。各客室を丁寧に構成した見開きは、片手に持ったスマートフォンでも読みやすく。
シーズン
3つのシーズンを、ひとつのスイッチで
5〜6月、7〜8月、9〜10月。シーズンを切り替えると、再読み込みなしで全客室の料金が更新されます。
言語
2言語、同じページ
海外のゲストは英語で、地元の人々はトルコ語で予約します。ひとつのページに、2つの声。
読み込み
基本は静的
ゲストが求めるまで、予約エンジンのJavaScriptは読み込みません。ページは、私たちのほかの制作物と同じく、ただのファイルです。
技術スタック
- Next.js
- React
- TypeScript
- CSSデザイントークン
- Resend
- Vercel
実際に試す
画像ではなく、動く制作物。
デモを開いて、ゲストやクライアントになったつもりで使ってみてください。すべてのタップ、すべてのタブが動作します。