出典：alpineguides.co.nz ↗ 確認日 2026.10.24
Editor's note
編集部の視点
創業年・案内人数・資格・口コミの数字を最初に並べ、初心者には講習を選ぶクイズを用意したニュージーランドの山岳ガイド会社。
ニュージーランドのアオラキ／マウントクックを拠点に、1966年から登山ガイドを続ける Alpine Guides のサイト。ファーストビューは氷河の上で準備をするガイドと参加者の動画に「Expert Mountain Adventures Since 1966」の一文。続いて「60+年」「47,000+人を安全に案内」「15,000,000+メートルを登った」の数字、NZMGA/IFMGA の資格、注目のツアー5つ、地域を選べる地図、Google の口コミ（4.9・150件）と続く。ナビの中には、自分に合う登山講習を選べるクイズ、装備ガイド、FAQ、ギフト券、ライブカメラがある。
- 01 創業年・案内した人数・登った高さを数字で並べ、命を預けるサービスの信用を最初に伝える
- 02 初心者が迷う「どの講習から始めるか」を、クイズと考え方の説明で手伝う
- 03 各ツアーのページで難易度・ガイド1人あたりの人数・所要時間・料金をそろえて見せる
Conversion
集客の工夫
- 創業年と実績の数字 （あり） 1966年創業、47,000人以上を案内
- 資格の明記 （あり） NZMGA/IFMGA のガイド
- 口コミ （あり） Google の評価 4.9（150件）と本文
- 講習の選び方 （あり） 4つの登山講習から選ぶクイズ
- ツアーの条件表 （あり） 難易度・ガイド比・所要時間・季節・料金（例 NZ$995）
- 問い合わせ手段 （あり） 電話・WhatsApp・メール、受付は毎日8:30〜17:00
- 準備の情報 （あり） 装備ガイド・FAQ・キャンセル規定・ライブカメラ
- 料金のトップ掲載 （なし） トップにはなし（各ツアーのページへ）
命を預けるサービスは、数字で信用を伝える
ファーストビューは氷河の上の動画と「Expert Mountain Adventures Since 1966」の一文です。そのすぐ下に 「60+ 年」「47,000+ 人を安全に案内」「15,000,000+ メートルを登った」 の数字が並び、ガイドが NZMGA/IFMGA の資格を持っていることも書かれています。山の案内のように安全が第一のサービスでは、写真の美しさより先に「任せて大丈夫か」に答える作りです。
「どれから始めるか」を、クイズで手伝う
メニューには、登山講習の選び方を説明するページがあります。目標・地形・季節から考える手順を示したうえで、簡単なクイズで4つの主な講習から1つを提案します。初心者が申し込みの手前で迷う「自分のレベルに合うのはどれか」に、問い合わせの前に答える入口です。
ツアーの条件を、同じ表で見せる
各ツアーのページには、難易度・ガイド1人あたりの人数・所要時間・季節・集合場所・料金（氷河ヘリハイクは NZ$995）が 同じ並びの表 で載り、すぐ横に「BOOK NOW」があります。トップには Google の評価 4.9（150件）と、ガイドの名前が出てくる口コミも並びます。問い合わせは電話・WhatsApp・メールで、受付時間も毎日8:30〜17:00と明記されています。
チェック項目は 2026.10.24 に実ブラウザで描画したトップページ（PC 1440px・SP 375px）を確認したものです。
Colour
配色
- #191919 背景（暗い面）
- #F2F2F3 暗い面の上の文字・明るいセクションの背景
- #343435 ヘッダーのナビボタン
- #DAD9D9 問い合わせボタン
- #FCB124 差し色（黄）
背景は面積、文字は文字数で重み付けして実測した色から、役割ごとに整理しています。
Typography
フォント
| 用途 | 使用フォント | 無料で近いもの |
|---|---|---|
| 大見出し・見出し | Mozilla Headline | Mozilla Headline（無料で公開） |
| 本文・ボタン | Roboto／Roboto Condensed | Roboto（Google Fonts） |
| 要素 | PC サイズ / 太さ | PC 行間 | SP サイズ / 太さ |
|---|---|---|---|
| h1 | 112px / 800 | 0.90 | 48px / 700 |
| h2 | 48px / 600 | 0.90 | 29px / 600 |
| h3 | 14px / 200 | 1.20 | 16px / 200 |
| 本文（p） | 22px / 200 | 1.25 | 22px / 200 |
| ボタン | 16px / 600 | 1.38 | 16px / 600 |
実測値（PC 1440px・SP 375px、2026.10.24 計測）。同じ要素で最も多く使われている指定を表示しています。h1 をロゴや小さな見出しに使っているサイトでは、h1 の値が小さく出ます。
Structure
ページ構成（上から順に）
- 01 ヘッダー 角の丸い暗いバーが上部に固定。左に「専門家と探す」「準備」、中央にロゴ、右に「問い合わせ」。 ヘッダー／ロゴ＋横並びナビ型
- 02 ファーストビュー 氷河の上で準備をする人たちの動画に「1966年からの山の案内」の一文。 ファーストビュー／全面動画＋コピー型
- 03 実績の数字 60年以上・47,000人以上・15,000,000メートル以上・山への敬意100%の4つ。 会社情報／スペック表型
- 04 拠点の説明 3,000メートル級27峰のうち26峰が近くにあること、講習・ヘリハイク・スキーツアーの範囲。 コンセプト／写真＋メッセージ型
- 05 注目のツアー 氷河ヘリハイク、7日間の講習、プライベートガイド、アイスクライミング、入門講習。 一覧／カード並び型
- 06 ガイドする地域 ニュージーランドの地図で地域を選ぶと、その地域のツアーが出る。 一覧／種類で絞るタブ型
- 07 ガイドの紹介 安全と技術を大切にする姿勢と、チーム紹介への入口。 コンセプト／写真＋メッセージ型
- 08 口コミ Google の評価 4.9（150件）と、ガイドの名前が出てくる参加者の声。 推薦／利用者の声型
- 09 フッター 住所、電話・WhatsApp・メール、受付時間（毎日8:30〜17:00）、会員ログイン。 フッター／大きなフッター型
Download
ワイヤーフレームをダウンロード
この構成を、Figmaで編集できるワイヤーに
上のページ構成を、DevNJ のワイヤーフレーム部品で組み直したものです。元サイトの文章・画像・コードは含みません。
Figmaでの使い方
- SVGをダウンロードする
- Figmaのキャンバスにファイルをドラッグ＆ドロップする
- セクションごとにレイヤーが分かれた状態で開くので、順番の入れ替えや文言の差し替えから始める
文字はテキストレイヤーとして入ります（フォントは Noto Sans JP）。
Reproduce
このサイトを参考にするときのポイント
- 01 創業年・利用者数・資格など、数字で言える信用はファーストビューのすぐ下に並べる
- 02 初めての人が「どれを選べばいいか」迷うサービスは、簡単な質問で候補を示す仕組みを用意する
- 03 コースや商品のページは、難易度・人数・所要時間・料金を同じ並びの表にそろえる
- 04 問い合わせ先は、電話だけでなくメッセージアプリと受付時間も書く
FAQ
よくある質問
Alpine Guides のサイトで使われているフォントは？
見出しに Mozilla Headline、本文とボタンに Roboto と Roboto Condensed を使っています。どれも無料で使える書体なので、そのまま同じ組み合わせを試せます。
体験・ツアーのサイトで、数字を最初に見せる意味は？
山のガイドのように安全が大事なサービスは、申し込む前に「任せて大丈夫か」を確かめたい人が多くいます。Alpine Guides は創業年・案内した人数・資格を最初に並べ、そのあとで口コミを見せて、信用を数字と声の両方で伝えています。
どんな業種の参考になりますか？
アウトドアの体験ツアー、スキー・ダイビングなどのスクール、観光ガイド、習い事の教室など、初めての人がコースを選んで申し込むサービスに向きます。
スクリーンショットは、解説に添える引用として縮小して掲載しています。デザイン・文章・画像の権利はAlpine Guidesおよび各権利者に帰属します。ワイヤーフレームは元サイトを写したものではなく、構成を DevNJ の部品で組み直したものです。権利者・制作者の方からの掲載の取り下げ・修正のご依頼はお問い合わせから承り、原則2営業日以内に対応します。 掲載ギャラリー: Awwwards — Honorable Mention
