出典：ladolfinajumping.com ↗ 確認日 2026.10.29
Editor's note
編集部の視点
牧場の動画で始まる1ページに、種牡馬ごとの成績と血統、大会の案内、乗馬用品、問い合わせのメールを並べるアルゼンチンの障害馬の生産牧場。
ポロ選手 Adolfo Cambiaso と La Dolfina のチームが立ち上げた、障害馬術用の馬の生産のサイト。ファーストビューは牧場の並木道の動画に「DELIVERING ACCESS TO EXCEPTIONAL BLOODLINES（卓越した血統へ）」の大きな文字。1ページの中に、ブランドの紹介、生産（2026年の初めてのせりの案内、種牡馬7頭と繁殖牝馬3頭）、大会（ブエノスアイレスのパレルモのポロ競技場で11月末に決勝）、取材記事の PDF、乗馬用品（鞍・頭絡）、デザインの受賞、問い合わせのメールが並ぶ。馬ごとの画面には、検定の点数や世界ランキングなどの成績と血統が載っている。英語とスペイン語。
- 01 種牡馬ごとに検定の点数や世界ランキングなどの成績を見出しにして、血統の価値を数字で伝える
- 02 生産・大会・用品の3つの事業を1ページに並べ、上部に固定したナビで行き来できるようにする
- 03 問い合わせ先をメール1つにしぼり、用品の紹介にも「CONSULT」のボタンを置く
Conversion
集客の工夫
- 商品（馬）ごとの実績 （あり） 検定の点数・世界ランキング・受賞を馬ごとに
- 血統の情報 （あり） 馬の画面に父馬や血統の説明
- 催しの案内 （あり） 10月の予選と11月末のパレルモでの決勝
- 取材記事 （あり） PRESS に記事の PDF を3本
- 問い合わせ （あり） メール（info@）と用品の「CONSULT」
- 言語の切り替え （あり） 英語・スペイン語
- 所在地の表示 （なし） 牧場の住所や地図はなし
- 電話番号の掲載 （なし） なし（メールのみ）
馬ごとに、成績を見出しにする
生産の欄には、種牡馬7頭と繁殖牝馬3頭の名前が並びます。名前を選ぶと、「30日間の検定で跳躍に3回10.0点」「2017年から世界の生産者団体のランキングで首位」のような成績が見出しになった画面が開き、父馬や血統の説明が続きます。生産物の価値を「血統がよい」と言うだけでなく、検定の点数や順位で示す作りです。
3つの事業を、1ページで行き来する
サイトは1ページで、上部に固定したナビの BREEDING・TOUR & CHAMPIONSHIP・EQUIPMENT・CONTACT から各所に飛べます。大会の欄では、10月の大会が予選になり、11月末にブエノスアイレスのパレルモのポロ競技場で決勝があることを伝え、出場を考える騎手に流れを示しています。生産・大会・用品が互いの入口になっています。
問い合わせは、メール1つに
問い合わせ先は info@ のメール1つで、乗馬用品の紹介にも同じメールが開く「CONSULT」のボタンを置いています。高額で一頭ずつ相談して決める商品のため、窓口を一本にしぼった形です。一方で、牧場の所在地や電話番号は載っていません。見学や商談を受けたい生産者なら、所在地と電話も添えると相談の入口が広がります。
チェック項目は 2026.10.29 に実ブラウザで描画したトップページ（PC 1440px・SP 375px）を確認したものです。
Colour
配色
- #0A1B2E 背景（濃紺）
- #FFFFFF 見出し・明るい区切りの背景
- #C7BCAC 本文
- #FBE0B6 筆記体の飾り文字
- #475768 補足テキスト
背景は面積、文字は文字数で重み付けして実測した色から、役割ごとに整理しています。
Typography
フォント
| 用途 | 使用フォント | 無料で近いもの |
|---|---|---|
| 見出し・ナビ | Marcellus | Marcellus |
| 本文 | Noto Sans Display | Noto Sans Display |
| 筆記体の飾り文字 | Alpine Script | Great Vibes |
| 要素 | PC サイズ / 太さ | PC 行間 | SP サイズ / 太さ |
|---|---|---|---|
| h1 | 60px / 400 | 1.25 | 23px / 400 |
| h3 | 27px / 400 | 1.00 | 24px / 400 |
| 本文（p） | 15px / 400 | 2.10 | 15px / 400 |
実測値（PC 1440px・SP 375px、2026.10.29 計測）。同じ要素で最も多く使われている指定を表示しています。h1 をロゴや小さな見出しに使っているサイトでは、h1 の値が小さく出ます。
Structure
ページ構成（上から順に）
- 01 ヘッダー 左にロゴ、右に BREEDING・TOUR & CHAMPIONSHIP・EQUIPMENT・CONTACT と ESPAÑOL。上部に固定。 ヘッダー／ロゴ＋横並びナビ型
- 02 ファーストビュー 牧場の並木道の動画に「DELIVERING ACCESS TO EXCEPTIONAL BLOODLINES」と、円形の「WORLD CLASS GENETICS BRED IN ARGENTINA」のマーク。 ファーストビュー／全面動画＋コピー型
- 03 ブランドの紹介 「AN EXCLUSIVE BRAND」。Adolfo Cambiaso と La Dolfina のチームの取り組みであること。 コンセプト／写真＋メッセージ型
- 04 生産 2026年の初めてのせりの案内と、STALLIONS（7頭）・MARES（3頭）の一覧。馬ごとに成績と血統の画面が開く。 一覧／種類で絞るタブ型
- 05 牧場の動画 全幅の動画。 動画／動画カード型
- 06 大会 ブエノスアイレスのパレルモのポロ競技場で11月末に決勝。10月の大会が予選になること。 コンセプト／写真＋メッセージ型
- 07 PRESS 若い騎手を取り上げた記事を、PDF で3本。 お知らせ／ニュース一覧型
- 08 乗馬用品 イタリアのデザイナーと組んだ乗馬服、位置を追える装置が入った鞍、牛革の頭絡。「CONSULT」のボタン。 機能・強み／左右交互型
- 09 受賞 「DESIGN AWARDS & RECOGNITIONS」。 信頼／ロゴ帯型
- 10 問い合わせ 「CONTACT US FOR MORE INFORMATION」とメールアドレス。 行動喚起／ボタン帯型
- 11 フッター ナビのくり返しと言語切替、著作権表記。 フッター／ナビ＋会社情報型
Download
ワイヤーフレームをダウンロード
この構成を、Figmaで編集できるワイヤーに
上のページ構成を、DevNJ のワイヤーフレーム部品で組み直したものです。元サイトの文章・画像・コードは含みません。
Figmaでの使い方
- SVGをダウンロードする
- Figmaのキャンバスにファイルをドラッグ＆ドロップする
- セクションごとにレイヤーが分かれた状態で開くので、順番の入れ替えや文言の差し替えから始める
文字はテキストレイヤーとして入ります（フォントは Noto Sans JP）。
Reproduce
このサイトを参考にするときのポイント
- 01 生産者は、商品（馬・牛・果樹など）ごとに成績や受賞を見出しにして、数字で価値を伝える
- 02 事業が複数あるときは、1ページに並べて上部のナビから飛べるようにする
- 03 動画の1枚目は、産地や現場の風景にして「どこで育てているか」を見せる
- 04 所在地と電話番号も載せ、見学や商談の相談を受けやすくする
FAQ
よくある質問
La Dolfina Jumping のサイトで使われているフォントは？
見出しとナビに Marcellus、本文に Noto Sans Display を使っていて、どちらも Google Fonts で無料で使えます。筆記体の飾り文字の Alpine Script は有料書体なので、無料で近づけるなら Great Vibes が候補です。
1ページだけのサイトで足りますか？
La Dolfina Jumping は生産・大会・用品の3つの事業を1ページに並べ、上部に固定したナビで各所に飛べるようにしています。馬ごとの詳しい情報は、ページを移らずに画面が開く形です。扱う商品の数が限られる事業なら、1ページでも十分に伝えられます。
どんな業種の参考になりますか？
畜産・種苗・果樹園など、品種や血統、受賞歴が価値になる生産者に向きます。商品ごとに実績を見せる作りは、酒蔵や工芸品の作り手にも使えます。
スクリーンショットは、解説に添える引用として縮小して掲載しています。デザイン・文章・画像の権利はLa Dolfina Jumpingおよび各権利者に帰属します。ワイヤーフレームは元サイトを写したものではなく、構成を DevNJ の部品で組み直したものです。権利者・制作者の方からの掲載の取り下げ・修正のご依頼はお問い合わせから承り、原則2営業日以内に対応します。 掲載ギャラリー: Awwwards — Honorable Mention
