テーマ導入サイト例

SOURCE

TCDの「SOURCE」を使ったWordPressサイト例。LPテーマ選びの参考に

TCDのWordPressテーマ「SOURCE」を導入しているサイトを探してみました。
テーマの使用方法は人によって随分変わります。自分の作るサイトの参考にしてみてください。

SOURCEは、ランディングページ使用のトップページを作成できるテーマです。

トップページをスクロールすると、ページの最後(または途中)に、誘導したいページへのボタンが表示されます。

SOURCEでは、誘導したいページまでスクロールしてもらうために、コンテンツがアニメーションして現れるようになっています。

スクロールするとさまざまなコンテンツが左右や下からス〜ッとフェードして現れるので…

次はどうなるんだろう、と閲覧者がページを進めて行くという仕組みです。

このランディングページ仕様のテーマをどのように活用しているのか、SOURCEの公式デモサイトと一般サイトを見ていきましょう。

★ランディングページやCTAを設置できるテーマはこちら↓
ランディングページやCTAを設置できるWordPressテーマを探しました!>>

★企業部門の3位にさせていただきました↓
2018年、WordPressテーマの部門別お勧めベスト3を発表!>>

★動画を使用できるテーマはこちらもどうぞ↓
動画ヘッダーを使えるWordPressテーマを集めてみました!>>

SOURCE(tcd045)の公式デモサイト

SOURCE
出典:TCD公式サイト「SOURCE」

デモサイトはインターネットビジネスのサイトです。

サイトを表示した直後は、トップ画像と一部のコンテンツしか表示されていません。それが、スクロールするにつれてどんどん現れてきます。

そして、現れたコンテンツに目が行くんですよね!

人間って、動きがあるところに目が行くようにできているんだと思います。これがTCDの言う、

ページをスクロールする度に絶妙な動きでコンテンツを表示することで、ユーザーの視線を誘導する「SOURCE」の洗練されたモーションを体感してください。

ということなんでしょうね−。

SOURCE公式のデモサイトはこちらから>>

SOURCE導入サイト

SOURCEは、ランディングページ仕様のトップページが作れるという、めずらしいテーマです。

そこで、ランディングページとして、どのようにサイトを作っているのか注目して見ていきたいと思います。

1 音楽教育と語学

SOURCE導入サイト1

出典:株式会社ムジカ・フマーナ

株式会社ムジカ・フマーナ様のサイトはこちらです。

音楽教育と語学のサイトです。

SOURCEは、トップ画像の下の3点ボックスが特徴ですよね。このボックスの色は変えることができるので、サイトに合う色を選ぶことができます。

こちらのサイト様は、サイト全体が淡いパステルカラーでまとめられていますね。

特にランディングページとしてテーマを使用している訳ではありませんが、それでも充分魅力的なサイトを作成することができます。

2 オペラ歌手

SOURCE導入サイト3

出典:二宮望実オフィシャルサイト

二宮望実オフィシャルサイト様はこちらです。

オペラ歌手の二宮望実さんのオフィシャルサイトです。

SOURCEは、トップページに動画を使うことができます。オペラ歌手であれば、上演しているときの動画をトップにもってきたいですよね。

また、ブログの下には、出演コンサートの画像ギャラリーがズラッとならんでいます。こういう使い方もできるんだ、というお手本ですね。

3 楽譜制作

SOURCE使用サイト3

出典:弦譜堂

弦譜堂様のサイトはこちらです。

トップページに画面いっぱいに画像が表示されています。

トップページを下にスクロールしていくと、楽譜のサンプルが並んでいるところがあります。

丸い枠の中に楽譜が表示されているのですが、サンプルの表示として、こういう使い方もできるんですね。

さらに画面を下にスクロールしていくと、料金表と比較表があります。

SOURCEには、デザイン性豊かな料金表比較表の作成機能が付いています。

こうした表をトップページに設置したい場合は、SOURCEを使うと簡単にできますよ。

4 バレエ教室

SOURCE導入サイト4

出典:上海エトワールバレエ教室

上海エトワールバレエ教室様のサイトはこちらです。

上海エトワールバレエ教室のサイトです。

トップ画像の下の3つの丸いアイコン(上の画像で言うと、ピンク、水色、緑のアイコン)は、クリックして画像が変わるときに色を変えることができるんですね!

ここをカラフルな色に変えているサイトは少ないのですが、自動的に画像が切り替わるときに色も変わるので楽しい雰囲気になります。簡単なカスタマイズの割に、目に見えて効果があるので利用してみてはいかがでしょう。

それから、こちらのサイト様では、3点ボックスの下に「体験レッスン申し込み・ご質問」のボタンがあって…

さらに一番下に「楽しく一緒に踊りませんか?」の言葉と共に「CONTACT US」のボタンが設置されています。どちらも同じページに行くのですが、違うメッセージでクリックを誘うのも一つの方法ですね。

「楽しく一緒に踊りませんか?」の直前にブログの掲載欄がありますが、まだこちらのブログは書かれていないようです。

楽しそうなレッスンブログの後で、「楽しく一緒に踊りませんか?」と誘われたら、やってみようかなっていう気になるんじゃないかなと思います。

SOURCEのイメージは湧きましたか?

いかがでしょう、ランディングページ仕様のトップページのイメージはつかめたでしょうか。

ランディングページのテーマを探してみると、他のページへのリンクが無い分、シンプルなテーマになっているものが多いです。

でも、SOURCEは高機能なランディングページであり、尚且つデザインも美しく仕上がります。ランディングページを作成したい方にお勧めしたいテーマです。

そのCTAまでにブログの欄がありますが、ここでしっかりとしたコンテンツを作っておけば、最後のCTAのクリック率があがるのではないでしょうか。

SOURCEはこちらから↓
SOURCEの詳細はこちら>>

関連記事

  1. bloc

    TCDの「BLOC」を使ったWordPressサイト例。タイル表示テー…

  2. bloom

    TCDの「Bloom」を使ったWordPressサイト例。テーマ選びの…

  3. avalon

    TCDの「AVALON」を使ったWordPressサイト例。テーマ選び…

  4. TCDテーマ「SKIN」

    TCDの「SKIN」を使ったWordPressサイト例。テーマ選びの参…

  5. tcd-angel

    TCDの「ANGEL」を使ったWordPressサイト例。テーマ選びの…

  6. SANGO使用サイト

    「SANGO」を使ったWordPressサイト例。テーマ選びの参考に

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


PAGE TOP

メーカー別おすすめ

ブログに特化した「OPEN CAGE」のWordPressテーマを5段階評価して…

スワロー

メーカー別おすすめ

多機能かつ洗練されたWordPressテーマ「DigiPress」を5段階評価し…

fresco

メーカー別おすすめ

マテリアルデザインのWordPressテーマ「SANGO」を5段階評価してみた

SANGOテーマ

メーカー別おすすめ

アフィリエイト専用のWordPressテーマ「AFFINGER」を5段階評価して…

wing-affinger5

メーカー別おすすめ

美しい日本語にこだわった「isotype」のWordPressテーマを5段階評価…

MONOSTYLE

メーカー別おすすめ

検索上位表示と収益化「Diver」のWordPressテーマを5段階評価してみた…

Diverのテーマ

メーカー別おすすめ

Web集客に特化した「EMANON」のWordPressテーマを5段階評価してみ…

EMANON

メーカー別おすすめ

デザインの美しさは最上級!「TCD」のWordPressテーマを5段階評価してみ…

TCDのRUMBLE