出典：shinbu.be ↗ 確認日 2026.10.19
Editor's note
編集部の視点
トップページを9枚のタイルだけで組み、稽古の曜日と時間をいちばん大きく見せるブリュッセルの合気道道場。
ブリュッセルのコークルベルフとイクセルで稽古をしている合気道道場 Shinbu Dojo のサイト。トップページはヘッダーも長い本文もなく、紺の地にサーモンピンクのタイルが9枚並ぶだけ。道場名（神武道場）、道場の紹介、稽古スケジュール（月・水・金 19.30–21.00、土 9.00–10.30）、合気道とは、子どもクラス、大人クラス、指導者、菅野誠一師範、連絡先の各タイルが、そのまま各ページへの入口になる。下には所属する連盟・団体の一覧。各クラスのページには対象年齢と稽古場所、「COURS D’ESSAI GRATUIT（無料体験）」。
- 01 トップページを入口のタイルだけで組み、迷わず目的のページに進める
- 02 稽古の曜日と時間を、トップページのタイルにいちばん大きな文字で載せる
- 03 子どもと大人のクラスを分け、各ページに対象年齢・場所・無料体験を書く
Conversion
集客の工夫
- 稽古日時をトップに （あり） 月・水・金 19.30–21.00、土 9.00–10.30
- クラス別の入口 （あり） 子ども（6歳から）と大人（13歳から）
- 指導者の紹介 （あり） 「Enseignants（指導者）」と師範のタイル
- 無料体験 （あり） 各クラスのページに「COURS D’ESSAI GRATUIT」
- 所属団体の明記 （あり） トップページの下に所属する連盟・団体
- 稽古場所 （あり） 連絡先ページにコークルベルフとイクセルの2か所の住所
- 電話・メール （あり） 連絡先ページに tel:・mailto: のリンク（トップページにはなし）
- 言語の切り替え （なし） フランス語のみ（日本語は飾りとして使用）
トップページを、入口のタイルだけで組む
トップページにはヘッダーも長い本文もありません。紺の地にサーモンピンクのタイルが9枚並び、道場名・道場の紹介・稽古スケジュール・合気道とは・子どもクラス・大人クラス・指導者・師範・連絡先のそれぞれが、そのまま各ページへの入口になっています。ページ数の少ない教室のサイトなら、メニューを開かせるより、入口を全部見せてしまうほうが迷いません。
曜日と時間を、いちばん大きく
稽古スケジュールのタイルでは「Lundi Mercredi Vendredi（月・水・金）」がタイルの中でいちばん大きな文字で、その下に「19.30-21.00」、続いて「Samedi（土）9.00-10.30」。通いたい人がまず知りたい「いつ」を、トップページで答えています。漢字の「稽古スケジュール」や「指導者」は飾りとして添えられ、日本の武道の道場であることを伝えています。
クラスごとに、年齢・場所・体験を書く
子どもクラスのページには「6歳から」と土曜の場所と時間、大人クラスのページには「13歳から」と曜日ごとの稽古場所が書かれ、どちらにも「COURS D’ESSAI GRATUIT（無料体験）」があります。連絡先ページには2か所の住所と、押せばそのまま連絡できるメール・携帯番号のリンク。さらに「道着か運動着で、稽古の10分ほど前に来てください」と、初めて来る人が迷う点に先回りして答えています。トップページの下には所属する連盟・団体が並び、信用を補っています。
チェック項目は 2026.10.19 に実ブラウザで描画したトップページ（PC 1440px・SP 375px）を確認したものです。
Colour
配色
- #2D3F91 地の色・タイルの文字（紺）
- #FFA19D タイルの色（サーモンピンク）
- #FC4E47 円・時計などの飾り（赤）
- #FFBDBB 淡いピンクの文字
背景は面積、文字は文字数で重み付けして実測した色から、役割ごとに整理しています。
Typography
フォント
| 用途 | 使用フォント | 無料で近いもの |
|---|---|---|
| 見出し・本文（欧文） | Degular | Bricolage Grotesque |
| 漢字・かなの飾り | Source Han Sans | Noto Sans JP |
| 要素 | PC サイズ / 太さ | PC 行間 | SP サイズ / 太さ |
|---|---|---|---|
| h1 | 33px / 700 | 1.00 | 41px / 700 |
| 本文（p） | 26px / 400 | 1.00 | 30px / 400 |
実測値（PC 1440px・SP 375px、2026.10.19 計測）。同じ要素で最も多く使われている指定を表示しています。h1 をロゴや小さな見出しに使っているサイトでは、h1 の値が小さく出ます。
Structure
ページ構成（上から順に）
- 01 道場名のタイル 円の中の「神武道場」に「Shinbu Dojo」を重ねた、いちばん左上のタイル。 ファーストビュー／大きな文字型
- 02 稽古スケジュールのタイル 曜日を大きく、時間をその下に。時計の飾りと「稽古スケジュール」のボタン。 会社情報／スペック表型
- 03 入口のタイル 道場の紹介（写真）、合気道とは、子どもクラス、大人クラス、指導者、師範、連絡先。タイルがそのまま各ページへのリンク。 一覧／カード並び型
- 04 フッター 所属する連盟・団体の一覧と、制作者の表記。 フッター／ナビ＋会社情報型
Download
ワイヤーフレームをダウンロード
この構成を、Figmaで編集できるワイヤーに
上のページ構成を、DevNJ のワイヤーフレーム部品で組み直したものです。元サイトの文章・画像・コードは含みません。
Figmaでの使い方
- SVGをダウンロードする
- Figmaのキャンバスにファイルをドラッグ＆ドロップする
- セクションごとにレイヤーが分かれた状態で開くので、順番の入れ替えや文言の差し替えから始める
文字はテキストレイヤーとして入ります（フォントは Noto Sans JP）。
Reproduce
このサイトを参考にするときのポイント
- 01 教室・スクールのトップページには、曜日と時間をいちばん大きく載せる
- 02 ページ数が少ないサイトは、トップページを各ページへの入口のタイルだけで組む
- 03 子ども・大人などクラスごとにページを分け、対象年齢・場所・体験の有無を書く
- 04 連絡先ページには、体験の前に知りたい持ち物や来る時間も書いておく
FAQ
よくある質問
Shinbu Aikido Club のサイトで使われているフォントは？
欧文の見出しと本文に Degular、飾りの漢字・かなに Source Han Sans を使っています（どちらも Adobe Fonts で配信）。Degular は有料なので、無料で近づけるなら Bricolage Grotesque などが候補です。漢字は Source Han Sans と同じ設計の Noto Sans JP で置き換えられます。
教室・スクールのサイトで、トップに何を載せればいいですか？
通う人がまず知りたいのは「いつ・どこで・誰が対象か」です。Shinbu はトップページで曜日と時間をいちばん大きく見せ、子どもと大人のクラスを別のタイルにしています。各クラスのページで対象年齢・場所・無料体験を案内する流れも参考になります。
どんな業種の参考になりますか？
武道・ダンス・ヨガ・音楽教室・学習塾など、決まった曜日と時間に通う教室やスクールに向きます。
スクリーンショットは、解説に添える引用として縮小して掲載しています。デザイン・文章・画像の権利はShinbu Aikido Clubおよび各権利者に帰属します。ワイヤーフレームは元サイトを写したものではなく、構成を DevNJ の部品で組み直したものです。権利者・制作者の方からの掲載の取り下げ・修正のご依頼はお問い合わせから承り、原則2営業日以内に対応します。 掲載ギャラリー: Httpster
