Amazonで商品を見るセール会場へ

スポーツ・ジムのおしゃれなウェブサイトデザイン|制作者が分かるサイトだけ11件【2026年9月調査】

スポーツ・ジムのウェブサイトデザイン事例のアイキャッチ画像

スポーツ・ジムのウェブサイトのうち、誰が作ったかが分かり、第三者の評価があるものだけを集めました。
11件です。

内訳はジムが4件、スポーツクラブと施設が5件、大会と競技者が2件です。
パーソナルジムを探している方は、まずジムの4件(comme・RING FIT・尼崎ボクシングジム・Dr.トレーニング)をご覧ください。

この4件には、はっきりした共通点があります。
全部が「体験」への導線を最初の画面に置いています。

この記事の調べ方

  • デザインギャラリー6サイト(SANKOU!・MUUUUU.ORG・Web Design Clip・イケサイ・1GUU・URAGAWA)のスポーツカテゴリから、掲載されているサイトを集めました
  • 2つ以上のギャラリーに載っているサイト、またはMUUUUU.ORGのSITE OF THE DAYに選ばれたものを候補にしました
  • 制作者はギャラリーのクレジットと、各制作会社の実績ページで確認しました
  • 制作者が確認できなかったもの、海外サイトを外して11件です
  • 掲載団体・制作会社からの申請ではなく、編集部の調査に基づく掲載です。
    掲載料はいただいていません
  • 調査日: 2026年9月14日

順位ではありません。
並びは第三者の評価が強い順です。

パーソナルジムならパーソナルジムのホームページの作り方、ヨガ・ピラティスならヨガ・ピラティス・フィットネスのホームページの作り方で、載せるべき内容を説明しています。

目次

掲載サイト一覧

# サイト 種別 制作 第三者の評価 掲載時期
1 北牧雅文 社交ダンス競技者の個人サイト eieio + Supplement. 4件 2021年12月
2 北海道イエロースターズ バレーボールチーム(北海道) TONMANA 3件 2025年9月
3 ATLETICO SUZUKA CLUB サッカークラブ(三重県鈴鹿市) NEW FOLK + Xworld 3件 2025年4月
4 ZERO FUTSAL PARK 堺東 フットサル施設(大阪府堺市) アコーダー 3件 2023年2月
5 MY FOOTBALL KIT 組み立て式サッカーボールのプログラム(モルテン) Garden Eight 3件 2021年2月
6 ワールドトライアスロンシリーズ横浜大会 国際トライアスロン大会の公式サイト HAMONI 1件 2026年1月
7 パーソナルジム comme パーソナルジム B&H 2件 2025年12月
8 RING FIT パーソナルジム Ait Design 2件 2025年4月
9 尼崎ボクシングジム ボクシングジム(兵庫県尼崎市) Will Style 2件 2023年11月
10 Dr.トレーニング メディカルパーソナルトレーニングジム 縁達磨 + reynato.tokyo ほか 2件 2023年9月
11 RIP ACE SOCCER CLUB サッカークラブ(大阪府堺市) B&H 2件 2022年9月

1. 北牧雅文

北牧雅文のファーストビュー
北牧雅文(2026/09/14時点の表示・幅1440pxで取得)

編集部が見たところ

踊っている姿を多重露光で重ねた1枚が、画面の左半分を占めます。
動きが残像として1枚に収まっています。

左上に縦書きで「北牧 雅文」。
その横に小さく「MASAFUMI KITAMAKI」。

右にモノクロの顔写真と、イタリア語のコピー。
その下に小さく日本語訳を添えています。
この11件で最も静かな画面です。

※ 画面を見て編集部が書いた感想です。
制作者や掲載団体の見解ではありません。

種別 社交ダンス競技者の個人サイト
制作 eieio + Supplement.
制作スタッフ eieio/Supplement./Daichi Ooba(SANKOU!のクレジット表記に基づく)
ギャラリー掲載 MUUUUU.ORG/SANKOU!/Web Design Clip/1GUU
掲載時期 2021年12月
サイト kitamaki.com

北牧雅文を見る

2. 北海道イエロースターズ

北海道イエロースターズのファーストビュー
北海道イエロースターズ(2026/09/14時点の表示・幅1440pxで取得)

編集部が見たところ

選手6人を切り抜いて重ね、その後ろに全選手の集合写真を小さく並べています。
前後2段で人数を見せる構成です。

「COLOR IT YELLOW!」が黄色い縁取りの白抜き文字で、選手の上に重なります。
文字が体で一部隠れています。

左下に「TICKET チケット購入」の青い券のかたちのボタン。
券売の導線を、券の形そのもので示しています。

※ 画面を見て編集部が書いた感想です。
制作者や掲載団体の見解ではありません。

種別 バレーボールチーム(北海道)
制作 TONMANA
制作スタッフ TONMANA(MUUUUU.ORGの制作者情報に基づく)
ギャラリー掲載 MUUUUU.ORG/SANKOU!/Web Design Clip
掲載時期 2025年9月
サイト hy-stars.jp

北海道イエロースターズを見る

3. ATLETICO SUZUKA CLUB

ATLETICO SUZUKA CLUBのファーストビュー
ATLETICO SUZUKA CLUB(2026/09/14時点の表示・幅1440pxで取得)

編集部が見たところ

この11件で唯一、写真を1枚も使っていません。
選手を劇画タッチのイラストにして、緑と青のタイルに並べています。

各タイルに選手名を英字の大文字で入れ、縦組みと横組みを混ぜています。
トレーディングカードを並べたような画面です。

左上に「Ignite Your Engine」。
右上のボタンは「TICKET」と「GOODS」の2つだけです。

※ 画面を見て編集部が書いた感想です。
制作者や掲載団体の見解ではありません。

種別 サッカークラブ(三重県鈴鹿市)
制作 NEW FOLK + Xworld
制作スタッフ NEW FOLK/Xworld(MUUUUU.ORGの制作者情報に基づく)
ギャラリー掲載 MUUUUU.ORG/SANKOU!/Web Design Clip
掲載時期 2025年4月
サイト atletico-suzuka.com

ATLETICO SUZUKA CLUBを見る

4. ZERO FUTSAL PARK 堺東

ZERO FUTSAL PARK 堺東のファーストビュー
ZERO FUTSAL PARK 堺東(2026/09/14時点の表示・幅1440pxで取得)

編集部が見たところ

コートを真上から撮った空撮です。
人と影が芝の上に散らばり、センターサークルの白線がそのまま構図になっています。

左に「ZERO FUTSAL PARK」を3行。
英文の説明が続き、日本語のキャッチはありません。

右下にオレンジの帯で「Reserve ご予約・会員登録はこちら」。
画面のなかで唯一の有彩色です。

※ 画面を見て編集部が書いた感想です。
制作者や掲載団体の見解ではありません。

種別 フットサル施設(大阪府堺市)
制作 アコーダー
制作スタッフ アコーダー株式会社(SANKOU!のクレジット表記に基づく)
ギャラリー掲載 MUUUUU.ORG/SANKOU!/Web Design Clip
掲載時期 2023年2月
サイト zero-fut-sakai.com

ZERO FUTSAL PARK 堺東を見る

5. MY FOOTBALL KIT

MY FOOTBALL KITのファーストビュー
MY FOOTBALL KIT(2026/09/14時点の表示・幅1440pxで取得)

編集部が見たところ

画面を左右に割り、右に組み立て式ボールの物撮り、左に白地とロゴ。
左の余白に赤・青・緑・黄の円弧が置かれています。

円弧はボールのパーツの形をそのまま図形にしたものです。
商品の構造を、装飾に転用しています。

「すべての子供たちの成長のきっかけに貢献する、組み立て式サッカーボールとゴール」。
誰のための商品かを1文で説明しています。

※ 画面を見て編集部が書いた感想です。
制作者や掲載団体の見解ではありません。

種別 組み立て式サッカーボールのプログラム(モルテン)
制作 Garden Eight
制作スタッフ Garden Eight(SANKOU!のクレジット表記に基づく)
ギャラリー掲載 MUUUUU.ORG/SANKOU!/Web Design Clip
掲載時期 2021年2月
サイト myfootballkit.jp

MY FOOTBALL KITを見る

6. ワールドトライアスロンシリーズ横浜大会

ワールドトライアスロンシリーズ横浜大会のファーストビュー
ワールドトライアスロンシリーズ横浜大会(2026/09/14時点の表示・幅1440pxで取得)

編集部が見たところ

泳ぐ選手とゴールした選手の写真を、山下公園の風景に重ねています。
2枚が半透明で溶け合っています。

画面いっぱいに薄く「YOKOHAMA」の文字が敷かれ、写真の下から透けています。

上部の青い帯に「言語を選択」。
国際大会なので、言語切替がロゴの隣に来ています。

※ 画面を見て編集部が書いた感想です。
制作者や掲載団体の見解ではありません。

種別 国際トライアスロン大会の公式サイト
制作 HAMONI
制作スタッフ HAMONI(MUUUUU.ORGの制作者情報に基づく)
ギャラリー掲載 MUUUUU.ORG(SITE OF THE DAY 2026年1月9日)
掲載時期 2026年1月
サイト yokohamatriathlon.jp/wts

ワールドトライアスロンシリーズ横浜大会を見る

7. パーソナルジム comme

パーソナルジム commeのファーストビュー
パーソナルジム comme(2026/09/14時点の表示・幅1440pxで取得)

編集部が見たところ

木のルーバー壁に、白い立体文字のロゴが照明で浮かんでいます。
トレーニング機器も人も写っていません。

画面のほとんどが木目です。
ジムというより、美容室やカフェの内装写真に近い作りです。

右下に濃紺の箱で「トライアルのご予約はこちら」。
その中にLINE@とWeb予約のボタンが並びます。

※ 画面を見て編集部が書いた感想です。
制作者や掲載団体の見解ではありません。

種別 パーソナルジム
制作 B&H
制作スタッフ B&H(SANKOU!のクレジット表記に基づく)
ギャラリー掲載 MUUUUU.ORG/SANKOU!
掲載時期 2025年12月
サイト comme.fit

パーソナルジム commeを見る

8. RING FIT

RING FITのファーストビュー
RING FIT(2026/09/14時点の表示・幅1440pxで取得)

編集部が見たところ

トレーナー3人が骨格模型を囲んで話している写真です。
1人がタブレットに書き込んでいます。

「Keep Thinking」が白の極太で画面の下半分を占め、人物に重なっています。
左に「考え抜かれた、あなただけのフィットネス。

右上の「初回体験予約」がLINEのアイコン付きです。
この11件で、LINEを予約の入口にしているのは2件あります。

※ 画面を見て編集部が書いた感想です。
制作者や掲載団体の見解ではありません。

種別 パーソナルジム
制作 Ait Design
制作スタッフ Ait Design(MUUUUU.ORGの制作者情報に基づく)
ギャラリー掲載 MUUUUU.ORG/SANKOU!
掲載時期 2025年4月
サイト ringfit.jp

RING FITを見る

9. 尼崎ボクシングジム

尼崎ボクシングジムのファーストビュー
尼崎ボクシングジム(2026/09/14時点の表示・幅1440pxで取得)

編集部が見たところ

練習中の1人を横から撮り、全体を濃紺に沈めています。
ジムの内部は背景としてぼかしてあります。

「あなたの一歩が、あなたを支える。
」が白の太ゴシックで2行。
勝つことではなく、始めることを言っています。

メニューがPLAN / FLOW / PRICE / ACCESS / BLOG / CONTACTの6つ。
料金と入会の流れをメニューの前半に置いています。

※ 画面を見て編集部が書いた感想です。
制作者や掲載団体の見解ではありません。

種別 ボクシングジム(兵庫県尼崎市)
制作 Will Style
制作スタッフ Will Style Inc.(SANKOU!のクレジット表記に基づく)
ギャラリー掲載 MUUUUU.ORG/SANKOU!
掲載時期 2023年11月
サイト amagasakiboxing.com

尼崎ボクシングジムを見る

10. Dr.トレーニング

Dr.トレーニングのファーストビュー
Dr.トレーニング(2026/09/14時点の表示・幅1440pxで取得)

編集部が見たところ

画面を左右に割り、右にスタート姿勢のモデル、左に白地のロゴとコピー。

「医学的根拠」の4文字だけを赤い箱で囲み、「のあるトレーニングで、運動の無駄がゼロになる。
」と続けています。
強調を1語に絞っています。

赤い横長のボタンで「無料カウンセリング&体験申込はこちら」。
この11件で最も大きい予約ボタンです。

※ 画面を見て編集部が書いた感想です。
制作者や掲載団体の見解ではありません。

種別 メディカルパーソナルトレーニングジム
制作 縁達磨 + reynato.tokyo ほか
制作スタッフ 縁達磨/reynato.tokyo/STRAIT/塑TRUCTURE/LASTCARD(SANKOU!のクレジット表記に基づく)
ギャラリー掲載 MUUUUU.ORG/SANKOU!
掲載時期 2023年9月
サイト drtraining.jp

Dr.トレーニングを見る

11. RIP ACE SOCCER CLUB

RIP ACE SOCCER CLUBのファーストビュー
RIP ACE SOCCER CLUB(2026/09/14時点の表示・幅1440pxで取得)

編集部が見たところ

コンクリートの壁を背に、迷彩のユニフォームを着た選手が1人立っています。
試合の写真ではありません。

画面の縁に沿って細い枠があり、映像にノイズが走ります。
ビデオテープのような質感です。

右端に縦書きの英文が長く流れます。
左上に「ONE LOVE, ONE HEART. LET’S GET TOGETHER AND FEEL ALRIGHT.」。
スポーツクラブというよりアパレルブランドの見せ方です。

※ 画面を見て編集部が書いた感想です。
制作者や掲載団体の見解ではありません。

種別 サッカークラブ(大阪府堺市)
制作 B&H
制作スタッフ B&H(MUUUUU.ORGの制作者情報に基づく)
ギャラリー掲載 MUUUUU.ORG/SANKOU!
掲載時期 2022年9月
サイト ripace.net

RIP ACE SOCCER CLUBを見る

11件に共通していること

ジム4件はすべて体験の導線を最初の画面に置いている

commeは「トライアルのご予約はこちら」、RING FITは「初回体験予約」、Dr.トレーニングは「無料カウンセリング&体験申込はこちら」。
尼崎ボクシングジムはメニューの前半にPLANとFLOWとPRICEを並べています。

いずれも「入会」ではなく「体験」です。
パーソナルジムは1回試してから決める買い方が定着しているため、最初の画面の役割が体験申込に固定されています。

LINEを予約の入口にしているのが2件

commeとRING FITです。
どちらもWeb予約フォームと並べて、LINEのボタンを同じ大きさで置いています。

ほかの業種の記事では、LINEを最初の画面に出している例はほとんどありませんでした。
地域の店舗で、予約のやり取りが続く業態に特有の作りです。

料金への導線があるのが4件

尼崎ボクシングジム、Dr.トレーニング、RING FIT、ZERO FUTSAL PARK堺東。
いずれもメニューに「PRICE」または「Price/Plan」があります。

ジム4件のうち3件が料金をメニューに出しています。
士業事務所の記事では6件中2件でした。
同じ「値段が分かりにくい」と言われる業種でも、扱いが違います。

スポーツクラブは写真を捨てにいく

ATLETICO SUZUKA CLUBは選手を劇画タッチのイラストにしてタイルに並べ、写真を1枚も使っていません。
RIP ACE SOCCER CLUBは試合ではなく、壁の前に立つ選手1人だけです。

試合写真はどのクラブも持っています。
そのぶん、試合を出さないことで差をつけにいく判断が働いています。

ジムはトレーナーを、クラブは選手を見せる

RING FITはトレーナー3人が骨格模型を囲む場面、Dr.トレーニングはモデル、尼崎ボクシングジムは練習中の1人。
commeだけが人を写していません。

買う相手が「人」である業態なので、誰が指導するのかが画面に出てきます。

制作会社に頼むと、いくらかかるか

この11件の制作費は公開されていません。
体制はDr.トレーニングが5者ともっとも大きく、ほかは1社か2社です。

パーソナルジムのホームページの相場は30万〜120万円、撮影とトレーナー紹介を作り込むと80万〜200万円です。
内訳はホームページ制作費用の相場にまとめました。

制作会社を選ぶ段階なら、ホームページ制作会社の選び方をご覧ください。

B&Hが2件、eieioがほかの業種にも

パーソナルジムcommeとRIP ACE SOCCER CLUBは、どちらもB&Hが手がけています。
ジムとサッカークラブという違う業態です。

北牧雅文を手がけたeieioは、美容・コスメの記事のFASとRe’lillaも担当しています。

掲載の基準

公開時期 現在のデザインが2016年以降に公開されていること。ギャラリーの掲載日で判定しています
制作者 制作会社・デザイナーが公開情報から特定できること。SANKOU!・MUUUUU.ORG・URAGAWAのクレジット、または制作会社自身の実績ページで確認
第三者の評価 デザインギャラリー2つ以上に掲載、またはMUUUUU.ORGのSITE OF THE DAYに選ばれていること
業種 日本のスポーツ・フィットネスに関する事業であること
除外 汎用テンプレートをそのまま使ったもの、制作者が分からないもの

候補56件のうち44件で制作者が分からなかった

この業種は、6つのギャラリーのうちURAGAWAにスポーツのカテゴリがありません。
URAGAWAは掲載サイトに制作会社が付いている唯一のギャラリーなので、その分だけクレジットが取りにくくなっています。

b-monster、BALANCE FITNESS GYM、カラダCAMP、43D、TATORUなども複数のギャラリーに載っていますが、制作者の記載がどこにもありませんでした。

更新について

掲載サイトは定期的に見直します。
リニューアルでデザインが変わったサイトは差し替えるか取り下げます。

このシリーズのほかの業種

同じ調べ方で、業種ごとにまとめています。

掲載内容の訂正・削除について

掲載されている団体・制作会社の方へ。
記載内容に誤りがある場合や、掲載の取り下げをご希望の場合は、お問い合わせフォームからご連絡ください。
確認のうえ、速やかに対応します。

掲載料は受け付けていません。
掲載は編集部の調査結果だけで決めています。

お問い合わせフォーム

よくある質問

この記事に載っている制作会社に、ここから依頼できますか

各制作会社のサイトから直接お問い合わせください。
編集部は仲介をしておらず、紹介手数料も受け取っていません。

ジムのサイトで最初に決めることは何ですか

体験の申込をどこで受けるかです。
この4件はWebフォームとLINEのどちらか、または両方を最初の画面に置いています。
運用できる窓口を先に決めてから、デザインの相談に入ってください。

トレーナーの顔写真は必要ですか

ジム4件のうち3件が人を写しています。
指名で選ばれる業態なので、出すほうが有利です。
commeだけが内装で見せていますが、これは店の雰囲気を先に伝える戦略です。

料金は載せるべきですか

ジム4件のうち3件がメニューに料金を出しています。
パーソナルジムは価格帯の幅が大きく、問い合わせ前に知りたい情報の筆頭です。

この情報はいつ時点のものですか

2026年9月14日時点で各サイトとギャラリーを確認した内容です。
スクリーンショットも同日に取得しています。

この記事を書いている会社

MOTOKI合同会社(埼玉県所沢市)は、WordPressに特化したホームページ制作会社です。

  • ホームページ制作実績 54件
  • WordPressテーマ「SWELL」での構築 48サイト
  • WordPressの技術記事を331本公開
  • この記事の水準で作る場合の見積もりと、体制の相談
  • いま検討している他社の見積もりが妥当かどうかの確認
  • 既存のジム・スタジオサイトを見たうえでの改善点の指摘

ホームページの制作・改善について相談する

相談は無料です。
他社からも相見積もりを取ったうえでご判断ください。

CONTACT

お問い合わせ

成果を出すホームページ制作は私たちにおまかせください。
まずはお気軽にご相談を!

目次