出典：faithibiza.com ↗ 確認日 2026.10.22
Editor's note
編集部の視点
予約ボタンとWhatsAppを常に見せ、来島日・人数・滞在日数まで聞く見積もりフォームで相談を受けるイビサ島のコンシェルジュ会社。
スペイン・イビサ島で2017年に始まったコンシェルジュ会社 Faith Ibiza のサイト。島に常駐する15人のチームが、ヴィラやホテル、ヨット、送迎、パーティー、結婚式、法人旅行の手配を引き受ける。ファーストビューはアーチ形の枠に動画を入れ、「FOR THE BEST IBIZA EXPERIENCE...（最高のイビサ体験を）」と「Book with Faith」。ヘッダーの左右に MENU と BOOK のボタン、右下に WhatsApp のボタンが常に表示される。ページの下には来島日・人数・滞在日数まで聞く見積もりフォームがある。
- 01 BOOK ボタンと WhatsApp のボタンを常に表示し、思い立ったときにすぐ相談できる
- 02 見積もりフォームで来島日・人数・滞在日数を最初に聞き、提案に必要な情報をそろえる
- 03 「信頼できる・すぐ返事する・一人ひとりに合わせる・誠実」の4つの約束で、高額な手配を任せる不安に答える
Conversion
集客の工夫
- 予約ボタンの常設 （あり） ヘッダー右上に BOOK（PC・SP）
- WhatsApp （あり） 画面右下にボタンを常時表示
- 見積もりフォーム （あり） 来島日・人数・滞在日数・相談内容を入力
- 電話・メール （あり） フッターに tel:リンク 1か所・mailto:リンク 1か所
- グループの後ろ盾 （あり） 「PART OF THE O BEACH GROUP」を最初の動画の下に
- メディア掲載 （あり） 「AS SEEN ON」としてロゴを並べる
- 信頼の約束 （あり） Trustworthy・Reliable・Personal・Professional の4つ
- 言語の切り替え （なし） 英語のみ
相談の入口を、いつでも見える場所に
ヘッダーの左右には「MENU」と「BOOK」の丸いボタンがあり、画面の右下には WhatsApp のボタンが常に表示されています。ヴィラや結婚式など、どのサービスの説明を読んでいても、思い立ったときにすぐ予約や相談に進める作りです。電話番号とメールはフッターにまとめて載せています。
見積もりに必要なことを、フォームで先に聞く
ページの下にある「GET A QUOTE（見積もりを依頼）」のフォームは、名前と連絡先に加えて 来島日・人数・滞在日数・相談内容を聞きます。手配の仕事では、これが分からないと最初の返信で何も提案できません。入力の手間はかかりますが、最初の返事から具体的な話ができます。
任せる不安に、4つの約束で答える
トップの中ほどには「Trustworthy（信頼できる）」「Reliable（すぐ返事する）」「Personal（一人ひとりに合わせる）」「Professional（誠実）」の4つが並び、「詐欺も手抜きもない」とまで書いています。最初の動画のすぐ下で O Beach グループの一員であることを示し、「AS SEEN ON」で掲載メディアも見せています。高額な手配を初めての相手に任せる不安を、言葉と後ろ盾の両方で和らげています。
チェック項目は 2026.10.22 に実ブラウザで描画したトップページ（PC 1440px・SP 375px）を確認したものです。
Colour
配色
- #EEEBE4 背景（砂色）
- #3C859B ボタン（MENU・BOOK・WhatsApp）
- #2F4156 ロゴ・見出し
- #4C5B6B 本文
- #222222 暗いセクションの背景
背景は面積、文字は文字数で重み付けして実測した色から、役割ごとに整理しています。
Typography
フォント
| 用途 | 使用フォント | 無料で近いもの |
|---|---|---|
| 見出し・ボタン（細長い大文字） | Dream Orphans | Antonio |
| 本文 | Afacad Flux | Afacad Flux（Google Fonts） |
| 添え書きの手書き文字（dream team など） | Eastern Harrogate | Caveat |
| 要素 | PC サイズ / 太さ | PC 行間 | SP サイズ / 太さ |
|---|---|---|---|
| h1 | 80px / 400 | 1.10 | 44px / 400 |
| h2 | 70px / 400 | 1.10 | 36px / 400 |
| h3 | 50px / 400 | 1.10 | 28px / 400 |
| 本文（p） | 24px / 400 | 1.20 | 19px / 400 |
| ボタン | 24px / 400 | 1.10 | 14px / 400 |
実測値（PC 1440px・SP 375px、2026.10.22 計測）。同じ要素で最も多く使われている指定を表示しています。h1 をロゴや小さな見出しに使っているサイトでは、h1 の値が小さく出ます。
Structure
ページ構成（上から順に）
- 01 ヘッダー 左に MENU、中央にロゴ、右に BOOK。どちらも丸い塗りのボタンで上部に固定。 ヘッダー／ロゴ＋メニューボタン型
- 02 ファーストビュー アーチ形の枠に動画。「最高のイビサ体験を」「Book with Faith」と、O Beach グループの一員であること。 ファーストビュー／全面動画＋コピー型
- 03 メディア掲載 「AS SEEN ON」として掲載メディアのロゴ。 信頼／ロゴ帯型
- 04 手配を引き受ける 「ビーチのために来て、気分のために滞在する」。予約・送迎・日程の手間を引き受けると説明。 メッセージ／大きな一文型
- 05 サービス ヴィラ・ホテル・車・ヨット・法人旅行・イベント・結婚式・旅程づくりを、短い動画と一文で。 入口／カテゴリ別スライド型
- 06 相談の入口 「Need help? 島の専門チームに相談を」と見積もりボタン。 行動喚起／ボタン帯型
- 07 4つの約束 信頼・迅速な返信・一人ひとりへの対応・誠実さを、それぞれ短い文で。 機能・強み／左右交互型
- 08 パーティーの予定 デイクラブとナイトクラブのイベント一覧への入口。 一覧／カード並び型
- 09 法人向け 企業の旅行・ブランドイベント・役員向けの手配。 コンセプト／写真＋メッセージ型
- 10 見積もりフォーム 名前・メール・電話・来島日・人数・滞在日数・相談内容。ニュースレターの登録も選べる。 行動喚起／ボタン帯型
- 11 フッター 大きな「unforgettable」の文字と電話・メール、サイト内リンク。 フッター／大きなフッター型
- 12 WhatsApp（常時表示） 画面右下に WhatsApp のボタンが残り続ける。 行動喚起／SP追従ボタンバー型
Download
ワイヤーフレームをダウンロード
この構成を、Figmaで編集できるワイヤーに
上のページ構成を、DevNJ のワイヤーフレーム部品で組み直したものです。元サイトの文章・画像・コードは含みません。
Figmaでの使い方
- SVGをダウンロードする
- Figmaのキャンバスにファイルをドラッグ＆ドロップする
- セクションごとにレイヤーが分かれた状態で開くので、順番の入れ替えや文言の差し替えから始める
文字はテキストレイヤーとして入ります（フォントは Noto Sans JP）。
Reproduce
このサイトを参考にするときのポイント
- 01 相談が入口の商売は、予約ボタンとチャット（WhatsApp・LINE など）を常に見える場所に置く
- 02 問い合わせフォームで日付・人数・期間を先に聞き、最初の返信で具体的な提案ができるようにする
- 03 高額な手配を任せてもらう業種は、信頼・返信の速さ・誠実さなど自社の約束を短く言い切る
- 04 グループ会社や掲載メディアなど、第三者の後ろ盾があるなら最初の画面で伝える
FAQ
よくある質問
Faith Ibiza のサイトで使われているフォントは？
見出しとボタンは細長い大文字の Dream Orphans、本文は Afacad Flux、添え書きに手書き風の Eastern Harrogate を使っています。Afacad Flux は Google Fonts で無料です。見出しを無料で近づけるなら Antonio が候補です。
問い合わせフォームで日付や人数まで聞くと、送る人が減りませんか？
項目は増えますが、手配の仕事では日付・人数・期間が分からないと最初の返信で何も提案できません。Faith Ibiza はフォームでそれを先に聞き、すぐ話したい人には WhatsApp と電話も用意しています。入口を複数にして、送る手間と返信の質を両立させるのが要点です。
どんな業種の参考になりますか？
旅行会社・観光ガイド・結婚式やイベントのプランナー・送迎や貸切の手配など、相談から見積もりを出す業種に向きます。地域に詳しいことを強みにする小さな会社に使えます。
スクリーンショットは、解説に添える引用として縮小して掲載しています。デザイン・文章・画像の権利はFaith Ibizaおよび各権利者に帰属します。ワイヤーフレームは元サイトを写したものではなく、構成を DevNJ の部品で組み直したものです。権利者・制作者の方からの掲載の取り下げ・修正のご依頼はお問い合わせから承り、原則2営業日以内に対応します。 掲載ギャラリー: Awwwards — Honorable Mention
