1. TOP
  2. スマートフォンサイトだけではもうNG?将来のトレンドになるであろうレスポンスWebデザインとは?

スマートフォンサイトだけではもうNG?将来のトレンドになるであろうレスポンスWebデザインとは?

 2013/06/22 スマホサイト
この記事は約 4 分で読めます。 2,899 Views

レスポンスウェブデザイン

 

皆様、こんにちは!スマートフォン集客コンサルタントの田中祐一です。

 

本日はレスポンスWebデザインについて説明します。

皆様、これ御存知ですか??

 

略称としてRWDと書いたりします。

 

レスポンシブWebデザイン(Responsive Web Design)は、PC、タブレット、スマートフォンなど、

あらゆるデバイスに最適化したWebサイトを、単一のHTMLで実現する制作手法です。

ブラウザーのスクリーンサイズを基準にサイトの書式をを調整することで、

デバイスごとに専用サイトを用意することなく、マルチスクリーンに対応したWebサイトを制作できます。

 

堅苦しい説明よりも実物を見たほうがわかりやすいですよね。

どーぞご覧になってください。

そして、ブラウザの大きさを自由に動かしてみてください。

 

G-SHOCK

http://g-shock.jp/

 

NHKスタジオ

http://www.nhk.or.jp/studiopark/

 

スターバックスアメリカオフィシャルサイト

http://www.starbucks.com/

 

気づきました?

サイトがうねうね変形していることを。

これレスポンシブWebデザインなんですよ。

 

つまり・・・・こんなメリットがあります。

 

・色んな端末の色んな画面サイズに対応しているので、端末毎に新しくサイト作成する必要がない。

・単一ソースになるので、後々のメンテが非常に楽

・Googleが推奨しているデザインなのでSEOの恩恵が受けやすい。

 

と行った感じです。

 

ただ単純に面白いとか、最先端だとか安易な理由ではないのです。

数年後はこのRWDで記述する時代が来ると思います。それだけメリットが大きいのです。

 

世の中の市場は本当にマルチデバイス化していますね?

それぞれの画面毎に最適なサイトを作成しますか?

 

しませんよね?

テレビとかでもネットで見れる時代なのに・・・

 

RWDはメニュー型のビジネスと相性が良いので、是非ともメインホームページに使用してください。

各種商品のページはLPで作成するようにしたほうがコンバージョン率は上がります。

 

ただし、CMSをつかたり等かなり手間なシステムを作成する必要が有る場合は

費用が非常に高額になることをご了承いただければと思います。

 

つまり、これからお時代は

オフィシャルサイトはRWDで作成し、SEOを高めていく。

商品ページはLPで作成し、PPCで広告を打っていく。

 

そうすればお互いが非常に良い効果となりお互いがお互いを高めていく。

非常に良い循環が生まれます。

 

今後機会があればこのデザインは積極的に試してみたいと思います。

今後、成功事例が出てきたら別途展開しますよ♪

 

本日はここまで。

 

 

 

 

\ SNSでシェアしよう! /

田中祐一公式ブログの注目記事を受け取ろう

この記事が気に入ったら
いいね!しよう

田中祐一公式ブログの人気記事をお届けします。

  • 気に入ったらブックマーク! このエントリーをはてなブックマークに追加
  • フォローしよう!

ライター紹介 ライター一覧

田中 祐一

田中 祐一

1986年1月23日生まれ新潟県出身。
芝浦工業大学材料工学科卒業後、株式会社NTTデータに入社。意識高い系の彼女に安定企業で給料をもらう生活を馬鹿にされフラれた事がきっかけで起業の道を志す。
クライアントのプロダクトローンチを実践することで、年商300万円のクライアントが、30日で4000万円を売り上げている。
現在はエンジニアの経験を活かした、緻密なマーケティング・プロセスを設計し、爆発的に売り上げをあげるプロダクトローンチを武器にビジネスを展開。累計5億円以上の販売実績がある。ネット集客の専門家として全国の商工会議所で販売促進セミナーも開催している。

この人が書いた記事  記事一覧

  • そろそろ起業迷子は終わりにしたら?

  • 【募集開始】3月29日(金)10時から始めます。

  • 40代女性のホルダーが自分コンテンツ以外の副業で月50万稼いだ話

  • 女性起業家の90%が遠回りしていること

関連記事

  • スマートフォン集客サイトは第一印象が重要!?

  • 飲食店のスマートフォン検索数

  • スマホサイトから申込が来ない理由

  • スマホサイト作成時に気をつけること

  • レスポンシブwebデザインとは〜次世代型ホームページ構築方法

  • スマホマーケティング塾の区切りについて