ECサイト構築・リニューアルならクラウド型ECサイト構築ASPサービスサイトへ
資料請求
TOP

CATEGORY

SERVICE

レスポンシブなイベントサイト”WordFesNagoya2014”と便利な表示確認ツール

レスポンシブなイベントサイト”WordFesNagoya2014”と便利な表示確認ツール

今回はWordPress系のイベントサイト「WordFesNagoya2014」について、便利なレスポンシブサイトチェックツール「Am I Responsive?」と共にご紹介します。

サイト名 WordFesNagoya014
URL http://2014.wordfes.org/
QRコード WordFesNagoya QR

目次

  1. 4つのポイント
    • 1:レスポンシブデザイン
    • 2:CSSによるAnimation
    • 3:どこからでも申し込めるサイト構成
    • 4:「残席表示」で「今すぐ感」を演出
    • 5:「賑わい要素」としての参加者一覧
  2. 4デバイスを同時表示できる便利ツール「Am I Responsive?」

4つのポイント

1:レスポンシブデザイン

WordFesNagoya
このサイトはレスポンシブデザインで制作されているため、どこからでも不自由なくサイトを閲覧することができます。

フェス風のファーストビュー表示をタブレット・スマートフォンで非常に綺麗に調整されていました。

2:CSSによるAnimation

test1

またファーストビューのイラストは、背景の雲や風船がアニメーションするようになっています。

CSSAnimationを利用しているために読み込み速度への負荷も少なく、どのデバイスからでも違和感のない演出となっています。

3:どこからでも申し込めるサイト構成

このサイトでは、右側のメニューからいつでもイベント申込が可能な構成となっています。
WordFes

具体的に金額なども確認できる構成となっており、「参加したい」と思ったタイミングで申込をすることが可能です。

wordfes-1

4:「残席表示」で「今すぐ感」を演出

wordfes-3

申込フォームでは、それぞれのプランの「残席数」が表示されています。

購入するかしないかを判断するタイミングで在庫数や残席数などを表示させることにより、「今すぐ買わないと」と思わせることが可能となります。

5:「賑わい要素」としての参加者一覧

申込フォームに情報を入力していると、Twitter・Facebookアカウント情報を入力する欄が表示されます。

これはTOPページなどで「参加者一覧」を表示させるための項目となっていて、アカウントのアイコンと登録名が表示されるようになっています。
wordfes-4

ECサイトでは「今売れている商品」を表示させることで「賑わい感」を出すことがありますが、

イベントサイトでは「これだけの人が参加する」という「賑わい感」の出し方になるということですね。

wordfes-5

スマートフォンからは上部メニューを利用しての申込となります。

4デバイスを同時表示できる便利ツール「Am I Responsive?」

今回スクリーンショット撮影に「Am I Responsive?」というサービスを利用しました。

Am I Responsive?
Am I Responsive?

4デバイス分のサイト表示だけでなく、ドラッグ&ドロップでの並び替えなどもできる非常に便利なツールです。

am i responsive?- 並び替え

このような配置もドラッグ&ドロップだけで簡単に実現できます。

レスポンシブサイトを紹介する際などに是非ご利用下さい。

Am I Responsive?


                   
商品の販売に“夢中”になれる
クラウド型ECサイト構築ASP

ECサイト構築、リニューアルを2000社以上支援してきた知見から
ECの専門家として御社のEC事業成長をサポートします。

  • 導入実績2000社以上


    導入実績

  • 注文単価増加率114%

    導入1年後の
    注文単価
    増加率

  • 売上成長率128%

    導入1年後の
    売上成長率

  • EC支援歴20年


    EC支援歴

         

WordPressカテゴリの最新記事