2023年5月9日ホームホームページ制作スマホ用ホームページ(レスポンシブ対応)作成の価格相場この記事では、スマホ対応(レスポンシブデザイン)にかかる相場と、その作成費用を格安に抑えるコツを紹介していきます。現在スマホ対応は、ホームページの運営においてとても重要です。ホームページをスマホ対応する場合、通常のホームページとは別にスマホ用のページを作成する方法と、1つのページをレスポンシブデザインで作成する方法があります。レスポンシブデザインとは、画面の横幅に応じて表示を変化させる手法です。画面サイズに応じてホームページのレイアウトが変わるので、PC用ページとスマホ用ページを別々に作成する必要がありません。最近ではタブレット用の表示にも対応しています。レスポンシブデザインの利用はホームページ作成の費用削減、運用時の修正・更新作業の効率化、SEO評価のアップが見込めます。自社のホームページをスマホ対応していない方、これからホームページ作成をお考えの方は是非参考にしてみてください。※尚、このホームページは弊社が自作したものであり、本記事の記載内容は同等のものを外注した際の参考値です。既存ページのスマホ対応(A)なのか、新規作成ページをスマホにも対応させるのか(B)で費用は変わりますが、概ね以下のような相場になっています。後ほど詳しく見ていきます。1ページ作成費用の約1.5倍~2倍スマホ用ホームページ作成費用算出の前提確認この記事では、作成費用は以下の条件で算出しています。ページページ数は5ページ(トップページ、よくある質問ページ、フリーページ(例:サービス紹介)、投稿ページ、お問い合わせフォーム)ショッピング機能や会員管理などの機能は含まないレスポンシブ化(スマホ対応)するホームページが既にあるか、もしくは新規作成するかで費用が変わります。スマホ用ホームページ作成費用の算出方法スマホ対応(レスポンシブ化)にかかる費用は、ホームページを作成する担当者の人件費です。作成費用の算出方法はいくつかありますが、今回は「人日(にんにち)計算」で算出します。上記のように制作時間を人日計算法で出し、それに単価となる人件費である「人日単価」をかけ合わせたものがホームページ制作費用の基本的な算出方法です。」にして計算していきます。Script等の言語を使ってホームページを制作する人です。建築家が描いた設計デザインを実際に工事する大工さんに似ています。スマホ用ホームページ制作手法と費用の構成レスポンシブ化の仕組みレスポンシブデザインとは、画面の横幅に応じてデザインを変えるスマホ対応の手法です。「画面の横幅が〇〇以下ならば、文字サイズを16から12に変更」のように設定をします。するとPC画面では文字サイズが16と大きめで表示され、スマホ画面では文字サイズが12で表示されます。例)スマホ用に作られていないPC向け(左)のホームページはスマホ(右)だと見づらいです。レスポンシブ化(スマホ対応)を行い調整します。大きさが変わってスマホ画面(右)が見やすくなりましたね。このように基本的な内容を変更せず、必要な部分だけ変更するのがレスポンシブ化(スマホ対応)です。既存ページのレスポンシブ化(スマホ対応)であれば、費用は単価×ページ数で決まる場合が多いので、デザイン費とコーディング費をまとめて計算します。画像調整とはPC画面とスマホ用画面では画面の縦横比が違うため、画像の表示が崩れてしまいます。画面の横幅いっぱいに広がる横長の画像は、表示崩れの影響が大きくなるので調整が必要です。この画像加工に費用がかかるのが一般的です。画像枚数が多いホームページは費用が高額になるので、画像調整費について事前に確認をしましょう。レスポンシブ仕様の新規ホームページ制作費用レスポンシブ(スマホ対応)仕様のホームページを新規で制作する場合、作成費用の相場はPC用ページのみのデザイン・開発費用の1.5倍から2倍です。PC用ページのみの制作費が10万円ならば、そのページのレスポンシブ化(スマホ対応)にかかる追加費用は5万円~10万円程度です。レスポンシブ化費用算出の内訳は「デザイン」「開発」に大別されます。各構成における費用とその内訳をまとめました。デザイン費用ですが、合計13.5万円(4.5人日×3万円)となります。人日工数は以下のようになります。4.5見積もりから抜いたもの:写真・ロゴ・素材データ(お客様側で用意していただく前提)PC用のデザインをもとに、文字サイズ、画像、レイアウト、余白をスマホ用デザインに調整します。元になる共通デザインがあるので、まるごと1ページをデザインするよりデザイナーの作業量は少なくなります。レスポンシブ仕様の新規ページ開発費用デザインが決まったら、プログラム(HTML/CSS)を作成します。コーディングについては合計約7.5万円(2.5人日×3万円)となります。2.5PC用とスマホ用の内容で基本的なコンテンツがほぼ同じであれば、1ページ全てプログラムするよりコーダーの作業量は少なくなります。スマホ対応ホームページ制作費を格安に抑えるためにはホームページのスマホ対応は必須でありますが、制作費用は高額です。費用の大部分が人件費であるため、制作にかかる工数を減らす工夫をし、価格に還元している制作会社を選べば、費用削減に繋がります。CMSで制作する最近はスマホ対応を標準装備している制作会社をよく見かけます。これはWordpressなどのCMS(ホームページ制作ツール)が自動的にスマホ対応を行うので、スマホ対応に必要な工数をかなり減らせるからです。CMSを利用してホームページを作成している制作会社に依頼すればスマホ対応の費用を大きく抑えられます。デザインテンプレートを使っている会社に依頼するデザインのテンプレートを使ってホームページ制作をしている制作会社の場合、上記のCMS同様にスマホ対応の工数を抑えられるので、価格を安くできます。テンプレを使うのは良くないのか?格安とはいえ、テンプレートを使ったホームページ制作に抵抗がある方は多いです。金太郎飴のように、右も左も同じデザインのホームページになってしまうのは確かに面白くありません。TwitterやFacebookなどは、どのページもデザインは同じです。日頃から誰に何を発信するかで閲覧者数に差が生まれます。弊社でもテンプレートを用いたホームページ制作をしておりますが、ホームページを順調に運用されているお客様は各々全く違ったコンテンツを発信しています。このため、同じテンプレートを使ったとは思えないほど別のページに成長しています。見た目ではなく、内容が重要なのです。いえ、ホームページのデザインにこだわりのある方は、テンプレートを用いた制作はお勧めしません。テンプレートを使えばコストを抑えられますが、デザインが陳腐化しやすいデメリットが生じます。先ほども述べたように、ホームページは発信する内容が重要です。ホームページの制作費用ってなぜ高いんだろうって思ったことありませんか?ホームページ制作の外注を考えている方であれば、一度はインターネットで調べたことがあるは...ZIUSはスマホ対応標準装備ご紹介したスマホ対応にかかる費用は、ホームページ納品時に費用を支払う「作り切り」の制作会社に依頼した場合を想定したものです。昨今では月額課金制の制作会社が増えております。我々が提供している月額制格安ホームページ制作サービス「ZIUS」は月額制のホームページ制作サービスです。費用は月額¥1,000~の格安な値段設定になっており、スマホ対応標準装備です。これはホームページを持った経験がない方に最適なサービスです。我々ライド株式会社はホームページを公開・維持するために必要な「サーバー」「ドメイン」「ホームページ制作」「サポート」などすべてを提供しているからです。豊富なデザインテンプレートとホームページのサンプルからお好みのものを選び、必要最低限の情報をご提示いただければホームページが持てます。制作費用が月額¥1,100(税込)~と格安なので、まずはお試しになりませんか?お電話でのご相談も受け付けています。パソコンに苦手意識がある方にも親切丁寧にサポートいたしますので、ご安心ください。