TCDテーマ「FORCE」を使った24サイトを紹介！デモサイトと雰囲気が違うサイト事例も見たい方必見！【WordPress】

こんにちは！TCDテーマを愛用しているKicoです。
おしゃれな有料ワードプレステーマを次々に発売しているTCD。

2020年2月にリリースされたチームやサークルのような団体やコーポレートサイト向けのWordPress有料テーマ「 FORCE（TCD078）」は26,800円（税込29,480円）。

デモサイトがダイナミックでインパクトがあるのでどこまでアレンジできるか気になりますよね。

そこで、できれば購入する前にTCDの「FORCE(フォース)」で作られたサイトをいろいろ見て検討したい！と思っているあなたのために「FORCE」で作られたサイトを調べてみました！

デモサイトと雰囲気が全く違うサイトから似てるけどジャンルが違うサイトまで紹介していきます！
「FORCE」の購入を検討しているあなたのお役に立てたら幸いです！

スポンサーリンク 

TCDワードプレステーマ「FORCE」の公式デモサイトはこんな感じでしたね

出典：TCD公式サイト「FORCE」

・TOPページのビジュアルは動画にも静止画にも切り替え可能
・チームページで複数人のプロフィールをかっこよく表示可能
・ギャラリーページで写真や映像を並べて表示できる
・LP制作機能やCTA機能も搭載

もちろんいつものようにスマホやタブレットに対応したレスポンシブなので安心です。

出典：TCD公式サイト「FORCE」

記事を読む前に一度「FORCE」のサイトを見たい方はこちらのボタンからどうぞ。

TCDテーマ「FORCE」詳細ページへ

スポンサーリンク 

TCDワードプレステーマ「FORCE」を使っているサイトの調査結果はこんな感じでした

2020年2月にリリースされたTCDテーマ「FORCE」を使っているサイトは50サイト以上見つけられました。
こちらの記事では今回見つけた50サイト以上の中から参考事例としてみておきたい24サイトを紹介します。

TCDのデモサイトのイメージがインパクト強めなので、TCD公式のデモサイトとはイメージが違うものも多く紹介しています。
この記事を書いた時点では、TCD公式サイトでは紹介していないサイトを選んでいるのでたくさんの事例を見たい方にはおすすめです。

さて、今回も次の点はご了承くださいませ。

本ページのご利用にあたって
1）紹介するサイトのセキュリティ面はご自身の責任でお願いします。
Googlechromeをお使いの場合「https://」のサイトでも注意喚起が出ることがあります。
2）各サイトのキャプチャについて
著作権者から許可を取らずに「引用」するための決まり5点を守っていると考え掲載しております。

【「引用」するための決まり5点】
1.公表された著作物であること　2.引用する側の著作物と、引用される側の著作物とが明確に区別されて認識できること　3.前者が主、後者が従の関係があること　4.出所の明示をすること　5.著作者の意思に反する改変をしないこと
（引用元：Web担Forum　著作物を「引用」する際のルールとは？3ページ目）

では、紹介してまいりましょう！

スポンサーリンク 

1.【TOPページがシンプル】TCDワードプレステーマ「FORCE」事例サイト

まずは、TCD公式デモと違いTOPページコンテンツがシンプルなものを紹介します。この事例を見ることでどれくらい魅せ方が変えられるのかつかめると思います。

1.ゲーム開発&販売

（引用元：BunnopenサイトTOP　キャプチャ）

3DCG制作を主としてモバイル&PCゲームの開発と販売をされている「Bunnopen（ブンノペン）」さんのサイトがTCDのワードプレステーマ「FORCE」で制作されています。

このサイトを見たい方はこちらからどうぞ。こちらのサイトはTOPページがかなりシンプルなのでサイト事例としてピックアップしました。

2.【マリン系】TCDワードプレステーマ「FORCE」事例サイト

次はTCD公式サイトと同ジャンルのマリン系コンテンツのサイトを3つ紹介します。3つを比較してみることで同ジャンルのサイトでどのように「FORCE」を使えば、サイト訪問者に印象を残すせるのか考える参考になると思います。

2.サーファー

（引用元：エコサーファー堀直也さサイトTOP　キャプチャ）

エコサーファー堀直也さんのサイトがTCDのワードプレステーマ「FORCE」で制作されています。

このサイトを見たい方はこちらからどうぞ。

3.ダイビングショップ

（引用元：Dive TimeサイトTOP　キャプチャ）

「Dive Time」さんのサイトがTCDのワードプレステーマ「FORCE」で制作されています。

このサイトを見たい方はこちらからどうぞ。

4.ダイビングショップ

（引用元：ダイブカラーズサイトTOP　キャプチャ）

横浜市磯子区にあるダイビングショップ「ダイブカラーズ」さんのサイトがTCDのワードプレステーマ「FORCE」で制作されています。

このサイトを見たい方はこちらからどうぞ。

スポンサーリンク 

3.【スポーツ系】TCDワードプレステーマ「FORCE」事例サイト

次はスポーツ関連のコンテンツを扱ったサイトを紹介します。テーマカラーやTOPページのビジュアル写真でどう印象がかわるのか確認してみてください。

5.大学の部活・サークル　おすすめ事例

（引用元：NUECサイトTOP　キャプチャ）

新潟大学の探検部さんのサイト「NUEC」がTCDのワードプレステーマ「FORCE」で制作されています。

このサイトを見たい方はこちらからどうぞ。こちらのサイトは躍動感があって1番「FORCE」の良さを生かしているサイトだと思います。またこちらのサイトではメガメニューを活用されています。

（引用元：NUECサイト　キャプチャ）

6.大学の部活・サークル

（引用元：慶應義塾大学自転車競技部サイトTOP　キャプチャ）

「慶應義塾大学自転車競技部」さんのサイトがTCDのワードプレステーマ「FORCE」で制作されています。

このサイトを見たい方はこちらからどうぞ。こちらのサイトは「FORCE」の特徴のひとつメンバープロフィールを活用されています。

スポンサーリンク 

7.レーサー

（引用元：SUGURU KAWANAサイトTOP　キャプチャ）

Rally Driver川名 賢さんのサイト「SUGURU KAWANA」がTCDのワードプレステーマ「FORCE」で制作されています。

このサイトを見たい方はこちらからどうぞ。こちらのサイトはの「FORCE」特徴「ギャラリーページ」を活用されています。

この段階で既にHEALでサイトを作成しよう！と決心した方は下の画像をクリックするとTCDのHEALのサイトが開くのでご活用くださいませ。

8.加圧トレーニング　おすすめ事例

（引用元：preciousサイトTOP　キャプチャ）

加圧トレーニングスタジオ「precious」さんのサイトがTCDのワードプレステーマ「FORCE」で制作されています。

このサイトを見たい方はこちらからどうぞ。こちらのサイトはかなりインパクトありますよね！やはりTOPのメインビジュアルの印象でサイト全体のイメージがかわりますね。

こちらのサイトはジムの写真やスタッフの様子が分かるコンテンツが多くジムに興味を持った方に安心感を与えるコンテンツ作りが上手です！

9.体操教室

（引用元：岸和田体操教室サイトTOP　キャプチャ）

「岸和田体操教室」さんのサイトがTCDのワードプレステーマ「FORCE」で制作されています。

このサイトを見たい方はこちらからどうぞ。

スポンサーリンク 

4.【雰囲気が柔らかいデザイン】TCDワードプレステーマ「FORCE」事例サイト

今度はTCD公式のデモサイトと違いTOPページの雰囲気が柔らかい印象のサイトを紹介していきます。

10.カーテンの販売（店舗）

（引用元：カーテンスタジアムサイトTOP　キャプチャ）

岡山県でカーテン販売・内装工事・床はがし工事をされている有限会社インテリアサロン藤原さんの店舗サイト「カーテンスタジアム」がTCDのワードプレステーマ「FORCE」で制作されています。

このサイトを見たい方はこちらからどうぞ。こちらのサイトはTCDのデモサイトとはまるで違うかわいらしい雰囲気なので事例としてピックアップしました。

11.協会ビジネス

（引用元：日本美食脳アカデミー協会サイトTOP　キャプチャ）

美食脳をテーマにした協会ビジネスを展開されている「日本美食脳アカデミー協会」さんのサイトがTCDのワードプレステーマ「FORCE」で制作されています。

このサイトを見たい方はこちらからどうぞ。こちらのサイトはボタンのカスタマイズなどをされていてTCDのデモサイトとは雰囲気がことなるので事例にピックアップしました。

12.映像制作企画

（引用元：小林企画サイトTOP　キャプチャ）

映像作品の企画及び制作「小林企画」さんのサイトがTCDのワードプレステーマ「FORCE」で制作されています。

このサイトを見たい方はこちらからどうぞ。こちらのサイトは制作実績「Works」のコンテンツが見やすいな！と思ったサイトです。

スポンサーリンク 

13.クリエイティブ

（引用元：WIN’S MOMENTサイトTOP　キャプチャ）

クリエイティブ集団「WIN’S MOMENT」さんのサイトがTCDのワードプレステーマ「FORCE」で制作されています。

このサイトを見たい方はこちらからどうぞ。このサイトはアクセントカラーのピンクの使い方が秀逸！と思ったのでピックアップしました。

この段階で既にHEALでサイトを作成しよう！と決心した方は下の画像をクリックするとTCDのHEALのサイトが開くのでご活用くださいませ。

14.メンズ専門脱門サロン

（引用元：レグゼサイトTOP　キャプチャ）

メンズ専門脱門サロン「レグゼ」さんのサイトがTCDのワードプレステーマ「FORCE」で制作されています。

このサイトを見たい方はこちらからどうぞ。こちらのサイトはTOPページの構成がとてもおしゃれでかっこいいです。
メガメニューを活用されています。

15.美術予備校

（引用元：ARTWIREサイトTOP　キャプチャ）

大分美術教室・画塾「ARTWIRE」さんのサイトがTCDのワードプレステーマ「FORCE」で制作されています。

このサイトを見たい方はこちらからどうぞ。こちらのサイトはTOPページを他とは違う使い方をされているのでピックアップしました。

16.製瓦所

（引用元：有限会社 谷池健司製瓦所サイトTOP　キャプチャ）

「有限会社 谷池健司製瓦所」さんのサイトがTCDのワードプレステーマ「FORCE」で制作されています。

このサイトを見たい方はこちらからどうぞ。こちらのサイトは言葉でうまく表現できないのですが調べた50サイトの中で印象的だったのでピックアップしました。派手ではないんですが整っていて美しいサイトです。

スポンサーリンク 

5.【イラスト系TOP】TCDワードプレステーマ「FORCE」事例サイト

次はTOPページのメインビジュアルにイラストを用いているサイトを紹介します。

17.展示会・イベントのディスプレイ施工

（引用元：TAKUMIサイトTOP　キャプチャ）

展示会・イベントのディスプレイ施工をされている有限会社内匠工業さんのサイト「TAKUMI」がTCDのワードプレステーマ「FORCE」で制作されています。一瞬何屋さん？ともうビジュアルですが、イベント会場のディスプレイ施工と知り納得のデザインでした。

このサイトを見たい方はこちらからどうぞ。

18.協会

（引用元：Asakuchi DeafサイトTOP　キャプチャ）

浅口聴覚障害者協会の「Asakuchi Deaf」さんのサイトがTCDのワードプレステーマ「FORCE」で制作されています。

このサイトを見たい方はこちらからどうぞ。

19.学習サポート

（引用元：徹底的解剖学サイトTOP　キャプチャ）

東洋療法学校協会さんの解剖学の教科書を理解するための副教材サイト「徹底的解剖学」さんのサイトがTCDのワードプレステーマ「FORCE」で制作されています。

このサイトを見たい方はこちらからどうぞ。同じイラスト系サイトでもイラストの印象が変わればサイトの印象も変わるなーと感じたサイトです。

20.販促サポート

（引用元：株式会社アイテムサイトTOP　キャプチャ）

Webサイトや動画制作、住宅関連の設計・施工サービスなど複数の事業を手掛ける「株式会社アイテム」さんのコーポレートサイトがTCDのワードプレステーマ「FORCE」で制作されています。

このサイトを見たい方はこちらからどうぞ。こちらのサイトは幾何学的なイラスト動画がTCDのデモサイトとは全く違う雰囲気なので事例としてピックアップしました。

この段階で既にHEALでサイトを作成しよう！と決心した方は下の画像をクリックするとTCDのHEALのサイトが開くのでご活用くださいませ。

スポンサーリンク 

6.【シックなブラック系デザイン】TCDワードプレステーマ「FORCE」事例サイト

今度はTOPページのビジュアルに黒を使ったサイトを紹介していきます。

21.動画制作

（引用元：FLAMINGO FILMサイトTOP　キャプチャ）

結婚式のプロフィールムービーを制作されている「FLAMINGO FILM」さんのサイトがTCDのワードプレステーマ「FORCE」で制作されています。

このサイトを見たい方はこちらからどうぞ。大きなメインビジュアルの中で中央に絞るというのが斬新ですね！

22.Webマーケティング・コンサル

（引用元：株式会社RFサイトTOP　キャプチャ）

Webサービスを中心にマーケティング、コンサルティングをされている「株式会社RF」さんのサイトがTCDのワードプレステーマ「FORCE」で制作されています。

このサイトを見たい方はこちらからどうぞ。独特の世界観があるサイトです。

23.ビデオグラファ―

（引用元：絶景ビデオグラファ―HENMIサイトTOP　キャプチャ）

「絶景ビデオグラファ―HENMI」さんのサイトがTCDのワードプレステーマ「FORCE」で制作されています。

このサイトを見たい方はこちらからどうぞ。こちらのサイトはメガメニューを活用されています。

（引用元：絶景ビデオグラファ―HENMIサイト　キャプチャ）

24.ダンススクール

（引用元：DLL Dance SchoolサイトTOP　キャプチャ）

ダンススクール「DLL Dance School」さんのサイトがTCDのワードプレステーマ「FORCE」で制作されています。

このサイトを見たい方はこちらからどうぞ。こちらのサイトは「FORCE」の特徴のひとつメンバープロフィールを活用されています。

 

スポンサーリンク 

【終わりに】TCDテーマ「FORCE」

TCDワードプレステーマ「FORCE」を使った時のイメージはできたでしょうか。TOPページのビジュアルやサイトのテーマカラーで随分と印象が違いましたね。

「FORCE」50サイト見て思うのは、躍動感を伝えるのにとても向いているサイトだなということです。もちろん、動画を使わない静止画サイトでも印象に残るものはありますが、ワクワク感を伝えたいときには「FORCE」はおすすめ！と言う印象を持ちました。

今回「FORCE」を使おう！と心が決まった方はこちらのボタンからFORCEサイトへどうぞ。

TCDテーマ「FORCE」詳細ページへ

スポンサーリンク