2021年3月11日13 分
最終更新: 12月1日
事業を営むビジネスオーナーにとって、ビジネスを成長させるうえ Web サイトを介して顧客に購入を促すための導線づくりは欠かせません。これは商品のオンライン販売だけに限らず、ヨガレッスンやコンサルティングなど「サービス」を提供している場合も同様です。
では、顧客が直接あなたのサイトからサービスを予約できるようにするにはどうすれば良いのでしょうか？
ここで役立つのがオンライン予約機能「Wix ブッキング」です。この機能を Wix サイトに追加することで、顧客がプライベートレッスンやグループレッスン、ワークショップなどのサービスをスムーズにオンラインで予約できるほか、決済や予約のリマインダーメールの送信まで行うことができます。
この記事では Wix ブッキングを使って作成されたオンライン予約サイト 16 事例を紹介します。美しいデザインと機能的な予約ページを用いたサイトを参考に、あなたも予約数アップにつながるホームページを作成しましょう。
表参道の路地裏に佇むプライベートヘアサロン「フォーゲルヘアサロン」。店内の写真とコピー「” 同じ思いを過ごす場所 ” としたプライベートサロン」をページトップに置くことでサイトを開いた瞬間からアットホームさを感じられるオンライン予約サイトです。
メニューバーの「オンライン予約」から確認できる施術メニューは、メニュー内容や施術時間が明確に記載され、顧客はカットやトリートメントといった自分が探しているメニューをスムーズに見つけて予約へと進むことができます。
お店のイメージに合わせたフォントとロゴにも注目してみましょう。サイトの文字色は定番の黒色ではなく、あえてグレーを選びやわらかい雰囲気を演出。サイトに統一感を持たせるためにサロン名の入ったロゴの色味もこだわっています。
アーユルヴェーダに関する講座からコーチング、カウンセリングまで心身と生活習慣における多様なオンライン予約のオプションを提供しているコミュニティ「MOTHER」。白を基調に余白を上手に使ったレイアウトは洗練された印象を与え、ビジネスにマッチしたデザインに仕上がっています。
顧客はメニューバーの「STUDIO」から「予約」をクリックして担当講師を選択し、予約可能な日時から希望日を選び予約を完了。スムーズな予約導線が確保されています。また、イベントカレンダーを追加して全てのレッスンスケジュールをカレンダーに表示し、顧客がワンクリックで自分のカレンダーと同期できる仕組みを取り入れています。予約者はスケジュールの管理がしやすくなり、キャンセルや欠席を防ぐ効果も期待できます。
オンライン講座を通じてスリランカの紅茶を学べるティースクール「CEYLON TEA SCHOOL」。ベーシック、マスターコース、カフェメニューコースの 3 種類のオンラインコースが用意されており、トップページからもメニューバーからも遷移できる柔軟なつくりです。今にも紅茶の香りが漂ってきそうな素敵な写真と明確なレッスン内容で構成された予約ページは、ユーザーが予約前にイメージを膨らませやすく安心して予約手続きを進めることができます。
また、サービスをオンラインで予約する際、顧客がサイトオーナーとは異なる時間帯（タイムゾーン）にいる場合があります。現地の時間で表示できる機能をサイトに追加して、時間帯の混乱を避ける配慮も施しています。
コロナ禍がきっかけでオンラインレッスンを開始した同スクールの代表中永 美津代さんのインタビュー記事もあわせてご覧下さい。
日頃のライフスタイルからこころとからだを健康に導き、ヨガの魅力を存分に学べるヨガスタジオ「studio haku」。チャットボックスと CTA ボタンに統一して使用されている淡いブルーが差し色となり自然と訪問者の視線を引き付けます。
ヘッダーに設置された「online レッスン予約」の CTA ボタン、またはメニューバーの「Online Yoga」から予約ページへアクセスを促す構成。オンライン予約ページは、初めてページを訪れたユーザーにもわかりやすいように「予約方法」としてくくり予約完了までの手順を記載しています。また、予約前に知っておきたいオンラインレッスンの注意点も明記し丁寧な説明を心がけています。続けて予約ページをスクロールすると、骨盤矯正ヨガやハタヨガなど自宅でできるヨガクラス、またはオンラインのワークショップ・イベントを選択できるセクションに到達し、顧客はそれぞれの詳細を確認しながらサービスを予約することができます。
動物愛好家のオーナーが運営する犬と猫専門のグルーミング予約サイト。ホームページのファーストビューに置かれた写真からどのようなビジネスなのか一目瞭然で読み取れる明瞭なサイトです。視覚的に魅力的なだけでなく、シンプルで操作性に優れているところもポイントです。予約可能なサービスを明確な CTA（行動喚起）で示し、訪問者が求めているサービスに辿り着きやすいよう工夫されています。
予約をより円滑にするために、顧客専用の会員エリアを設置。顧客が自分のアカウントにログインすることで好みのサービスをオンライン予約したり、過去の予約履歴を確認したりすることができます。また、店舗情報とその所在地をマップに表示するといった機能も使用。Wix ブッキングだけでなくそのほかの Wix 機能も存分に活かしたサイトに仕上がっています。
10 年以上の経験豊富なベテラン理容師 Jake Fardell さんが経営する理髪店。理髪店のように競合が多いマーケット市場で自分のビジネスを際立たせるために Jake さんはどのような工夫を施しているでしょうか。
まず、ミニマルな外観からはじまり、スクロールするにつれて店内の様子や髪型サンプルなどその店の特徴が垣間みえる豊富な写真で目を楽しませてくれるギャラリーを設置しています。提供している 3 つのサービスであるカット、シェービング、商品を描写するアイコンは遊び心に溢れ、さらに訪問者の目を引くビジュアルとキャッチコピーの組み合わせもセンスを感じさせます。また、ニュートラルなカラーパレットを使用しているためサイト上部に配置されたライトブルーの「Book Now」ボタンが一層際立っています。色使いの参考にできるでしょう。
アメリカ発祥のエンターテイメント、モノを壊してストレス発散。この新しいコンセプトのもとビジネスを展開している「Fury Room」はオンラインを通じて予約を受付けています。
考え抜かれたサイト構成のもと、ユーザー体験を重視したサイトに。まず、英語とフランス語の両方で閲覧可能な多言語サイトを作成し、より広いオーディエンス層へのリーチを見込んでいます。また、サービスをはじめて利用する人に向けてよくある質問への回答を FAQ ページに掲載し顧客の疑問を解消。さらに、ビジネスに必要不可欠なライブチャット機能をサイトに設置して、顧客との円滑なコミュニケーションに役立てるなど、予約数アップにつながる工夫が満遍なく施されています。
また、サービス内容と料金を表示したサービスメニュー「PACKAGES」は、目を引くブラック x イエローの組み合わせとオリジナルのロゴで一層引き立てられ、利用者にとってサービス内容を明確に把握することができます。
母と娘、家族でウェディングドレスのデザイン・制作を手掛ける「Wedding Gown Alterations」。上品さを醸し出した美しい写真から、ブラック、ホワイト、ライトピンクを使った優雅な色彩のカラーパレットまで、フォーマルなブライダルにピッタリの Wix ブッキングサイトです。予約ページは「Appointment Only」までスクロールし、「Book Online」をクリック。すると魅力的な写真やサービス概要といったサービスページに切り替わり、顧客がドレスの試着やコンサルティングなど自分に合ったサービスをオンラインで予約することができます。
さらに、サイトをより美しく引き立てる視覚要素にも注目です。たとえば、フォントは全体的にクラシックかつフェミニンなイメージで統一しながらもミシンのロゴで個性を加え、サービスの本質をさりげなく描写しています。このような要素の組み合わせ方を見るだけでも、予約サイトを制作する際のインスピレーションにつながるはずです。
オーストラリア出身の栄養士である Diana さん。一人ひとりに適した栄養・食事指導を行うオンライン予約サイトを立ち上げ、栄養管理のコンサルティングからフォローアップまで日常生活における健康づくりをサポートしています。サイトを開いた瞬間に、グリーンと白のブランドカラーでヘルシーなイメージがかき立てられ、フレッシュで生き生きとした気持ちになるサイトです。画質の良いヘルシーフードの写真や濃い情報が詰まったテキストで、彼女が提供するサービスをすぐに理解することができます。
ヘッダーの「Book」からは、NutriMe のさまざまなサービスパッケージを見ることができます。下までスクロールしても「Back to Top」ボタンですぐにページトップに戻ることができるなど、操作性を高める工夫が見られます。
サイトのフッターには連絡先の詳細と SNS リンクを配置。顧客基盤を拡大し訪問者が手軽に問い合わせをできるようにしています。また、購読フォームを設置し、訪問者にニュースレターの購読を促す手法も取り入れています。
ワインテイスティングや蒸留酒造り、ローカルツアーが体験できる「Distilled Experiences」の予約サイト。トップページを覗くだけで楽しい体験が待ち受けていることを想像できるようなビジュアル的に魅力のあるページです。
スムーズなサイト操作を考慮して設計されています。顧客が予約するにあたり、どのオプションに興味・関心があるかを見つけやすいように、ツアーごとに丁寧な説明をオンライン予約ページに加えています。また、PICK UP（集合場所）、DURATION（ツアー時間）、WHAT'S INCLUDED（ツアーに含まれるもの）といった顧客が事前に知るべき重要な情報をすばやく認識してもらえるように予約ページのトップに目立つロゴとともに載せています。さらに、サイトから直接サイト運営者に連絡が取れるようお問い合わせページを別途設けています。
Hearts & Tears Motorcycle Club は、ヒマラヤ山脈を巡るバイクツアーという個性的なサービスを提供しています。これまでのツアーで撮影された実際の動画をフル画面で再生するデザインは、未知の世界への探求心を沸き立たせ、潜在顧客の興味を引くのにぴったりです。Instagram フィードと YouTube 動画が表示されたギャラリーページでは、予約前にツアーの様子や雰囲気を確認することができます。
また、各ツアーの内容、価格、予約可能な日程がわかるカレンダーなど、サイト訪問者が知りたい詳細すべてをメニューバーから確認できます。ツアーへの申し込みも簡単かつ効率的。ホームページ右上の目立つ箇所に設置された「Book Now」ボタンをクリックするだけで、素早くオンライン予約ページへアクセスできます。
初心者から上級者まであらゆるレベルに対応した空中ヨガ（エアリアルヨガ）のレッスンを受講できるフィットネスビジネスの予約サイトです。訪問者の視線を引き付けるため、ファーストビューに空中ヨガの動画を戦略的に設置。動画にかぶせる形で「Come hang with us（「遊びに行く」を表すhang outと「上から吊るす」hangをかけたスローガン）」という巧みな言葉遊びでユーモアの効いたキャッチコピーが、サイトの完成度をひときわ高めています。
また、サイトから直接予約できるレッスン予約ページに加え、パフォーマンスなどの「イベント」を探している訪問者にとっても便利な機能が組み込まれています。興味があるイベントを選択し、自身の Google カレンダーにすぐに同期することができます。
ブラジル出身の鍼灸師、Fabi さんによる鍼トリートメントが受けられるオンライン予約サイトです。暖かさ、静けさ、そして癒しを感じさせる Web デザインの中、明るくカラフルな色使いが特徴的です。サイト上に添えられたイラストは、中国の伝統医学を思わせるモダンなグラフィックを採用。イラストを通じてサービスをよりわかりやすく描写しているのも見習いたいポイントです。
予約はサイトのナビゲーションメニューにある「Appointments」から簡単に行うことができます。予約ページも、写真画像ではなくトリートメント内容に沿ったイラストを掲載することでサイト全体に一貫性をもたらしています。
商業不動産エージェントの Wyatt Franta さんが立ち上げたビジネスサイトです。サイトを開くと近代的なモダン物件の写真が表われ、Wyatt さんのプロフィール写真へと続きます。その下の「About」セクションではこれまでの実績と経験、そして自身の専門分野を紹介。Facebook、Linkedin、Twitter アカウントへのリンクを配置しクライアントが Wyatt さんに問い合わせできる窓口を増やしています。
このサイトは訪問者をセールスファネルに誘導すべく、マーケティング戦略を考慮してデザインされています。「Book a 15-Min Call（15分の電話相談を予約する）」と「Start Here（ここからはじめる）」の 2 つの戦略的な CTA を配置し、まずは相談の予約をしてもらい、その後サービスの提供につなげる導線設計です。
HERoines Inc は女性のエンパワーメントを提唱する団体で、ゲストスピーカーによる講演やワークショップ、オープンディスカッションなどのイベントを主催しています。フェミニンさを感じさせるピンクとパープルのカラースキームをモチーフにしてメンバーや参加者のパワフルな写真や参加者の声を盛り込むなど視覚的にバランスの良い美しいサイトに仕上がっています。
訪問者はナビゲーションバーの「Events」をクリックすることで活動に参加できます。セルフケアから対人関係までさまざまなテーマをカバーしたイベントの一覧が表示され、「RSVP & Register」ボタンからイベント予約とチケット購入をオンラインで行うことができます。
デザイナー、デザインメンター、ブロガー、講演家、マイクロインフルエンサーなど、さまざまな肩書きで幅広く活躍する Veronica Solomon さん。大胆かつラグジュアリー、そして本物志向で知られる自身のインテリアデザインブランド「Casa Vilora Interiors」を Web サイトで発信しています。
これまで手掛けたインテリデザインをサイトに掲載するだけでなく、顧客が簡単にアポを予約できます。ナビゲーションバー上の赤い「Book Now」ボタン、お問い合わせタブにマウスオーバーすると表示されるドロップダウンメニュー、ホームページ下部の「Book a Free Session」など、クライアントを惹きつける工夫を凝らしたさまざまなボタンが配置されています。オンライン予約ページでもニーズを発掘するための無料の電話相談や窓周りの装飾に関するコンサルティングなど、多様なオプションが用意されています。
便利で機能的な Wix ブッキングを使ったオンライン予約サイトを紹介しました。紹介した 16 事例を参考に、予約数アップにつながる本格的な予約サイト作成を始めてみましょう。
おすすめ関連記事
ライター： Wix Team