いつでもどこでも
見やすいホームページ

レスポンシブWebデザイン
はじめませんか?Responsive Web Design

ホームページのスマートフォン対応

ホームページのパソコン対応

ホームページのタブレット対応

画面の伸縮に対応
横幅が違ってもきれいに表示

HPのスマホ対応
ご検討中の
お客様に朗報です!

ただいま
キャンペーン中!

このページから見積もりのご依頼をいただいた新規のお客様に限り
キャンペーン価格にてレスポンシブデザインのWebサイトを制作いたします。
(1ページあたりA4サイズ1枚程度の内容と想定)

オリジナルデザイン/月額費不要

5ページ
プラン

150,000

10ページ
プラン

250,000

キャンペーンの詳細はこちら

そもそも
レスポンシブ
Webデザインって?

アクセスした人の画面サイズを判別し、
最適なレイアウトに
切り替える
Webサイト
表示の手法
です。

パソコン・タブレット・スマホでレスポンシブWebサイト(ホームページ)を見た場合 パソコンで
見た場合
タブレット
で見た場合
スマホで
見た場合

実際に体験してみましょう!

PCでこのサイトをご覧になっている方は、
ブラウザの横幅を動かして、
レスポンシブWebデザインを体験してみてください!

触れると動きはじめます

ブラウザを伸縮させた場合、横幅にあわせたデザインに切り替わります

レスポンシブWebデザインの
必要性は?

近年、スマートフォンから
サイトを見る人が急増加!

個人のモバイル端末によるインターネット利用者数の推移

モバイル利用者急増中
モバイル端末のインターネット利用は3倍以上に増加
2,439万人
8,231万人

出展:総務省「端末別にみた個人のインターネット利用者数・比率の推移」をもとに作成

さらに、PC・タブレット・スマートフォン…と
サイトを見るデバイスが増えたことによって
1つのサイトデザインでは見づらい
という声が多く上がっています。

スマートフォンでPCサイトを見た場合、文字が細かすぎて見づらかったり、画面の拡大縮小を繰り返して疲れたりします 字が細かすぎて見づらい! 画面の拡大・縮小を繰り返して疲れる

ほかにも…その他の事例

PCでスマートフォンサイトを見た場合、突然スマホサイトに飛んで困ったことはありませんか? リンクをクリックしたら突然スマホサイトに飛んだ

そこで、パソコン用・スマホ用と
別々のサイトを用意することもありますが、
1箇所に修正があった場合、変更箇所が複数あり、
確認作業も増えてしまいます。

  • デバイス別のサイトを用意した場合、3つのファイルを変更する必要があります
  • レスポンシブWebデザインを採用した場合、1つのファイルを変更するだけでOK!

HTML … 文章や画像が記入されている、実際にアクセスするデータ / 
CSS … HTMLにデザインをあてるための装飾用データ

大手企業も続々と
レスポンシブWeb
デザインを採用
しています。

見積もりのご依頼はこちら

レスポンシブWebデザイン
5つのメリット

メリット1

あらゆるデバイスで
見やすいデザイン

PC、タブレットなど様々な画面幅に対応したホームページ

デバイス幅に合わせたレイアウト・文字サイズに自動的に切り替わるので、
パソコンやタブレット、スマートフォンなどあらゆるデバイスで表示しても、
見やすいデザイン
になります。

あらゆる人に最適な見た目を
パソコンでもタブレットでもスマートフォンでも

メリット2

検索エンジン対策
(SEO)に有利!

Googleのモバイルフレンドリーに対応しているのでSEO対策もできる

Googleは、2015年4月21日以降「スマホ対応できているかどうか」を検索結果のランキング要素の
評価基準とする「モバイルフレンドリー」というアルゴリズム追加すると発表しました。

つまり、レスポンシブWebデザインはGoogleが推奨するデザインパターンとなるため、
検索エンジン対策(SEO)に有利となります。

検索エンジン対策でユーザーを獲得
検索エンジン対策で上位表示

メリット3

SNSで
シェアされやすくなる!

facebookやTwitter、LINE、インスタグラムなどのSNSでシェアされやすくなります

URLが統一されることによって、SNSでシェアされやすくなります。

Aさんがパソコンでサイトを閲覧し、TwitterでURLをシェアしたと仮定します。
電車で移動中のBさんがスマートフォンでAさんのツイートを見てサイトにアクセスしましたが、
PC用サイトが開き、操作にストレスを感じてすぐ閉じてしまう…ということも起こりにくくなります。

SNSシェアされることで顧客の拡大が可能です

メリット4

ワンソースで一度に更新。
Web担当者の負担軽減!

ワンソースでページを管理するので、運営・更新しやすいホームページになります

デバイスごとにサイトを作成すると、その分更新の手間がかかります。
レスポンシブWebデザインではワンソースでページを管理するので、更新作業が楽になります。

また、PCサイトには反映させたけども、スマホサイトに反映するのを忘れていて、
スマホサイトがどんどん古い情報ばかりになってしまうという事態も防げます。

メンテナンス性の向上
担当者の手間が省ける

メリット5

将来的に現れる端末にも
対応しやすくなる!

今後発売される最新機種の端末にも対応しやすくなります

レスポンシブWebデザインでは、デバイスの横幅に合わせてレイアウトが可変するので、
今後発売される様々なデバイスの幅にも対応しやすくなります。

スマホに加えゲーム機などでもきれいに表示

たくさんのメリットがある、
レスポンシブWebデザインにもデメリットはあります。

デメリット その1通常サイト制作と比べ、
コストが増える

PC専用サイトやスマホ専用サイトの制作に比べ、
デザイン・コーディング共に高いテクニックが必要になるため、費用が上がってしまいます。

デメリット その2ページの読み込みに
時間がかかる場合がある

PC専用サイトやスマホ専用サイトの制作に比べ、
PC・タブレット・スマートフォンとさまざまなデバイスにあわせた画像やテキストを
1つのHTMLファイルで読み込むことになるので、読み込み速度が遅くなってしまうこともあります。

弊社では、制作の際に読み込み速度が遅くならないようにデータの圧縮を行っておりますが、
通信状況やサイトの内容によっては遅くなることもあります。

すべてのお客様にレスポンシブWebサイトを
おすすめしているわけではありません。

お客様のご要望に合ったご提案させていただきます

弊社では、お客様のご予算・ご希望をヒアリングした上で、
お客様のご要望に合ったご提案させていただきますので、
お気軽にご相談・お問い合わせください。

見積もりのご依頼はこちら

HPのスマホ対応
ご検討中の
お客様に朗報です!

ただいま
キャンペーン中!

このページから見積もりのご依頼をいただいた新規のお客様に限り
キャンペーン価格にてレスポンシブデザインのWebサイトを制作いたします。
(1ページあたりA4サイズ1枚程度の内容と想定)

オリジナルデザイン/月額費不要

5ページ
プラン

150,000

10ページ
プラン

250,000

オプション

上記プランに付けられるオプションの一例です。

  • サーバースペースの貸し出し
  • サイトの保守・運営
  • アクセス解析
  • プランの注意事項
  • 静的ページ+お問い合わせフォーム(1ページ)をセットにしたページ数・料金となります。
    「TOPページへの新着情報の表示・編集などの更新をお客様が行うためのシステム(CMS)導入」など、
    システム開発が必要になる場合は追加料金が発生します。
  • サイトに掲載するテキスト原稿(ページあたりA4サイズ1枚程度)や素材(写真等の画像データ)は、お客様にてご用意ください。
    画像や原稿に不足がある場合には、素材の購入費用やライティング費用が発生する場合があります。
    また、テキスト原稿が膨大な場合には、複数ページ換算とさせていただく場合があります。
  • 本プランの「月額費不要」は制作物の利用・維持にかかる料金が対象です。
    公開に必要なサーバーやドメインなどの契約・維持費用は別途発生しますのでご了承ください。
  • 制作後の保守や更新のご依頼は、別途お伺いいたします。
  • キャンペーン価格でのご提供となりますので、初回打ち合わせを元に決定したデザイン・構成を途中で変更することはできません。

まずはお気軽にご相談ください。
見積もり依頼フォーム

送信完了いたしました

レスポンシブデザインプランへの送信が完了しました

お見積もりのご依頼ありがとうございました。
内容確認後、担当者より改めてご連絡差し上げます。

今後ともご愛顧賜りますよう、よろしくお願い申し上げます。

お見積もりフォームに戻る

各項目をご入力いただき「送信する」ボタンを押してください。
必須項目は必ずご入力ください。

ご検討中のプラン
プランを選択される場合は、注意事項をお読みください。
サイトの有無
サイトのURL
サイトリニューアルの場合は、既存サイトのURLを入力してください。
ご担当者名
社名・店舗名
メールアドレス
備考欄
個人情報の取扱いについて