ここから本文です

レスポンシブ化・スマホ対応サービス

新規制作時やリニューアル時ではなく公開中のPC用ウェブサイトをレスポンシブ化し、スマートフォンやタブレットなどマルチデバイスに対応するように調整します。
WordPressやMovableTypeで作成されているサイトでも対応可能です。

レスポンシブWebデザインとは?

デバイスにかかわらずブラウザの画面サイズを基準にレイアウトを変更させるため、PC版とスマホ版を同一のHTMLファイルできるという利点があります。さらに、サーバーサイドプログラムに頼らず、CSSやJavaScriptのみで実現できるため、コストや開発環境の障壁が低いという利点も挙げられます。

レスポンシブWebデザインとは、Webページのデザイン手法の一つで、様々な種類の機器や画面サイズに単一のファイルで対応すること。端末側でレイアウトを調整するコードを埋め込んでおく。

レスポンシブWebデザイン(RWD)とは - IT用語辞典 “https://e-words.jp/w/レスポンシブWebデザイン.html”より

既存サイトのレスポンシブ化のご提案

レスポンシブ化の重要性はある程度認知されていますが、それでもレスポンシブ化が施されていない原因は下記のようなものが考えられます。

  • 担当者(エンジニア)不在
  • 最終決済者の理解がない、予算が下りない
  • 古いスマホ版サイトを“/sp”で運用している、HTTPリダイレクトで表示している

レスポンシブ化は推奨から必須に

以前であれば、例えばBtoBサイトなど特定のターゲットのウェブサイトではPC版のみでもあまり大きな問題にならなかったかもしれません。
しかしスマートフォンの普及、大画面化やコロナ禍を経た現在、必ずしもPCを必要としないユーザーは若者だけではなくなりました。リモートワークやフリーアドレス化された企業の営業スタッフなどはデスクトップPCから開放されノートPCすらも開かず、スマートフォンやタブレットを手に移動先で情報を収集するようになっています。
もはやスマートフォン最適化されていないサイトは、開いただけで読まれずに離脱を招くばかりか、企業のITリテラシーやセキュリティの低さを疑われる恐れもあります。

実はお得なレスポンシブ化

リダイレクトや/spのように別ソースのスマホ版サイトを運用していると、サイトの更新や改修に2倍のコストが掛かるばかりか、その存在が障壁になってサイトの改善やリニューアルが進まないという事態にもなりかねません。もしそうなると情報発信が遅れ、ひいては機会損失、売り逃しになる可能性まで考えられます。

リニューアルを伴わないレスポンシブ化のみであれば、小規模サイトなら工期は最短で数日〜2週間程度、作業費用もかなり抑えることが可能です。
一度しっかりとしたスマートフォン最適化を行い、その後の運用をスムーズかつスマートにすることをオススメします。

要点をおさえたスピーディーかつ低コストでのレスポンシブ化

ある統計によると、世界中で運用されているモバイルデバイスの数は2021年に150億台に達しているとのことです。各OSのバージョンなども考慮すると、すべての環境を検証することは不可能といえます。
弊社では、原則として現状で最も広く普及している環境に対応した開発を行い、検証環境を必要最低限のものにすることによって、制作コストをできる限り低く抑えています。
もちろん旧環境の検証を行うことも可能ですので、レスポンシブ化をスムーズに行うための最適なプランをご要望に応じてご提案いたします。

またPC版デザインを変えないという要件でのレスポンシブ化においても、スマホ版ではより見やすく、より使いやすいよう常にユーザビリティを意識した作業を心がけております。

スマートフォンサイト制作・レスポンシブ化の料金

対象サイトに応じて要お見積り

以下の点にご注意ください。

  • 対応デバイスはPC・スマートフォン・タブレットとし、従来型携帯電話(フィーチャーフォン)は対象外となります。
  • 検証環境は、原則として現在広く普及している端末・OSとし、正式見積もり時に規定いたします。
  • 必要に応じて画像・装飾・レイアウトなどを若干、変更させる必要があります。
  • その他元デザインデータ(.psd、.ai等)がお手元にない場合は、有償にて再作成になる場合がございます。

スマートフォンサイト制作・既存PCサイトのレスポンシブ化事例

スマホ対応・レスポンシブ化の一部をご紹介します。事例掲載のご了承をいただいたサイトのみを掲載しております。

ゆい生活法務事務所様のウェブサイトをリニューアルしました
ゆい生活法務事務所様のウェブサイトをリニューアルしました
八塩板金工業様のウェブサイトをリニューアルしました
八塩板金工業様のウェブサイトをリニューアルしました
一般社団法人わらかど様のウェブサイトをリニューアルしました
一般社団法人わらかど様のウェブサイトをリニューアルしました
株式会社ダイワクリエイト様のウェブサイトをリニューアルしました
株式会社ダイワクリエイト様のウェブサイトをリニューアルしました
株式会社S.T.W様ウェブサイトのリニューアル制作を担当しました
株式会社S.T.W様ウェブサイトのリニューアル制作を担当しました
クリーニングノア様のウェブサイトをリニューアルしました
クリーニングノア様のウェブサイトをリニューアルしました
クリーニングノア様のLP(ランディングページ)を制作しました
クリーニングノア様のLP(ランディングページ)を制作しました
合同会社太田歯研様のウェブサイトを新規制作いたしました
合同会社太田歯研様のウェブサイトを新規制作いたしました
株式会社welina(ウェリナ)様のウェブサイトを新規制作いたしました
株式会社welina(ウェリナ)様のウェブサイトを新規制作いたしました
明治大学 廣森研究室様のウェブサイトをレスポンシブ化(スマホ対応)しました
明治大学 廣森研究室様のウェブサイトをレスポンシブ化(スマホ対応)しました
上山病院様のウェブサイトをレスポンシブ化(スマホ対応)しました
上山病院様のウェブサイトをレスポンシブ化(スマホ対応)しました
MONET(モネ)様のウェブサイトを新規制作しました
MONET(モネ)様のウェブサイトを新規制作しました
東京外国語大学 多文化共生イノベーション研究育成フェローシップ<MIRAI>のウェブサイトを制作しました
東京外国語大学 多文化共生イノベーション研究育成フェローシップ<MIRAI>のウェブサイトを制作しました
HENRY LONDON(ウエニ貿易様)かんだまさんとのスペシャルコラボ企画LPサイトを制作しました
HENRY LONDON(ウエニ貿易様)かんだまさんとのスペシャルコラボ企画LPサイトを制作しました
手打ちうどん とき様のウェブサイトを新規制作しました
手打ちうどん とき様のウェブサイトを新規制作しました
HENRY LONDON(ウエニ貿易様)2021AW新作発売LPサイトを制作しました
HENRY LONDON(ウエニ貿易様)2021AW新作発売LPサイトを制作しました
ラルナ様のウェブサイトを新規制作しました
ラルナ様のウェブサイトを新規制作しました
アイ・エフ・ディー株式会社様のウェブサイトをリニューアルしました
アイ・エフ・ディー株式会社様のウェブサイトをリニューアルしました
ロータス様のウェブサイトを新規制作しました
ロータス様のウェブサイトを新規制作しました
渋谷 和食割烹やまぼうし様のウェブサイトを制作しました
渋谷 和食割烹やまぼうし様のウェブサイトを制作しました
エンジェルクローバー(ウエニ貿易様)のウェブサイトを制作しました
エンジェルクローバー(ウエニ貿易様)のウェブサイトを制作しました
TIMEX JOURNAL(タイメックスジャーナル)のウェブサイトを新規制作しました
TIMEX JOURNAL(タイメックスジャーナル)のウェブサイトを新規制作しました
日本環境協会様のホームページをリニューアルしました
日本環境協会様のホームページをリニューアルしました
日本フェアトレード(株)様のウェブサイトを新規制作しました
日本フェアトレード(株)様のウェブサイトを新規制作しました
美容サロンElly(エリー)様のホームページを新規作成しました
美容サロンElly(エリー)様のホームページを新規作成しました
ウエニ貿易様のLP(ランディングページ)を作成しました
ウエニ貿易様のLP(ランディングページ)を作成しました
レストランBIBI様ウェブサイトを新規制作しました
レストランBIBI様ウェブサイトを新規制作しました
カルボナード様ウェブサイトをリニューアルしました
カルボナード様ウェブサイトをリニューアルしました
武蔵てらこやウェブサイトを作成しました
武蔵てらこやウェブサイトを作成しました
チャリティーサイト(テイクアウト情報サイト)を作成しました
チャリティーサイト(テイクアウト情報サイト)を作成しました
田辺法律事務所様のウェブサイトをリニューアルしました
田辺法律事務所様のウェブサイトをリニューアルしました
朝霞みんなのはり・きゅう整骨院様のウェブサイトを新規作成しました
朝霞みんなのはり・きゅう整骨院様のウェブサイトを新規作成しました
日本アフリカ学会様(第57回学術大会)のウェブサイトを作成しました
日本アフリカ学会様(第57回学術大会)のウェブサイトを作成しました
時計屋大賞のウェブサイトを新規制作しました
時計屋大賞のウェブサイトを新規制作しました
東京マリンスポーツセンター様のウェブサイトを新規制作しました
東京マリンスポーツセンター様のウェブサイトを新規制作しました
ACSP(一般社団法人コンピュータ教育振興協会)様のウェブサイトのリニューアルをしました
ACSP(一般社団法人コンピュータ教育振興協会)様のウェブサイトのリニューアルをしました
サイト内データの絞り込み検索システム
サイト内データの絞り込み検索システム
株式会社ケイ・プロダクション様のホームページを新規作成しました。
株式会社ケイ・プロダクション様のホームページを新規作成しました。
アルク様のホームページを新規作成しました。
アルク様のホームページを新規作成しました。
トリミングサロンWITH様のウェブサイトをリニューアルしました。
トリミングサロンWITH様のウェブサイトをリニューアルしました。
株式会社環境テクノ様のコーポレートサイトを新規制作しました
株式会社環境テクノ様のコーポレートサイトを新規制作しました
エステサロン「メリー」のクリエイティブデザインならびにWordPressでウェブサイトを作成しました
エステサロン「メリー」のクリエイティブデザインならびにWordPressでウェブサイトを作成しました
市議会議員後援会の既存ウェブサイトのWordPress化・レスポンシブ化・サーバー移行をしました
市議会議員後援会の既存ウェブサイトのWordPress化・レスポンシブ化・サーバー移行をしました
東京外国語大学「現代アフリカ地域研究センター」様ウェブサイト、ロゴ制作
東京外国語大学「現代アフリカ地域研究センター」様ウェブサイト、ロゴ制作
東京外国語大学 社会・国際貢献情報センター様
東京外国語大学 社会・国際貢献情報センター様
吉祥寺ヘアサロン「Bor mee(ブーミー)」様のウェブサイトを作成しました。
吉祥寺ヘアサロン「Bor mee(ブーミー)」様のウェブサイトを作成しました。
東京外国語大学 多言語・多文化教育研究センター様
東京外国語大学 多言語・多文化教育研究センター様
新宿ネイル&アイラッシュサロン「ALLU(アリュー)」様
新宿ネイル&アイラッシュサロン「ALLU(アリュー)」様

すべての事例を見る

レスポンシブ化が進む背景

レスポンシブ化総務省の令和3年版 情報通信白書によるとスマートフォンの世帯保有率は8割を超えており、端末別のインターネット利用率も、すでにスマートフォンがPCを上回っています。
もはや業種やコンテンツによってはPCよりスマートフォンからのアクセスのほうが多い逆転現象も多くなり、アクセス元の対比がSP:PCで9:1というサイトも珍しくありません。

「自社ホームページをスマホ対応するべきか。やるにしても一部のページだけスマホ対応すればよいのではないか…」

弊社では予算と時間が許すのであればサイト全体のレスポンシブ化をお勧めします。

Googleはスマートフォン対応されているかどうかをサイトの評価の対象にしていることを公にしています。ウェブサイトがモバイルフレンドリーであることはGoogleの検索順位に影響を与える要素の一つであり、「Google のページ エクスペリエンスについて」や「ページ エクスペリエンス レポート」でもその重要性が明記されています。

あなた自身や周りの人も、PCで検索するよりもスマホを手に取る時間や回数の方が多いのではないでしょうか。またビジネスシーンにおいてはタブレット端末の普及もめざましく、ウェブサイトのモバイルファースト化、マルチデバイス対応は急務となっています。
レスポンシブ化の必要性を議論する時は、既に終わっています。

レスポンシブ化の流れ

  1. お問い合わせ

    対象のウェブサイトを調査し、最適な設計をイメージします。
    また、ご要望がある場合はそちらに基づいて検討いたします。

  2. ご提案・お見積り

    現サイトの構成、ページ数、コンテンツ量、画像数などを考慮し設計をご提案、お見積り申し上げます。

  3. 打合せ・詳細の確認

    ご提案内容に対してのご質問やご要望などを伺い、具体的な完成イメージを双方すり合わせます。

  4. お申し込み・ご契約

    制作開始となります。

Webサイト制作お問い合わせフォームへ