テーマ導入サイト例

WordPressテーマOOPS!を使ったサイト例。LP仕様の企業サイトの参考に

TCDのWordPressテーマ「OOPS!」を導入しているサイトを探してみました。

公式のデモサイトだけでなく、一般のサイトも見ると参考になります。

OOPS!は、インプレッション、クリック数、コンバージョン率が計測できるCTAが特徴のテーマです。

ただ、計測した数値はサイトの所有者しか見ることができないので…

今回はOOPS!の外観を見ていきたいと思います。

OOPS!の外観の特徴は、パララックス効果を使うことができることです。

パララックス効果を使うと、サイトに奥行きを作り出すことができ、見ているだけで楽しいサイトを作ることができます。

パララックス効果のテーマでは、当サイトではTCDをお勧めしています。

そしてOOPS!は、TCDのパララックステーマの中で、機能面でも充実したテーマです。

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

★こちらも参考にどうぞ↓
2018年、WordPressテーマの部門別お勧めベスト3を発表!>>

公式サイトでテーマの使い方を確認

TCDのOOPS!

出典:TCD公式サイト「OOPS!」

OOPS!の公式でもサイトは、音楽企業のサイトです。

コンサート会場を背景にして、パララックス効果で奥行きを出しています。

パララックス効果はポイントを絞って使うと、非常にサイトの好感度が上がります。

公式デモサイトでは、3回ほどパララックス効果を使用していますが、これくらいがちょうど良いのではないでしょうか。

OOPS!公式のでもサイトはこちらから>>

OOPS!の使用サイト例

OOPS!は、今まで使用サイトを探していましたが、なかなか見つかっていませんでした。

それが最近になって急に増えていますね!

企業サイトでたくさん使われてきているようです。

それでは、OOPS!がどう使われているのか見ていきたいと思います。

※キャプチャー画像とリンク先サイトのデザインが違う場合は、テーマが変わった可能性があるのでご注意ください。

転職会社

OOPS!使用サイト1

出店:プレミアム人材.com

プレミアム人材.com様のサイトはこちらです。

こちらのサイト様の素晴らしいところは、サイトの作りがストーリーになっているところです。

人間の一生を24時間に置き換えた人生時計の話から始まって…

「あなたは今、何時何分ですか?」

「あなたの1日の行動を思い起こしてください」

「さぁ 残りの時間をどう過ごしますか?」

「自分の時間を知って動きだした人達」

「まずはアナタの可能性を数値化してみませんか?」

というように、スクロールしていくとストーリーが展開していきます。

これに、パララックス効果でストーリーを連想させる背景を配置したら…

これは最後の「無料診断」のボタンをクリックしたくなりますよ^^

ランディングページはストーリーになっていると効果が高いと思います。

アパレル企業

出典:GSPgroup

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

アパレル企業グループのサイトです。

GSPグループ全体の企業情報が掲載されています。掲載している内容は、

  • グループ概要
  • 関連会社
  • 生産拠点
  • 主な生産品目
  • 会員募集
  • お問い合わせ

があります。サイトの情報量としては少ない方ですが、見た目よく仕上がっています。

企業サイトとしては、それほど情報量は必要ない場合も多くあります。

そういうときには、OOPS!のようなトップページがランディングページ仕様になっているテーマを選ぶと良いでしょう。

制作時間が少ない割には、出来の良いサイトができあがります。

グラスアート教室

出典:アトリエKako

アトリエKako様のサイトはこちらです。

グラスアートという、ステンドグラスのようなガラス工芸を作る教室のサイトです。

OOPS!は、アート系のサイトでも大丈夫なくらいデザインは洗練されています。

アート作品を掲載し、アート販売のCTAを設置するという使い方ができますね。

そして、OOPS!のCTAは、ABテストもできる高機能なものです。

クリックが多くなるようなボタンデザインを選択でき、どれが成約が多いのかを計測することができます。

少しでも成約が多くなるように、ページデザインを工夫することができるテーマです。

企業であれば、お問い合わせや採用募集などへのCTAを作るのも良いですね。

ファンサイト

OOPS!使用サイト4

出典:アンディ・ティモンズファンサイト

アンディ・ティモンズファンサイト様のサイトはこちらです。

こちらのサイト様は、ヘッダーにYouTube動画を使っています。

OOPS!は、動画を再生する機能が付いているのですが、実際に使用しているサイトは多くありません。

動画再生とパララックスという組み合わせができるのは、TCDの「OOPS!」やDigiPressの「Luminous」などの一部のテーマだけです。

ランディングページに動画を使ってみたらどうなるか…

こちらのサイト様を参考にして、アイデアを練ってみると面白いと思います。

WordPressテーマOOPS!のまとめ

OOPS!を使えば、美しいランディングページの企業サイトが簡単にできあがります。

作るのはOOPS!に任せるとして、後はサイトをどう作るかのアイデアが重要です。

ストーリー仕立てにして、次が見たくなるようなサイトが作ることができれば、自然に成約に結びつくサイトになると思います。

OOPS!はこちらから↓
OOPS!の詳細はこちら>>

 

関連記事

  1. ROCK使用サイト

    WordPressテーマROCKを使ったサイト例。グリッドレイアウトの…

  2. izm

    WordPressテーマIZMを使ったサイト例。マガジンサイトの参考に…

  3. bloom

    WordPressテーマBloomを使ったサイト例。おしゃれな女性向け…

  4. colors

    WordPressテーマCOLORSを使ったサイト例。インパクトある個…

  5. maxx

    WordPressテーマMAXXを使ったサイト例。店舗サイトテーマの参…

  6. TCDテーマ「SKIN」

    WordPressテーマSKINを使ったサイト例。美容室やエステのサイ…

コメント

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

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

CAPTCHA


PAGE TOP

ブログの作り方

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

ONEでブログを作る

ブログの作り方

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

SANGOメニューボックス

ブログの作り方

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

スワローでブログ作成1

ブログの作り方

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

TCDのSwitchでサイト作成

ブログの作り方

Diverのヘッダー部分を設定。ピックアップスライダーを拡大表示しよう

Diverでヘッダースライダー作成

ブログの作り方

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

Bloomでブログを作る