テーマ導入サイト例

story

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

TCDのWordPressテーマ「STORY」を導入しているサイトを探してみました。
デモサイト以外でも、どのようにテーマが使われているかを見ておくと、自分がサイトを作るときの参考になります。

STORYは、結婚式場やサロンなどの、ラグジュアリーなサイトを作るのに最適なテーマです。
このテーマを導入しているサイトを探してみると、やはりヘアーサロン、ネイルサロン、ウェディング、デザイン会社のサイトが多かったです。

それほど、ラグジュアリー感が上手く作り出せているんでしょうね。

では、STORYの公式デモサイトと、導入した一般サイトを見ていきましょう。

★美容、サロン、結婚式場部門のおすすめ1位にさせていただきました↓
2018年、WordPressテーマのお勧めベスト3を部門別に発表!>>

★TCDのテーマはこちら↓
デザインの美しさは最上級!「TCD」のWordPressテーマを5段階評価してみた>>

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

STORY(tcd041)の公式デモサイト

story
出典:TCD公式サイト「STORY」

デモサイトは、文字や背景色がゴールドと白を思わせる色で統一されています。そのためラグジュアリーな感じが演出されているんですよね。

色のイメージは重要ですね。それから、テーマの名前がSTORYと言うように、トップ画像からスクロールしていくに連れての流れがストーリー仕立てになっています。

トップ画像がズームインとズームアウトをする演出もストーリーを連想させるのに役立っています。

ウェディングのような、イメージが良くないと集客が思うようにいかない業種には、このSTORYのようなテーマが合いますね。

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

STORY導入サイト

STORYと言うと,トップページのズームするフルサイズの画像(動画)がテーマの顔だと思います。

そこで、STORYを導入しているサイト様を参考にして、自分のサイトをどう作っていくのかイメージしてみましょう。

STORYはトップ画面を画像と動画どちらかを選べるのですが、私が探したところ、圧倒的に画像が多かったです。

ただ、動画を作るのは大変ですが、上手く作れば印象に残るサイトができますので選択肢に残しておいた方がいいですね。

1 美容室

STORY導入サイト1

出典:美容院 リッシュ

美容院リッシュ様のサイトはこちらです。

4月にオープンされたヘアサロンのサイトです。

ウェディングと同様、ヘアサロンもラグジュアリーなイメージのテーマが合いますね。

公式デモサイトと上の画像の色が、このテーマとちょうど色合いが合って統一感が素晴らしいです!

光の差し込んでいるヘアサロンって、こういう感じになるんじゃないでしょうか。

2 カメラ講座、HP作成講座等

STORY導入サイト2

出典:LivingBEAUTE

LivingBEAUTE様のサイトはこちらです。

カメラ撮影やホームページ作成の講座のサイトです。

トップページの画像の下に、「夢を叶えたい全ての女性」に向けた言葉が書いてあります。

STORYの白背景に、こうした「言葉」が書いてあると、不思議と引き込まれる感じがします。

その言葉の後に、各講座の案内があると、気持が前向きになりそうです。こういう使い方もいいですね。

3 バドミントン専門店

STORY導入サイト3

出典:Chick

Chick様のサイトはこちらです。

名古屋のバドミントン専門店のサイトです。こちらのサイト様は、トップページにスライドショーではなく、動画を用いています。

動画の場合は、動画の画面下にカーソルを持って行くと、音量の調整とフルサイズ画面との切り替え、そしてYouTubeのボタンが表示されます。

こちらのサイトはYouTubeボタンが右下にあります。YouTubeに動画をアップロードして、それをSTORYで流しているんですね。

また、テーマのカラーをデフォルトから変えています。ゴールドをイメージしたカラーからポップな緑色にしています。

スポーツに関するサイトなので、カラーを変更した方がイメージに合います。テーマのカラーを変更することによって、このように楽しい雰囲気のサイトに変えることができます。

4 ウェディングムービー

STORY導入サイト4

出典:Wedding Movie Pure

Wedding Movie Pure様のサイトはこちらです。

ウェディングのムービーを撮影する仕事のサイトです。

こちらのサイト様は、すぐに動画だと分かるトップ画面です。YouTubeにアップロードした動画を表示させています。

動画の画質を1080Pでアップロードしてあると、フルスクリーンでも美しい動画で再生されます。

ウェディングの風景なので、STORYのテーマイメージと合いますね。美しいサイトになっています。

それにしても、STORYで動画を流せるとは思っていませんでしたが、他の方のサイトを見ていると、いろいろな発見がありますね!

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

STORYは画像と動画をトップページに表示させることができます。これはTCDの「ORION」でも可能です。

ORION導入サイトはこちらをどうぞ↓
TCDテーマ「ORION」の導入サイト。動画トップページはこんな感じ>>

トップ画像のズーム機能とラグジュアリー感が欲しい場合は、STORYの方がいいでしょう。

また、STORYのラグジュアリー感を出したいのであれば、カラーの統一感が必要じゃないでしょうか。

そのためには、動画よりも画像の方が簡単そうですね。動画でも上手に作れば大丈夫ですけど。

STORYはラグジュアリーなイメージで作られたテーマですが、カスタマイズしてラグジュアリーとは全然関係ないサイトも多いです。

自分で工夫してサイトを作った方が楽しいですね。

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

関連記事

  1. bloc

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

  2. RUMBLE使用例

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

  3. TCDテーマ「SKIN」

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

  4. SANGO使用サイト

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

  5. TCDのBeauty

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

  6. agent

    TCDの「AGENT」を使ったWordPressサイト例。パララックス…

コメント

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

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

CAPTCHA


PAGE TOP

ブログの作り方

Bloomでブログを作る手順1。記事スライダーとウィジェットを設置

Bloomでブログを作る

ブログの作り方

Diverでブログを作る手順1。プロフィールや記事スライダーを設定しよう

Diverでブログを作る

ブログの作り方

「SANGO」のテーマでメニューボックスを設置してみよう

SANGOメニューボックス

ブログの作り方

TCDの「ONE」でブログを作る手順。トップ画面と記事の設定をします

ONEでブログを作る

ブログの作り方

TCDの「Switch」で企業サイトを作る手順1。設定の仕方を説明

TCDのSwitchでサイト作成

ブログの作り方

スワローでブログを作る手順1。基本設定と人気記事を作成

スワローでブログ作成1