業者探しで迷わない。一括見積もりならアイミツ

お急ぎの方は
電話で即日相談

フリーダイアル

0120-917-819

通話無料 営業時間 10:00~19:00 土・日・祝休

レスポンシブデザイン対応の優良業者

レスポンシブデザイン対応のWEBデザイン・ホームページ制作

100万件のクチコミと5万社の調査から選ばれた優良企業のみで一括見積もり 完全無料

お電話でのお問い合わせは、0120-917-819

■レスポンシブデザイン対応のWEBデザイン・ホームページ制作会社を探す際のワンポイントアドバイス

Webサイトの目的や内容に応じ、WEBデザイン・ホームページ制作を行います。ただ単にホームページを作成するだけでなく、Webからの集客を強化したい、制作や運用コストを削減したい、といったWebサイトに関する課題に対しても、適切なソリューションを提供することが可能です。また、携帯電話やスマートフォンの利用増加に伴い、モバイルサイトの作成を行っている業者も数多く存在しています。レスポンシブデザインでのWebデザインを行っている業者であれば、1つのHTMLの管理を行うだけなので、サイト完成後のメンテナンスにおいても、小規模のメンテナンスであれば、作業時間が少なくなります。また、SEOに有効的に働くというメリットもあります。自社のニーズに合った業者を選びましょう。

紹介件数2万件突破!

ところで

レスポンシブデザイン対応のWEBデザイン・ホームページ制作の業者探しで、こんなお悩みありませんか?

  • 業者の選び方がわからない

    一括見積もりサイトだと電話が…

    一括見積もりをすると多数の会社から営業電話が鳴り続けて業務に支障をきたしそう・・・

  • 業界事情や相場を知らない

    業界事情や相場を知らない…

    業界ランキングNo.1、実績が豊富な
    人気業者はいったいどこなの?

  • どの企業が優れているのか

    どの企業が優れているのか…

    ホームページには良いことが書かれているけれども、実際の評判はどうなの?

そのお悩みをアイミツが解決!発注先選定を無料でお手伝い!

  • 相場情報をご提供!

    2万件以上の利用実績から
    相場情報や適正価格をご案内
    見積もりのポイントも教えます。

  • 専門コンシェルジュによる徹底見積もりサポート!

    御社の要望をコンシェルジュが
    ヒアリング、 全国5万社以上の業者比較・調査から要望に適した会社をご紹介。

  • 評判の良い会社に厳選!

    100万以上のクチコミから評判の良い
    業者
    に絞ってご紹介
    営業電話に困ることはありません。

業者探しは、手間も費用もかからない簡単3ステップ

  • 希望条件、ご要望をお聞かせください!

    ご要望がまとまっていない場合でも、業界のプロが適切にリードいたします。

  • 業者選びのコンシェルジュが無料で業者をご紹介!

    基本的な情報はもちろん、推薦の理由、どんな評価を受けているかもご説明します。

    提案表を見る
  • 直接商談も可能!スピーディに見積もりが集まります

    各社の見積もりが簡単に集まり、スムーズに業者選定を進めることが可能です。

    見積もりを見る

ご要望にあわせてこんな業者もご紹介

  • 月額1万円~
    月額1万円~

    既成のテンプレートを活用することで、月額1万円~という格安の料金で会社ホームページを持つことも可能です。名刺代わりという観点では十分なクオリティになります。

  • 超短納期
    超短納期

    例えばコーポレートサイトの製作期間は2ヶ月程度が平均ですが、費用が割高にはなりますが、1ヶ月以内に対応をする短納期のWEB制作会社もあります。

  • 業界特化型
    業界特化型

    歯科や病院専門、他にも士業向けや飲食店向けなど、業界に特化したWEB制作会社があります。実績も豊富で、ノウハウ・知見が蓄積されています。

その他の要望イメージ

レスポンシブWEBデザインってどのくらい普及しているものなのでしょうか?/これからサイトを立ち上げる場合はスマホ対応は必須なのでしょうか?/コーポレートサイトであってもスマホからアクセスされるものでしょうか?レスポンシブデザインに強みを持つ制作会社やフリーランスに依頼したいのですが良くわかりません・・。などなどスマートフォン対応に関するご相談を頂くケースが増えています。

相談してみてわかる!アイミツが選ばれる理由とは?

大手から中小企業まで、話題の企業が続々利用中!

1万社以上の相談実績!業界NO.1のお客様満足度98%
  • Gunosy 松本様

    Gunosy

    株式会社Gunosy 松本様

    CMでも話題のニュースアプリGunosy。「未知の優れた企業を、短期間で紹介してもらえました。」とのご感想を頂けました。

  • レアジョブ 鈴木様

    レアジョブ

    株式会社レアジョブ 鈴木様

    業界No.1のオンライン英語学習レアジョブ様。「アイミツを利用することで自社の目標設計にもつながりました。」という嬉しいお言葉をいただきました。

  • バルクオム 八木澤様

    バルクオム

    株式会社バルクオム 八木澤様

    男性用化粧品で人気のBULK HOMME。「発注ポイントを知ることで、圧倒的な業務効率化につながる」というご感想をいただけました。

  • ヘルツ 久保様

    ヘルツ

    株式会社ヘルツ 久保様

    創業40年を超える革鞄のブランドHERZ。「情報の透明性が抜群に良く、コストダウンも図れました」とご満足いただけました。

  • 共生基盤 中村様

    共生基盤

    株式会社共生基盤 中村様

    「つづいていく」をデザインする、を経営理念に掲げる共生基盤。ベンチャー企業経営者から見たアイミツの利点を語っていただきました。

  • Grow 一ツ木様

    Grow

    Grow株式会社 一ツ木様

    ECやinstagramを利用したWebサービスを展開するGrow様。「スピーディに最適な発注先が見つかった」とご満足いただけました。

  • フロンティアリンク 森様

    フロンティアリンク

    フロンティアリンク株式会社 森様

    レベルの高いビジネス講座が大人気のフロンティアリンク様。「マニュアル通りではない丁寧なコミュニケーション」と評価いただきました。

tv asahi、Gulliver、TEIJIN、GREE、DeNA、NTT DaTa、YAMAHA

規模を問わず、数多くの有名企業様にご利用いただいているのには 理由があります!

利用料0

ご相談は無料です

業者比較・紹介のための総合サイトとして広告収益を中心に運営。完全無料でのサービス提供を実現しました。

満足度998%

安心の満足度98%

紹介企業数は業界No.1。東証一部上場企業との共同運営。2014年の満足度は、なんと98%。

調査社数5万社

プロによる徹底調査

最新事情、業界慣習、企業の評判から相場まで、各業界を徹底的に理解した専門スタッフが対応。

会員登録不要

スピード即日対応

原則、電話もしくはメールにて、即日対応いたします。手厚いサポートで発注の不安を解消します。

お電話でのお問い合わせは、0120-917-819

アイミツが比較している企業を、ほんの一部ご紹介

各業者の評判や実績など、より詳しい情報についてはアイミツにご相談ください。

自分でレスポンシブデザイン対応のWEBデザイン・ホームページ制作の全会社を比較するCompare

掲載業者数337

詳しい条件で絞り込む

得意とする案件規模
中規模(100~500万円)
実績数
1,000~5,000
対応しているサイト種類
コーポレートサイト / ECサイト・ネットショップ / CMSサイト ... もっと見る
対応カテゴリ
ホテル・旅館・旅行 / 製造業・メーカー / スポーツ・レジャー ... もっと見る
対応しているASP/CMS
WordPress / MovableType / EC-CUBE
対応している開発言語
PHP / JavaScript / Perl
対応業務
外国語翻訳 / キャッチコピー・テキストコンテンツ作成 / 撮影・写真撮影 ... もっと見る
対応オプション
販促・集客支援 / SEO対策済みサイト制作

弊社の強みは、お客様への課題解決力です。弊社は開業時よりコンサルティングを中心としており、「単なる技術提供だけでなく、コンサルティングと提案、問題解決ができる制作会社」といったお客様の普遍的なご要望にお応えすることを最大の強みとしています。
ぜひ、お問合せください。お待ちしております。

得意とする案件規模
小規模(~100万円)
実績数
100~500
対応しているサイト種類
コーポレートサイト / ポータルサイト / ランディングページ ... もっと見る
対応カテゴリ
飲食店・居酒屋 / 病院・歯科・医療 / 美容室・エステ・ネイルサロン ... もっと見る
対応しているASP/CMS
WordPress / MovableType
対応している開発言語
PHP / JavaScript
対応業務
キャッチコピー・テキストコンテンツ作成 / 撮影・写真撮影 / 動画作成 ... もっと見る
対応オプション
販促・集客支援 / SEO対策済みサイト制作 / 月額支払い・分割支払い対応

株式会社ブルームはホームページから集客をしたいあなたを 徹底サポートさせて頂きます。 リスティング広告、LP、SEO、ワードプレスを使ったホームページ制作で 御社の売上に貢献致します。是非、お気軽にお問い合わせ下さい!

得意とする案件規模
中規模(100~500万円)
実績数
1,000~5,000
対応しているサイト種類
コーポレートサイト / ECサイト・ネットショップ / ポータルサイト ... もっと見る
対応カテゴリ
BtoB・法人向け / BtoC・個人向け
対応しているASP/CMS
WordPress / MovableType / EC-CUBE
対応している開発言語
PHP / JavaScript
対応業務
キャッチコピー・テキストコンテンツ作成 / 撮影・写真撮影 / 動画作成 ... もっと見る
対応オプション
販促・集客支援 / SEO対策済みサイト制作

Web制作ならSPCにお任せください。運用を第一に考え、ただ作るだけではなく長期的なサポートを得意としています。”貴社””ユーザー””弊社”がWin-Win-Winになれるご提案を致します。

得意とする案件規模
小規模(~100万円) / 中規模(100~500万円)
実績数
500~1,000
対応しているサイト種類
コーポレートサイト / ランディングページ / 採用・求人サイト ... もっと見る
対応カテゴリ
飲食店・居酒屋 / 病院・歯科・医療 / 不動産・賃貸 ... もっと見る
対応しているASP/CMS
WordPress / MovableType
対応している開発言語
PHP / JavaScript
対応業務
キャッチコピー・テキストコンテンツ作成 / 撮影・写真撮影 / デザインのみ対応 ... もっと見る
対応オプション

経験豊かなアートディレクター・デザイナーがご提案。
Web黎明期よりデザイナーとして活動していた経験知に基づく質の高いデザインをご提供いたします。デザインテイストの振り幅の広さに加えて、幅広いジャンル(Web、各種印刷物、イラストレーション、その他)での制作実績がございます。

得意とする案件規模
小規模(~100万円)
実績数
500~1,000
対応しているサイト種類
コーポレートサイト / ECサイト・ネットショップ / ポータルサイト ... もっと見る
対応カテゴリ
飲食店・居酒屋 / 病院・歯科・医療 / 美容室・エステ・ネイルサロン ... もっと見る
対応しているASP/CMS
WordPress / EC-CUBE
対応している開発言語
PHP / JavaScript
対応業務
キャッチコピー・テキストコンテンツ作成 / 撮影・写真撮影 / リスティング代行 ... もっと見る
対応オプション
販促・集客支援 / SEO対策済みサイト制作

ホームページそのものをご提供するわけではなく、ホームページがもたらす効果をご提供し続けることが基本理念です。
お客様のブランディングにも十分に貢献の出来る高品質デザインを、短納期(最短2週間程度)・低価格(初期費用15万円より)でご提案することで、早くから効果を実感頂くことが出来ます。

得意とする案件規模
小規模(~100万円) / 中規模(100~500万円) / 大規模(500万円~)
実績数
5,000~
対応しているサイト種類
コーポレートサイト / ECサイト・ネットショップ / ポータルサイト ... もっと見る
対応カテゴリ
飲食店・居酒屋 / 病院・歯科・医療 / 美容室・エステ・ネイルサロン ... もっと見る
対応しているASP/CMS
WordPress / MovableType / EC-CUBE
対応している開発言語
PHP / JavaScript / Java
対応業務
外国語翻訳 / キャッチコピー・テキストコンテンツ作成 / 撮影・写真撮影 ... もっと見る
対応オプション
販促・集客支援 / 月額支払い・分割支払い対応

私たちがお客さまにご提供したいのは、”webサイト”ではなく、webサイトを制作した先にある”結果”です。
お客さまにとっての最良の結果をご提供することが私たちのゴールでもあります。
私たちは、人の想いを大切にし、お客さまと一緒にさまざまな視点の本質を理解することで、宝物をご一緒に探します。

得意とする案件規模
小規模(~100万円) / 中規模(100~500万円)
実績数
1,000~5,000
対応しているサイト種類
コーポレートサイト / ECサイト・ネットショップ / ポータルサイト ... もっと見る
対応カテゴリ
飲食店・居酒屋 / 病院・歯科・医療 / 美容室・エステ・ネイルサロン ... もっと見る
対応しているASP/CMS
WordPress / MovableType / EC-CUBE
対応している開発言語
PHP / JavaScript
対応業務
キャッチコピー・テキストコンテンツ作成 / 撮影・写真撮影 / 動画作成 ... もっと見る
対応オプション
販促・集客支援 / 月額支払い・分割支払い対応

お客様に納得いただける品質のWebサイトを構築します。特にCMSサイトとECサイト構築が得意です。さらに、スマホサイトのリニューアルも、リーズナブルな価格でご提供します。

得意とする案件規模
中規模(100~500万円)
実績数
100~500
対応しているサイト種類
コーポレートサイト / ECサイト・ネットショップ / ポータルサイト ... もっと見る
対応カテゴリ
飲食店・居酒屋 / 病院・歯科・医療 / 美容室・エステ・ネイルサロン ... もっと見る
対応しているASP/CMS
WordPress / EC-CUBE / Magento
対応している開発言語
PHP / Ruby / JavaScript ... もっと見る
対応業務
外国語翻訳 / キャッチコピー・テキストコンテンツ作成 / 撮影・写真撮影 ... もっと見る
対応オプション
販促・集客支援 / SEO対策済みサイト制作 / 月額支払い・分割支払い対応

WEBシステム開発
WEBサイト製作
多言語サイト制作

得意とする案件規模
小規模(~100万円) / 中規模(100~500万円) / 大規模(500万円~)
実績数
1,000~5,000
対応しているサイト種類
コーポレートサイト / ポータルサイト / ランディングページ ... もっと見る
対応カテゴリ
病院・歯科・医療 / 不動産・賃貸 / 大学・学校 ... もっと見る
対応しているASP/CMS
WordPress / MovableType
対応している開発言語
PHP / JavaScript
対応業務
外国語翻訳 / キャッチコピー・テキストコンテンツ作成 / 撮影・写真撮影 ... もっと見る
対応オプション
SEO対策済みサイト制作

企業のコミュニケーション課題を解決し、ブランディングを向上させるWebデザイン制作を行っております。
クリエイティブ、情報整理の重要さを理解し、価格の安さではなく、品質の高いサービスを提供しているパートナーを求めるお客様には、きっとご満足いただけると思います。

得意とする案件規模
小規模(~100万円)
実績数
100~500
対応しているサイト種類
コーポレートサイト / ポータルサイト / ランディングページ ... もっと見る
対応カテゴリ
病院・歯科・医療 / 士業(税理士、弁護士など) / 介護・福祉 ... もっと見る
対応しているASP/CMS
WordPress / MovableType
対応している開発言語
PHP / Ruby / JavaScript ... もっと見る
対応業務
撮影・写真撮影 / 動画作成 / 保守・運用・更新 ... もっと見る
対応オプション
販促・集客支援

とにかく安く、早くホームページを持ちたい方、簡単にスマホサイトを作りたい方におすすめ!

業者選びのポイントをカンタンにご紹介

業者選びの具体的な進め方は、アイミツが誇る業界のプロにご相談ください

下矢印

レスポンシブデザイン対応のWEBデザイン・ホームページ制作の選び方ガイドGuide

レスポンシブデザイン対応のWEBデザイン・ホームページ制作の委託先、外注先を探すにあたってのポイントや選び方など、様々な情報をまとめました。当社が保有するほんの一部のノウハウのみの公開ですが、参考にしてください。当社は、相場情報、見積もり事例など多数保有しております。

あいみつ君

レスポンシブデザイン対応のWEBデザイン・ホームページ制作の選定ポイント

「ユーザーファースト」のデザイン設計思想を理解しているか

ユーザーファーストの考え方の元、最適なデザインを提案してくれるかがポイント!

レスポンシブデザインは2010年頃から急速に脚光を浴びだしました。「デバイスの種類別にサイズを識別しなくても、UA(ユーザーエージェント)判定によって最適なコンテンツを表示できる」「パソコン、スマートフォン、タブレットなどマルチデバイスに最適化されたページを、1つのHTMLファイルで実現できる」というのが特徴です。

 

レスポンシブ"デザイン"とはデザインの新しい手法です。しかしデザインだけにフォーカスしてしまうと、「レスポンシブデザインの本当の意義」を見逃してしまい、結果的に発注前に意図していたサイトが納品されないという危険性もあります。

 

Web制作会社との打ち合わせ時に、モバイルフレンドリーページの制作手法だけでなく、そのWeb制作会社(の担当者)が「ユーザーファースト」のデザイン設計思想を理解しているか、を最終発注の選定基準のひとつとしてください。

 

例えばECサイトのレスポンシブ化を検討している場合を考えてみましょう。PCで商品情報を閲覧する場合には、商品の詳細スペック詳細はテーブルなどで整理されているものが望ましいです。印刷されたカタログのような詳細情報はたくさんあったほうが良いのですが、モバイルでは機能概要までで良いという場合も多いです。スマホでは「ピン!」ときた商品を買い物カゴやウィッシュリストに入れておいて、あとでじっくりPCやタブレットでスペックを確認できればよいという考え方も成り立ちます。

レスポンシブデザインのメリットを、ただ単純にデザイン面だけに着目して「画面サイズの切り替えの自動化」と考えてしまうと、スマホ画面にも縮小されたレイアウトでWebページを表示する、という発想になってしまいます。

 

しかしスマホサイトで商品をチェックしているユーザーは、製品の直感的な印象や差別化の特徴などのポイントを求めています。

ここで正しいスマホ画面の見せ方は「スマホ用にデータを縮小する」ではなくて「スマホに要らない情報は表示させないようにする」「情報は必要最小限にとどめる」ということです。そして「詳細はこちら<PC>表示」のようなリンクをつければ、データ自体の隠蔽にもなりませんし、サイト表示の高速化にもなる上「後からパソコンでじっくり見てくださいね」というユーザーへの誘導としてはとても親切な印象を与えることにもつながります。

 

こうした、ユーザーにとって使い勝手のいいUIであるかどうか「ユーザーファースト」の考え方を元に、あなたのサイトを最適にレスポンシブデザイン設計してくれるかどうか、ここが失敗しないレスポンシブデザイン対応業者選定の第一基準と言っていいでしょう。

レスポンシブデザイン制作の十分な実績と経験があるか

レスポンシブデザインの経験と実績が重要、相場より割高になるケースを考慮する。

Web制作会社選定にあたり、これまでの制作実績を重視するのは当然ながら、レスポンシブデザインの発注にあたっては、とくにここが重要です。

従来型のデザイン制作手法では、ディレクターのサイト設計によるワイヤーフレームを元にデザイナーがデザインカンプを制作し、コーダーがデザインカンプをHTML文書などにコーディングするという方法が一般的です。その後テストサイトでの不具合の検出や確認や修正などを経て納品、となります。(コーダーやデザイナーはフリーランスに外注している制作会社もあります)

まとめると以下のようなフローになります。

「サイト設計」⇒「画面設計」⇒「デザインカンプ制作」⇒「コーディング」⇒「テスト」⇒「納品」

 

レスポンシブデザインでは、デザインカンプを作るのに相当な時間を費やします。CSSの中に記述するメディアクエリー(デバイスの種類や横幅をフィルタリングする機能)に指定するブレイクポイント(画面切り替えのタイミングのサイズ指定)によって、複数の表示方法が枝分かれしますので、対象のデバイスそれぞれに向けたデザインカンプを作る手間がかかるためです。また、コーダーも作業を進めながらそれぞれのブレイクポイントに沿った出来上がりイメージに合わせて、コードを調整・修正していく作業が必須となります。

 

「実績がなくて対応できない」というのはここでは論外ですが、最終的に制作できるにしても、慣れない作業の工賃を見積もりに盛り込まれてしまうことは避けなければいけません。

「レスポンシブデザイン制作の経験はどのくらいありますか?」という質問に「まだちらほらですが、スキル的には十分対応可能です」というところは、見積もり金額が割高だったり、予想以上に納期が長かったりするるので注意しましょう。

SEO対策は可能か?やマーケティング視点を持っているか?

レスポンシブデザインにはSEO向上のメリットも含まれている!

レスポンシブデザインはGoogleが公式に推奨するデザインパターンだと再確認しておきましょう。

レスポンシブ ウェブ デザイン: ユーザーのデバイス(パソコン、タブレット、モバイル、非視覚的ブラウザ)に関係なく、同じ URL で同じ HTML コードを配信しますが、画面サイズに応じて(つまり「レスポンシブ」に)表示を変えることができます。Google では、デザイン パターンとしてレスポンシブ デザインを推奨しています。

 

【モバイル SEO / モバイル設定を選択する / モバイル設定を選択する】
https://developers.google.com/webmasters/mobile-sites/mobile-seo/overview/select-config?hl=j

 

つまり、SEO対策から見てもWebサイトのレスポンシブデザイン化は有効なのです。言い換えれば、ただ単にデバイスごとに最適化のために開発されただけではなく、従来型のWebサイトに比べてSEO的に効果の高いサイト制作も目的であることを認識しておきましょう。Webサイト表示におけるデバイスごとの切り替わりだけに満足してしまっては、レスポンシブデザイン発注で得られるはずだったメリットのうち、かなりの部分を捨てています。

 

「レスポンシブデザインによるSEO対策強化も期待していいですか?」の質問に「弊社とお付き合いのあるSEO会社をご紹介します」という対応のところは、やめておいた方が無難です。

レスポンシブデザイン対応のWEBデザイン・ホームページ制作の費用・料金相場情報

imitsu(アイミツ)では独自調査やお客様の声からレスポンシブデザイン対応における料金相場情報を集めています。トップページだけでなく下層ページのボリュームなどによってもその料金は大きく変わる中で、何が必要なのか、どのようなサービス形態なのかを考慮し、自社に合った業者を見極めることが大切になります。

あいみつ君
吹き出し

レスポンシブデザインの相場

ホームページ・キャラクター製作、CSSコーティングの料金相場一覧。

まず、通常のホームページ制作のデザイン相場を確認しておきましょう。

ホームページ制作の料金は一般的に【基本料金+TOPページの料金+下層ページの料金】となっています。

企画や構成、ディレクションなどにかかる基本料金の相場 9万円~10万円程度
TOPページのデザインとコーディングを含んだ料金の相場 10万円~11万円程度
下層ページのテンプレートデザイン料の相場 3万円~4万円程度
下層ページのデザインとコーディングを含んだ料金の相場 2万円程度

 

 それぞれの相場は以上のようになっており、合わせると一般的なコーポレートサイト30ページで70万円~80万円程度となります。料金は会社によって大きく異なり、10倍以上の差があることもあります。また、ディレクションからデザイン、コーディングまでを一括で依頼する場合と、デザインのみ、コーディングのみを依頼した場合ではそれぞれ価格が変わってきます。

 

  •  ロゴ、バナー等のパーツ料金の相場

 

ロゴ制作(1パターン) 約3万円
アプリアイコン制作(1パターン) 1万~4万円
バナー制作(1パターン) 1万~4万円
イラスト制作(1パターン) 約3万円
キャラクター制作(1パターン) 約5万円

 

WordPressなどCMSを導入する場合、既存テンプレートを利用で10万~50万円、独自テンプレートや機能を追加する場合は20万~150万円程度費用がかかります。

 

レスポンシブデザインは、これに「レスポンシブデザイン設計費用」と「CSSコーディング費用」を項目として挙げる業者が多いです。

 

「設計費用(通常サイトの場合には企画料という名前が多い)」も「コーディング費用」も通常Webサイト制作の見積もり項目で見かけますが、レスポンシブデザインでは通常Webサイトにはないノウハウと手間がかかりますので、この項目が追加されるのは妥当です。

 

  • 設計費用5~10万円程度
  • CSSコーディング費用3~7万円程度

(表示のデバイス分岐数に相当するブレイクポイントの数で金額を追加する業者もありますが、これも妥当で合理的な見積もり方法です。)

レスポンシブデザイン対応のWEBデザイン・ホームページ制作のトラブル事例

予定よりも時間がかかってしまった、予定外の追加費用がかかってしまったなどの特有の問題は頭の痛い悩みでもあるようです。レスポンシブデザイン対応にかかわるトラブルの一部をご紹介いたします。思わぬトラブルを避けスムーズな発注・納品となるよう、ぜひimitsu(アイミツ)にご相談下さい。

あいみつ君
吹き出し

想定したよりも時間がかかった

経験の浅い業者によく見られるトラブル事例のひとつです。

レスポンシブデザイン経験の浅い業者に発注した場合に良く起きてしまうトラブル例です。

通常の制作フローでは、制作前にデバイスによった見た目の作り込みが可能ですが、レスポンシブデザインの場合には、CSSに記述するWebサイト表示を確認しながら作業を行う必要があるからです。

修正を依頼したら追加料金を要求された

ホームページ製作はありがちなトラブル、通常サイトの製作依頼よりも注意が必要!

デザインカンプを発注側とも共有できる従来型の制作フローとは違って、レスポンシブデザインでは、細かなデザイン分岐パターンについてはカンプを作らないケースもあります。デザインカンプ作成後に大きなレイアウトの変更とならないよう、画面設計時に納得できるレベルか確認が必要です。

 

「修正を依頼したら追加料金を要求された」というのは、Webサイト制作ではありがちなトラブルではあるのですが、レスポンシブデザインの場合にはちょっとのつもりの修正依頼がけっこうな作業量になる場合も多く、通常のWebサイトでの追加料金よりも費用がかかるケースもあるので注意しましょう。

各デバイス向けの専用サイトよりも見劣りがした

デバイス専用サイトを持っている場合にありがちなトラブル事例のひとつ。

発注以前にユーザーエージェントによる自動振り分けで「パソコン」「スマホ」「タブレット」「ガラケー」「携帯端末」などの各それぞれの専用サイトを持っていた場合に起こりがちなトラブルです。

レスポンシブデザインのメリットは、1つのファイルから、各デバイス向けにデザインバリエーションをレンダリングするシンプルさにあります。

したがって、従来型のようにそれぞれのデバイスの特徴を活かした専門サイトを作っていた場合には、単純に見た目だけを比較すると、新規に作ったレスポンシブデザインサイトがチープに見えてしまう場合もあるというデメリットもあります。

 

どうしてもはずせない機能や、こだわりたいデザインについては「レスポンシブ化しても大丈夫ですか?」と確認しておきましょう。

IE8以前のブラウザでレスポンシブが機能しなかった

CSS3以前のブラウザはレスポンシブに対応していないのが基本です。

CSS3のメディアクエリーをベースとするレスポンシブデザインですので、CSS3以前の古いブラウザには基本的には対応していません。Web制作会社によってはWebサイトのIEでのカラム落ち同様、ブラウザハック等で対応してくれるところもあります。

古いブラウザでも見せる事情がある場合には、相談してみれば解決できるケースもありますが、追加費用がかかる可能性もあるので見積もり時に確認が必要です。

レスポンシブデザイン対応のWEBデザイン・ホームページ制作のよくある質問

レスポンシブデザイン対応のWEBデザイン・ホームページ制作についてのよくある質問を集めてみました。業者を決定するまでには、自社の業態や依頼内容に応じたさまざまな疑問点が浮かぶものです。発注後のお客様へのヒアリングを行っているぜひアイミツでは、細かな疑問点もしっかり把握しています。

あいみつ君
吹き出し

WEBサイトの発注にあたり用意するものはありますか?

WEB製作会社にイメージを伝える、写真や文章などの素材があれば業者に渡す。

まずは、WEBサイトを何のために作るのかという目的について、よく検討をおこなってください。
発注前の段階で、作りたいWEBサイトのイメージと目的とをWEB制作会社に伝えることができると、具体的な提案が受けやすくなります。
その他の、サーバーやドメイン、写真や文章などの素材は、あれば発注時にWEB制作会社にお渡しください。

レスポンシブデザインをお願いするときに既存の資産を活かせますか?

画像やコピーなどは使えるケースもあります、ただし分量調節が必要になる場合も。

使用している画像や、コピーなどはそのまま使えるケースもあります。しかしレスポンシブデザインの特色を出すために、小さい画面でも鮮明な画像に差し替えたり、コピーの分量を調整したりさまざまな工夫が必要なケースもあります。
Youtubeの動画などはそのまま使えますが、FLASHはiOSが対応していないため使えません。HTML5などで作り変える必要が出てきます。

制作料金以外に費用は発生しますか?

サーバ・ドメイン・写真やイラストなど、素材調達の費用が掛かります。

主に、サーバーをWEB制作会社が提供する場合はサーバー費用、ドメイン取得にかかる費用、写真や文章、イラストなどの素材調達の費用、サイト構築に必要なサービスを使用した場合のライセンス料、また、それらの代行手数料などが別途かかる可能性があります。
WEBサイトの公開までにかかる費用を抑えたい場合は、上記の作業をお客様側でおこなうと、制作会社に支払う手数料分の費用が抑えられます。

公開後のメンテナンスやコンテンツの追加もお願いできますか?

製作会社に保守・運営代行を依頼できます、通常は保守・運営費用が必要です。

基本的にWEBサイトを制作した会社に、保守・運営の代行をお願いできます。
制作時の瑕疵をのぞき、通常は保守・運営費用がかかります。
毎月決まった金額内で一定の作業量を発注できる契約をおこなっているWEB制作会社が多いです。
また、アクセス解析のレポート提出やSEO対策などの運営サポートを提供している制作会社もありますので、必要に応じてご検討ください。

1つのファイルに集約されると、メンテナンスはどの程度楽になりますか?

各専門サイトを修正する手間がなくなるので、作業の見落としや手間が減るイメージです。

レスポンシブデザインのメリットの大きな部分は、デバイスごとに用意された専門サイトを全部いじらなくてもいいところにあります。ただし、1ファイルに修正箇所が集約されているとはいえ、修正作業にはソースを確認するための専門知識も必要となります。あくまでも自社で修正を行ってきた作業の見落としや手間が少なくなるというイメージです。
コンテンツの更新作業を楽にしたい場合には、WordPressなどレスポンシブデザイン対応のCMSでサイトを構築するなどの手法もあります。

レスポンシブサイトを簡単に更新できるようにしてもらうことはできますか?

納品時に更新方法をコメントで入れてくれるように依頼することができます。

CMSを利用すると、記事の更新などのテキストレベルであればお客様側で簡単に更新作業を行えます。
せっかく1ファイルに集約されたソースをいじってわざわざ外注しないで更新したい、という場合もあるでしょう。
納品時に自社で更新作業を行いたい旨をお伝えいただければ、ソースファイルの中にどこを書き換えれば更新できるかというコメントを入れておいてもらえるよう依頼することは可能です。

オープンソースCMSを使ってレスポンシブサイトを制作してもらえますか?

仕様が公開されていれば対応可能、依頼する際は製作会社の実績を確認する!

仕様が公開されているCMSであれば、多くのWEB制作会社で対応が可能です。
また、レスポンシブサイト対応のオリジナルCMSが必要な場合もWEB制作会社によっては制作が可能ですので、制作実績を確認してください。

レスポンシブデザインのECサイトも発注できますか?

制約付きで可能になります。ECパッケージなどがレスポンシブ対応していないと現状不可能です。

可能ですが、現状では制約もあります。ECサイトを構築する場合ショッピングカート等を含んだECパッケージやクラウドなどのプラットフォームをベースにしているケースがほとんどです。このパッケージやプラットフォームがレスポンシブデザインに対応していないケースもあります。
ただ、商品紹介ページを優先してレスポンシブデザイン化し、カートや決済部分は別途制作で対応するECサイトも多いようです。

WEBサイト制作の知識がありませんが相談にのってもらえますか?

まずは目的を検討しましょう、業者選びの際は専門用語を多用する業者は避けるのが無難です。

WEBサイトを制作する目的が明確であれば、WEBに対する知識がなくても目的達成に最適な提案がうけられますので、まずはお客様側で目的を検討しましょう。
なお、提案時に専門用語や一般的でない横文字を多用するWEB制作会社は、お客様への配慮と同時にユーザー視点に欠けている場合がありますので気をつけましょう。

WEBサイト制作にあわせてSEO対策もお願いできますか?

SEO内部対策は制作費に含まれています、外部対策は見積もり請求時に費用を相談。

ゼロからのWEBサイト制作を発注する場合は、ページノタイトルタグや見出しタグ、リンクの最適化などのサイト内のSEO対策は制作費の中に含まれている場合が一般的です。
なお、キーワードの選定や、SEO外部対策は別途費用がかかる場合がありますので、見積もり請求時にご相談ください。

レスポンシブデザイン対応のWEBデザイン・ホームページ制作のアイミツ利用事例「レスポンシブデザイン」

どのようなレスポンシブデザイン制作業者を探していましたか?

業者探しは未経験でしたが、imitsuさんのおかげで満足しています。

「”レスポンシブ化しろ!”という上司の一声からはじまりました」

今回imitsuさんでレスポンシブサイト制作が可能な業者を探すまで、私自身はWebサイト制作の外注というのを経験してなかったのです。
会社のWwbサイトは情報量は多いのですが、作ったのは10年ほど前です。前任者がかなり出来る人だったようで、当時としてはかなり先進のサイトだったようですがその先輩も退職してほったらかし状態になっていたんです。
最低限のコンテンツのメンテナンスだけをやっていた私に、社長の鶴の一声があったのはこの春でした。そこからあわてて業者探しをしたのですが、本当にお世話になりました。機械的に業者を紹介するB2Bマッチングサイトは沢山あるのですが、imitsuさんのように電話で相談できたり、参考になるコンテンツがサイトに満載のサービスはめずらしいですよね。
また何かあったら、真っ先に相談したいと思ってます。

あいみつ子さん

imitsu(アイミツ)を利用したきっかけ

依頼した業者が仕事を投げ出しそうになり、まともな業者を探してたどり着いたのがimitsuさんです。

実は発注失敗からパニック状態でimitsuさんにたどり着きました。

レスポンシブデザインを発注した業者が、なんと途中で仕事を放り出しかねない状態になってしまったんです。こちらも社内の意見が集約できていなくて、発注後にいろんな追加のお願いをたくさんしてしまったこともあったのですが、公平に見て業者さん側での経験不足もあったようにも思えます。
幸いにして社内では発注窓口の私の責任を追及するというよりは、「すぐにもっとまともな業者を探せ!」という雰囲気でしたので、今度こそは間違いのない業者を!と思って行き着いたのがimitsuさんでした。
こちらの要望を電話で相談できたのが良かったですね。単なる紹介業者、ブローカーとはぜんぜん違っていて困っている私を助けたいというような気持ちが伝わってきて、正直感動しました。ありがとうございました!

あいみつ子さん

見積もり時に気をつけたこと、反省点

一括見積もりだけ大量にもらっても意味がないと気が付きました。

実はimitsu(アイミツ)以外にも見積もりサイトを使ってみたのですが、売り込みまがいの精度の低い見積もりが大量に集まってしまって目を通すのも大変でした。
よく考えてみれば、相見積もりだけが欲しいのじゃなくて、星の数ほどある業者をどうやって選べがいいのかが、一番知りたいところなんですよね。そこでうろうろしてるのに、一括で見積もりだけ大量にもらっても意味なかったなと思います。¥

あいみつ子さん

実際に発注してみた感想や気づき

看板に偽りなしと実感、まさしくコンシェルジュでした。

知り合いに紹介されて、今回レスポンシブデザイン業者探しでお世話になったのですが、最初サイトを見たときには「こんなにありとあらゆる分野に、電話できめ細かい対応なんてできるの?しかも無料で?」と半信半疑でした。
社長さんがテレビにも出てて、有名なベンチャー企業の「ありがとう」の声も乗ってるから信用はしていたんですが「実際どうかなあ・・・」という気持ちで電話しました。
即日候補の業者をいくつも紹介していただき、それぞれの特徴も教えていただきまして、看板に偽りなしだな!と実感。これは比較見積もりサイトじゃない!まさにコンシェルジュでした。

あいみつ子さん
失敗できない業者選定。アイミツにご相談を
無料で相談する

レスポンシブデザイン対応のWEBデザイン・ホームページ制作の用語・基礎知識

HTML

WEB・デザイン制作会社とはコーポレートサイトやECサイトなどの様々なWEBサイトのデザイン、ページ制作を行う会社のことです。今や企業にとって会社紹介のためのホームページは必須となっており、制作を行う会社も数えきれないほど存在します。また、WEBサイトのデザインや技術には流行があり、以前はエフェクトや装飾が施された写実的なリッチデザインが主流でしたが、2013年には質感や立体感のない平面的なデザインである「フラットデザイン」が流行しました。

HTML5

旧来型のHTMLでは、動画を使うには「Flash」を使用していました。HTML5では、動画や音声データをHTMLから直接扱えるようになります。 <video>タグや<audio>タグを使用し、動画や音声をシンプルに扱えるようになります。

また、「ドラッグ&ドロップ機能」「ユーザー位置情報」「オフライン使用」「ファイル操作」「履歴操作」などの旧来型の制作手法ではHTML+JavaScript/PHPなどで実現していた機能がHTMLのみで実装できるます。

CSS

CSSとはCascading Style Sheetsの略で、Webページのスタイルを指定するための言語です。 HTMLがWEBページ内の各要素の意味や情報構造を定義するのに対して、CSSではそれらをどのように装飾するかを指定します。例えば字体や文字の大きさ、色、行間の幅、修飾などを設定できます。

CSS3

レスポンシブデザインはCSS3が可能にしたデザインと言えます。その中で特に重要な機能は以下の3つです。

 

  • メディアクエリー

画像解像度やウィンドウの幅、さらにデバイスの向きなどの指定条件にあわせて、それぞれ別々のCSSを適用する技術。PC閲覧時とスマホ閲覧時でレイアウトを変えることができるようになります。

 

  • フルードグリッド

フルードグリッドは「px」で静的にレイアウトする「グリッドデザイン」と、%で調整する「フルードデザイン」を連動させます。最初にグリッドデザインで静的にpx単位のデザインを行い、次にデバイス幅に合わせてpxを%に自動変換してフルードデザインに変更すると動的に最適なページが生成されます。

 

  • レイアウトの大きさに連動して画像のサイズを拡大・縮小します。ウィンドウサイズより大きい画像でも、縦横比を保持したまま拡大・縮小してくれます

レスポンシブデザイン

WEBデザインの手法の1つで、パソコン、スマートフォン、タブレットなど様々な種類の機器や画面サイズに単一のファイルで対応することです。複数のファイルを用意する場合に比べ、デザインや機能の自由度は下がるものの、すべての機器に同じ内容を表示でき、更新作業の簡略化や更新漏れの防止が期待できます。

閉じる

サービスにかける想い

株式会社ユニラボ 代表取締役 栗山規夫

株式会社ユニラボ
代表取締役 栗山規夫

感動できる、業者紹介のコンシェルジュサービスを目指して

発注先選びに苦労したことはありませんか。時間もなく、その分野に詳しくないから外注するのに、どうしてあれこれと調査に時間をかけなければならないのでしょうか。

残念ながら、どの企業のホームページにも良いことしか書いていません。相場も分からないままに、いたずらにたくさんの業者に見積もりを依頼した結果、ろくに料金交渉もできなかった苦い経験が私にもあります。

逆に、受注者側の視点に立ってみるとどうでしょうか。一件でも多くの受注を得るためには、一件でも多くの見積もりをとらなければ、と考えてしまいます。当然、ホームページ上には聞こえのよい情報だけを掲載し、広告宣伝に多くの費用を割くことになります。結果、受注に繋がらないような見積もり依頼ばかりが増え、その対応にもすくなからぬコストがかかることになります。そんな受注者側の悩みも、たくさん耳にしてきました。

発注者と受注者とが、お互いにムダな時間やコストを省き、より幸せなかたちで出会うにはどうしたらよいか。をアイミツはそんな想いから、日本一と言える5万社以上の業者ネットワークを構築し、現在も日々優良企業を発掘し続けています。

業者選びのプロとも言えるアイミツのコンシェルジュは、東証一部上場企業の役員経験者や、コンサルティング業界出身者、大手総合商社出身者など、ビジネス経験豊かな人材ばかりです。発注先を探しておられる皆様の頼れる存在として、業者選びから相見積もりの取得まで幅広いサポートを行っています。

おかげさまで、新規の利用者様はもちろん、リピーターの皆様からの厚いご支持により、気がつけばご相談実績は1万件を超え、100万件以上のクチコミ評判を高度に分析できるサービスにまで、成長することができました。

業者との素敵な出会いが、よりスピーディーに、より簡単に実現できる。そんな世界を目指し、これからも利用者の皆様の声を大切にしつつ、さらなるサービス品質の向上に取り組んで参ります。

  • ワールドビジネスサテライト

    チラシや看板の発注から、弁護士への依頼まで比較でき、
    既にこのサイトを通じて企業同士で、数億円の取引が成立した。

    2014年2月 ワールドビジネスサテライト:テレビ東京

  • 日本経済新聞

    120の分野で計5万6千社の発注先を比較・検索できる。
    半年で2,000社が利用し、発注総額は10億円を超えた。

    2014年2月 日本経済新聞

  • IT media

    「印刷通販」「貸し会議室・セミナー会場」「オフィス清掃」「OA機器レンタル」など
    100以上のカテゴリーに分かれいて、企業の発注業務にかかわるものであれば、ほぼ網羅。

    2014年2月 IT media