Blog

<figure id="figure-dam8ej9ykjmi8es94w" class=""><img id="dam8ej9ykjmi8es94w" src="https://cdn.durable.co/blocks/32RB02JpdOwrPQjPEc15tbDeSLChwmh0WRMRSrCQUZsO9m54iwJEWaI52z15gbVO.jpg" alt="Webサイトの値段。いくら必要？いくらかかる？" title="Webサイトの値段。いくら必要？いくらかかる？" class="object-cover bg-gray-100 rounded-lg md:rounded-xl lg:rounded-2xl" style="aspect-ratio: 16/9; object-position: 50% 0%;" data-corners="default" data-aspect="16:9" data-caption="Webサイト発注の教科書" data-positionx="50%" data-positiony="0%" data-fullwidth="false" data-mce-src="https://cdn.durable.co/blocks/32RB02JpdOwrPQjPEc15tbDeSLChwmh0WRMRSrCQUZsO9m54iwJEWaI52z15gbVO.jpg" data-mce-style="aspect-ratio: 16/9; object-position: 50% 0%;"><figcaption class="body-normal text-gray-500 mt-2">Webサイト発注の教科書</figcaption></figure><h2>Webサイトの値段。 いくら必要？いくらかかる？</h2>【３つのフォーカス】1．価格の真実： Webサイトの価格差（50万円 vs 500万円）は、「ページ数」ではなく、「成果に向けた思考」と「専門家の責任範囲」の差である。2．投資の論理： Webサイトの年間運用費を、「新入社員1人分の人件費の1/5以下」と比較し、投資がいかに合理的かを証明する。3．無責任な意見： 専門外のコンサルタントや知人の「異常に高い」という言葉が、なぜWeb制作の構造を理解しない「暴論」であるかという根拠。=====================================================【キーワード】#Webサイト適正価格 #Webサイト相場 #制作費の内訳 #思考コスト #年間運用費 #投資対効果の基準 #外部コンサルタントの意見 ===================================================== <h3>～50万円と500万円のサイトで、あなたは「何」を買っているのか～</h3>Webサイト制作・運用において、最も多くの疑問とトラブルの元になるもの、それが「費用」に関する話です。・「Webサイトの相場を知りたい」 ・「30ページのWebサイトを作るのに、50万円という制作会社と500万円という制作会社がある。これ、どういうことなの？」多くの企業が、この価格の差に納得できず、コンペで最も安価な提案に飛びついてしまいます（<a data-mce-href="https://habitus.co.jp/blog/-127" href="https://habitus.co.jp/blog/-127">第5回「Web制作相場とコンペの罠」</a>）。 しかし、私たちが最も懸念するのは、Web制作の構造を理解しない、無責任な外部意見によって、専門家の仕事が「ぼったくり」と断じられ、プロジェクトが崩壊することです。今回は、Webサイトの費用を巡る誤解を解き、Webサイトを持つ企業が年間で「いくら」使うべきか、その費用の本質に迫ります。気になりますよね。<figure id="figure-pypeia1jjimi8fzoe4"><img id="pypeia1jjimi8fzoe4" src="https://cdn.durable.co/blocks/33pgta5j6QltzQaqc2kSOIOJizeUz86lkE9o4NEdQfPBhKxbJt9Gp8ALDqvwxCzq.png" alt="Webサイトの値段。いくら必要？いくらかかる？" title="Webサイトの値段。いくら必要？いくらかかる？" class="object-cover bg-gray-100 rounded-lg md:rounded-xl lg:rounded-2xl" style="aspect-ratio: 1/1; object-position: undefined undefined;" data-corners="default" data-aspect="1:1" data-caption="Webサイトの価格相場。いくら必要？いくらかかる？" data-positionx="undefined" data-positiony="undefined" data-fullwidth="false" data-mce-src="https://cdn.durable.co/blocks/33pgta5j6QltzQaqc2kSOIOJizeUz86lkE9o4NEdQfPBhKxbJt9Gp8ALDqvwxCzq.png" data-mce-style="aspect-ratio: 1/1; object-position: undefined undefined;"><figcaption class="body-normal text-gray-500 mt-2">Webサイトの価格相場。いくら必要？いくらかかる？</figcaption></figure><h3>Webサイトの「相場」が怪しい理由： 「作業費モデル」の限界</h3>Webサイト制作の相場を検索すると、「中小企業向け Web サイト制作費：30万円～100万円」といった金額がよく出てきます。しかし、この安価？（と思うか、そうじゃないと思うか…）な相場は、Webサイトがかつての「印刷物（名刺やチラシ）」と同じように依頼されているという、構造的な誤解から生まれています。かつての依頼イメージ： 顧客が「チラシ作っておいて、原稿と写真は渡すから」と依頼するような、「素材ありき・作業費ベース」の依頼。 制作パッケージの正体： オプション付きで料金明快な「制作パッケージ」は、一見すると分かりやすいですが、見方を変えれば、「私たちは、お客様の戦略やビジネスの本質には立ち入らず、言われた通りの作業（オペレーション）あるいは仕組みの提供だけで、料金をいただきます」と宣言しているのに等しいのです。 制作の素材は発注側が用意し、制作会社は「どう見た目を整えるか」に限定されます。これでは制作費は、ほぼこの作業費（オペレーションフィー）だけで成り立っているため、安価に見えるのです。 とはいえ、それでも高い！と考える人は、自社のWebサイトがどういう目的をもつものなのか？何を達成しようとしているのか？と考えてみるきっかけにしてみてはいかがでしょう？それを考えるきっかけにしてみても損はないはずです。この「作業費＝Webサイト制作費」という認識にこそ、大きな問題があります。なぜなら、Webサイトは、単に「見た目」を整えて終わるものではなく、「コンテンツ（情報）」の力でビジネスを動かし、常に変化し続ける「生きた自社媒体」<a data-mce-href="https://habitus.co.jp/blog/-113" href="https://habitus.co.jp/blog/-113">（第4回「準備不足」）</a>だからです。<h3>Webサイトは「モノ」ではない。 「未来への投資」</h3>Webサイト制作の費用を巡る最大の落とし穴、それはWebサイトをある種の完成された「モノ」として捉えてしまうことです（<a data-mce-href="https://habitus.co.jp/blog/-107" href="https://habitus.co.jp/blog/-107">第2回「放置されたWebサイト」</a>）。Webサイトの費用は、単なる制作物への対価ではありません。それは、制作会社が持つ「知識」「経験」「技術」に加え、あなたが持つ「思考」や「アイデア」を形にするための、「将来のビジネスを育てる投資」なのです。Webサイトを、あなたの会社の「よくできる若手社員」として考えてみてください。初期構築の費用は、その若手社員を採用し、研修を受けさせるための初期費用。 運用費用は、彼に支払う毎月の給料や、活動費です。 Webサイトという「社員」は、初期構築費こそかかりますが、運用ベースになれば、ひとりの人間の給与の1/3、1/5の費用で済みます。そして、彼は24時間365日、文句も言わずに働き続けます。気を遣うことも圧倒的に少ない。Webサイトを持つということは、会社の組織の中に、総務や経理といった部署が増えるように、「自社媒体を運営する」という新しい役割を持つ部署を立ち上げることと同義です。<h3>制作価格の差は「思考コスト」の差</h3>Webサイトの初期構築費は、その戦略的な深度や複雑な連携を含めば、50万円から1,200万円程度までが中小企業の現実的な（比較的よくある）ラインです。では、なぜこれほどまでに価格差が生まれるのでしょうか。結構こういうことありますよね。価格に差がつくのは、あなたが「何を」求めているか、そして制作会社が「どこまで」思考と責任を負うか、という「思考コスト（頭を使う費用）」の差です。<table style="border-collapse: collapse; width: 100%;" border="1" data-mce-style="border-collapse: collapse; width: 100%;"><tbody><tr><td style="width: 33.3319%;" data-mce-style="width: 33.3319%;">価格帯のイメージ</td><td style="width: 33.3319%;" data-mce-style="width: 33.3319%;">あなたが「買っているもの」</td><td style="width: 33.3362%;" data-mce-style="width: 33.3362%;">期待される成果</td></tr><tr><td style="width: 33.3319%;" data-mce-style="width: 33.3319%;">50万円クラス</td><td style="width: 33.3319%;" data-mce-style="width: 33.3319%;">オペレーション費用。 テンプレート利用、発注者自身が企画・ディレクション、コンテンツ執筆。制作側は概ね「言われた通り」の作業のみ。</td><td style="width: 33.3362%;" data-mce-style="width: 33.3362%;">短期的な情報開示、名刺代わり。事業貢献は期待薄。</td></tr><tr><td style="width: 33.3319%;" data-mce-style="width: 33.3319%;">500万円クラス</td><td style="width: 33.3319%;" data-mce-style="width: 33.3319%;">戦略・協業の投資。 企画、構成、ターゲット分析、デザインロジックの構築、運用コンサルティング。制作側は「成果を出すための　一定の責任」を負う。</td><td style="width: 33.3362%;" data-mce-style="width: 33.3362%;">長期的なブランド構築、売上・採用への貢献。投資対効果を見込める。</td></tr></tbody></table><h3> 恐怖の現実： 専門外の意見と素人の自己判断</h3>私たちが最も懸念するのは、この価格構造を理解しない、先のなんとなくの価格相場を信じたような無責任な外部意見によって、Webサイトへの適切な投資が妨げられることです。経営者が、Web制作の構造を理解しない「外部の知人」や「専門外のコンサルタント」から「そんなに高い費用はあり得ない。異常だ」という助言を受け、プロジェクトを停止させる事例も結構あるわけです。 第三者の意見を聴け！とはよく言われることでそれは重要なことだと思います。しかし、これは高い！といってこの外部の人が、別の安い会社を紹介したりするような場合はちょっと立ち止まって考えても損はないでしょう。もうおわかりですよね…。案外あるんですよね。この背景には、「Web制作の費用＝作業費（オペレーションフィー）」という誤った認識があります。1.「ディレクション・翻訳コスト」の無視： お客様が素人考えで「ここをこういうプログラムや構成にすれば安くなるのでは？」と持ち出しても、制作会社は実装できるかどうか？と調査、構成図の修正、調整まで行います。この実際に制作する側と発注側との「翻訳と調整」こそが専門家の仕事であり、最も高価な部分です。ディレクションや企画構成まで含めれば、まともな制作会社に依頼して数十万円で済むわけがありません。2.他業界のWebサイトリテラシー問題： 金融業界やIT業界がWeb投資の重要性を理解しているのは、彼らがデジタルからお金を生み出しているからです。そしてお金を生み出せる方法を早くに確立したということでもあります。 しかし、それ以外の業界の企業は、Webサイトの重要性を常に「時期尚早」だと捉えがちです。そしてやらない理由を一生懸命考えてしまったりします（やる理由を見いだすのは大変です。でもやらない理由はいくらでも出せてしまうのはご存じの通り）。そして、その間に、旅行業界やタクシー業界のように、まったく関係のない業界から突然デジタルをフル活用した参入があり（「<a data-mce-href="https://www.ntt.com/bizon/glossary/j-t/disruptors.html" href="https://www.ntt.com/bizon/glossary/j-t/disruptors.html">デジタルディスラプター</a>」というそうです）、業界全体が崩壊するリスクを、経営層は真剣に考えるべきなのです。 Web投資を渋ることは、静かに沈没していく（いや、ある日突然！ということも）ことになります。<figure id="figure-j99g89hsxmi8g5db7"><img id="j99g89hsxmi8g5db7" src="https://cdn.durable.co/blocks/3bbXqlAoDawdLMcWRKHpyQwWf0zRMI8QdDq3jj9TJUbnUCStTUxIa5OlbK0pxCk0.png" alt="オンラインで提示されているWebサイトの制作費価格相場への誤解" title="オンラインで提示されているWebサイトの制作費価格相場への誤解" class="object-cover bg-gray-100 rounded-lg md:rounded-xl lg:rounded-2xl" style="aspect-ratio: 1/1; object-position: undefined undefined;" data-corners="default" data-aspect="1:1" data-caption="Webサイト構築の価格相場と現実の費用とのギャップ" data-positionx="undefined" data-positiony="undefined" data-fullwidth="false" data-mce-src="https://cdn.durable.co/blocks/3bbXqlAoDawdLMcWRKHpyQwWf0zRMI8QdDq3jj9TJUbnUCStTUxIa5OlbK0pxCk0.png" data-mce-style="aspect-ratio: 1/1; object-position: undefined undefined;"><figcaption class="body-normal text-gray-500 mt-2">Webサイト構築の価格相場と現実の費用とのギャップ</figcaption></figure><h3>新しい役割： Web戦略アドバイザーの必要性</h3>Webサイトの高度化、DX/AI時代の到来、そして既存の依頼形態の限界（SIerへの丸投げ、価格競争）を考えれば、今、Web制作には新しい役割が求められています。それは、単なるWebデザイナーやコーダーでも、企業の経営コンサルタントでもない、「Webサイトが関わる領域における、デジタルの事業戦略アドバイザー」です。（なかなかそんな便利な人多くはないんですけどね） 中小企業こそ、以下のような専門家を「参謀」として活用し、Webサイトへの適切な投資を行う方がいいでしょう（<a data-mce-href="https://habitus.co.jp/blog/-109" href="https://habitus.co.jp/blog/-109">第3回「なんか違う</a>」）。・制作会社選びの基準を設定してくれる ・Webサイトの戦略を、ビジネスモデルに合わせて整理してくれる ・技術的なリスクと費用の本質を、社内に翻訳してくれる <a data-mce-href="https://habitus.co.jp/service/operations-advisor" href="https://habitus.co.jp/service/operations-advisor">→Web Operations Advisor</a><h3>「費用」に惑わされないための、たった一つのこと</h3>Webサイトの費用は、決して安価なものではありません。だからこそ、私たちは「価格」に惑わされることなく、その本質を見抜く必要があります。安かろう悪かろうで「買って」おしまいにしているのが一番もったいない使い方です。 継続運用することで（よって運用費は必ず頭に入れておきましょう）ちゃんとWebの価値を引き出し、ビジネスに貢献するようにしましょう。 放置したら、お金を使って会社に損害を与え続けてしまうというなにやってんのかわかんない事態になってしまいます（そういうところも多い） Webサイトは「モノ」ではなく「サービス」 Webサイトの費用は「コスト」ではなく「将来のビジネスを育てる投資」 Webサイトの成果は「PV」ではなく「目標への貢献」 この三つを理解したとき、あなたはWebサイトを「ただ存在するだけの箱」から、「成果を生み出し続けるビジネスの資産」へと進化させる、最初の一歩を踏み出すことができるでしょう。無駄なお金の使い方をしていないか、「投資に見合うベネフィットを得られるようになっているか」を、今一度よく考えてみてはいかがでしょうか。===================================================== <h3><a data-mce-href="https://habitus.co.jp/about-us/articles2" href="https://habitus.co.jp/about-us/articles2" data-mce-selected="inline-boundary">【Webサイト発注の教科書】</a></h3><figure id="figure-vd5qdijefumivk3kvp" class=""><img id="vd5qdijefumivk3kvp" src="https://cdn.durable.co/covers/16MVc6IvLBOGjUD8yymRsygKBM0YTqeQUWGBiSY9YW1bX0oNYOuzQTV5up9lu0gS.jpg" alt="" title="" class="object-cover bg-gray-100 rounded-lg md:rounded-xl lg:rounded-2xl" style="aspect-ratio: 16/9; object-position: center center;" data-corners="default" data-aspect="16:9" data-caption="" data-positionx="undefined" data-positiony="undefined" data-fullwidth="false" data-mce-src="https://cdn.durable.co/covers/16MVc6IvLBOGjUD8yymRsygKBM0YTqeQUWGBiSY9YW1bX0oNYOuzQTV5up9lu0gS.jpg" data-mce-style="aspect-ratio: 16/9; object-position: center center;"></figure>上手に発注し、良好な関係を築き、 愉しく仕事を進めるためのノウハウ満載！発注の仕方ひとつで、あなたの会社の Webサイトは劇的に変わる！「制作会社に任せたのに、なぜか成果が出ない」「費用ばかりかかって、サイトが会社の『お荷物』になっている」—この問題の根源は、Webサイトの技術ではなく、発注者側の「無意識の誤解」と、制作現場の「構造的なすれ違い」にあります。ちょっと長めの文章ですが、10回プラスαで書いてみました。Webサイトを構築、運用していく際に、役立つ、愉しめる。そして、しくじらないためのノウハウです。

#163　番外編2　Webサイト発注の教科書：Webサイトの適正価格は？50万と500万で決まる「思考の価値」

<figure id="figure-9s93nhgqidmi44ql0n"><img id="9s93nhgqidmi44ql0n" src="https://cdn.durable.co/blocks/32RB02JpdOwrPQjPEc15tbDeSLChwmh0WRMRSrCQUZsO9m54iwJEWaI52z15gbVO.jpg" alt="ノーコードで作るWebサイト" title="ノーコードで作るWebサイト" class="object-cover bg-gray-100 rounded-lg md:rounded-xl lg:rounded-2xl" style="aspect-ratio: 16/9; object-position: 50% 15%;" data-corners="default" data-aspect="16:9" data-caption="Webサイト発注の教科書" data-positionx="50%" data-positiony="15%" data-fullwidth="false" data-mce-src="https://cdn.durable.co/blocks/32RB02JpdOwrPQjPEc15tbDeSLChwmh0WRMRSrCQUZsO9m54iwJEWaI52z15gbVO.jpg" data-mce-style="aspect-ratio: 16/9; object-position: 50% 15%;"><figcaption class="body-normal text-gray-500 mt-2">Webサイト発注の教科書</figcaption></figure><h2>ノーコードで作るWebサイト</h2>【３つのフォーカス】1．「ゼロ」の裏側： ノーコード導入で「構築費」が抑えられても、「サーバー・ドメイン移管」など、素人では手に負えない裏側の技術的コストは消えない現実。2．新しい罠： 「AIによる自動ブログ更新」など、ノーコードツールの安易な機能が、Webサイトを「ブルシット・ジョブ」化させる危険性。3．役割の進化： ノーコードは「制作会社不要論」ではない。むしろ、制作会社は「構築業者」から「戦略と技術的限界を補う参謀」へと役割を変える。&nbsp;===================================================== 【キーワード】#ノーコード制作費 #Webサイト構築費 #制作費ゼロ #ノーコードの罠 #サーバー移管 #ローコードの違い #AIコンテンツリスク ===================================================== <h3>〜制作費ゼロの誘惑と、制作会社いらずの真実〜</h3>「構築費ゼロでWebサイトが作れるって本当？」「ノーコードを使えば、もう制作会社に高いお金を払わずに済むのでは？」今、Webサイト制作の世界では、ノーコード/ローコードツール（Wix、Studio、Durableなど）の話題がかなりの頻度で出ます。これらのツールの登場は、「Webサイト制作」のあり方を根本から変えつつありそうです。制作会社の中にも、初期構築費を抑え、運用費で継続的に利益を得るという新しいビジネスモデルを推進しているところが増えてきました。これは、Webサイトを「モノ」として売る時代から「サービス」として提供する時代への大きなシフトであり、この連載の主張とも一部重なります。しかし、その推進役は制作会社だけでなく、Webマーケティング会社や SEO 会社であることも少なくありません。彼らがノーコードを推奨するのは、「Webサイト制作の面倒な部分が減り、自分たちの仕事（集客）に集中できる」という思惑があるからです。しかし、Webサイトの制作の重要な意味を理解しないでツールを推奨することの危険性も頭に入れておいて損はないでしょう。この大きな変化の波を前に、Web担当者や経営者が知っておくべき、ツールの「利点」と「試行錯誤が必要な領域」について考えてみましょう。<h3>ノーコード、ローコード、AIがもたらす「変化」</h3>まずは、これらの新しいツール群の役割について、簡単に整理してみます。<table style="border-collapse: collapse; width: 100%;" border="1" data-mce-style="border-collapse: collapse; width: 100%;"><tbody><tr><td style="width: 33.3319%;" data-mce-style="width: 33.3319%;">カテゴリ</td><td style="width: 33.3319%;" data-mce-style="width: 33.3319%;">特徴と例</td><td style="width: 33.3362%;" data-mce-style="width: 33.3362%;">利点（ツール提供者側の訴求）</td></tr><tr><td style="width: 33.3319%;" data-mce-style="width: 33.3319%;">ノーコード (No-Code)&nbsp;</td><td style="width: 33.3319%;" data-mce-style="width: 33.3319%;">ログラミング知識が全く不要。テンプレートやドラッグ＆ドロップで構築・運用できる。（例：Wix、Durable、Studioなど）&nbsp;</td><td style="width: 33.3362%;" data-mce-style="width: 33.3362%;">&nbsp;初期費用を抑制し、運用を内製化しやすくなる。</td></tr><tr><td style="width: 33.3319%;" data-mce-style="width: 33.3319%;">ローコード (Low-Code) &nbsp;</td><td style="width: 33.3319%;" data-mce-style="width: 33.3319%;">ある程度の知識は必要だが、手書きコードよりはるかに迅速に開発できる。（例：Webflowの高度な連携機能、一部の Studio 機能など）</td><td style="width: 33.3362%;" data-mce-style="width: 33.3362%;">専門家が関わる際の開発スピードと柔軟性が向上。</td></tr><tr><td style="width: 33.3319%;" data-mce-style="width: 33.3319%;">生成AI連携</td><td style="width: 33.3319%;" data-mce-style="width: 33.3319%;">AIが自動で文章や画像を生成し、コンテンツを更新する機能。（例：Durableなど）</td><td style="width: 33.3362%;" data-mce-style="width: 33.3362%;">コンテンツ制作の「オペレーション的手間」を削減する可能性。 </td></tr></tbody></table>これらのツールは、Web制作のハードルを劇的に下げました。ある意味誰だってWebサイトを作れる！という宣伝文句は概ねその通りのような気がします。そして、それは「サイト制作というオペレーション的な作業の手間を減らし、人間が頭を使うことに集中できる」という未来を示しています。<h3>「制作会社いらず」という誤解と「見えない壁」</h3>ノーコードツールを目にして、「これで制作会社はもういらない」と考えるのは、早計だと思います。これは「制作会社不要論」ではなく、「専門家との付き合い方を変えるべき」というメッセージなのです。 1. サーバーとドメインの「見えない壁」ノーコードツールは、その多くが SaaS（サービスとして提供されるソフトウェア）です。つまり、現状のサーバーにインストールするわけではなく、ツール提供会社のサーバーを利用することになります。面倒な移行作業： サイトリニューアルでノーコードを導入する場合、現在のサーバーの解約、ドメインの移管、メールアドレス（メールサーバー）の調整といった、Web担当者が自力で行うには複雑すぎる作業が新たに発生します。新たなコスト： 多くの企業でサイト制作とサーバー管理は別会社が担っていますが、ノーコード導入時にはこの調整が必須です。全体の予算を見直さないと、結局は「移行作業の代行」として外部の専門家に依頼せざるを得なくなり、割高になる可能性もあります。現状のWebサイトからの移行はなかなかに厄介な仕事が待ち受けています。結局ここは専門家に任せた方が安全ですし、素人的に手を出すにはまだハードルが高い。2. カスタマイズの「現状の限界」ノーコードツールはテンプレートが優秀であるほど便利ですが、カスタマイズには現状、限界があります。 「将来」の話はリテラシーの低い会社には響きませんが、「運用費を下げたい、楽に運用したい」という切実な要望は強いはずです。ツールの限界＝サイトの限界： 現状、ノーコードを選ぶことは、そのツールの「現状の限界」を、自社のWebサイトの限界として受け入れることを意味します。高度なシステム連携や、自社の理念に合わせた細かいデザイン調整は、まだ「かゆいところに手が届かない」レベルだと判断しています。 現状利用されている外部のシステムとの連携や、動いているプログラムをそのまま利用したいという要望も限界が見えてくることでしょう。3. AIコンテンツは「思考停止」を加速させる危険性ノーコードツールが「オペレーション的手間」を減らしてくれるのは真の利点ですが、問題は生成AIによるコンテンツの自動化です。「ブルシット・ジョブ」化の危険： AIが自動でブログを更新する機能は、本来人間が担うべき「伝える」という思考プロセスを放棄させる可能性が高まります。 これは、企業理念や魂とは無関係に、PVを稼ぐためだけに機械的に量産された文章で Web サイトを埋め尽くし、<a data-mce-href="https://habitus.co.jp/blog/-151" href="https://habitus.co.jp/blog/-151">第10回で語った「ブルシット・ジョブ」化</a>を加速させる危険性があります。<figure id="figure-pgdg51ia7mi469hmz"><img id="pgdg51ia7mi469hmz" src="https://cdn.durable.co/blocks/162LP7gE1ZoH9cWUQczCft50lZGoQ00XvTZa7WvUQKi8ZUOHXbjDIDsgB8y9GmVm.png" alt="No-Code / Lo-Code" title="No-Code / Lo-Code" class="object-cover bg-gray-100 rounded-lg md:rounded-xl lg:rounded-2xl" style="aspect-ratio: 1/1; object-position: undefined undefined;" data-corners="default" data-aspect="1:1" data-caption="ノーコードの誘惑と隠れた問題" data-positionx="undefined" data-positiony="undefined" data-fullwidth="false" data-mce-src="https://cdn.durable.co/blocks/162LP7gE1ZoH9cWUQczCft50lZGoQ00XvTZa7WvUQKi8ZUOHXbjDIDsgB8y9GmVm.png" data-mce-style="aspect-ratio: 1/1; object-position: undefined undefined;"><figcaption class="body-normal text-gray-500 mt-2">ノーコードの誘惑と隠れた問題</figcaption></figure><h3> 制作会社が「ノーコード」を推奨する時の裏側</h3> ここで、発注者が知っておくべき「技術の選択における専門家の説明責任」について、もう一つのアラートを出しておきましょう。 ノーコードツールを導入する際、制作会社や代理店は、「いつでも自由に更新できる」「開発スピードが速い」「安価に運用できる」といった利便性の高さを強調することが多いでしょう。これは事実です。 しかし、その提案の裏側に、以下の「将来的なコスト」が隠されていないか、発注者側は確認しておく必要があります。・技術的負債と再構築コスト ノーコードツールを使うことは、そのツールの機能と拡張性に依存する「特定プラットフォームへの依存」を意味します。もし将来的に、現在のツールでは対応できない複雑なシステム連携（CRMや独自機能など）が必要になった場合、現時点ではそのWebサイトは「作り直し」になる可能性が非常に高いのです。 なぜなら、ノーコードのデータや構造は、別のシステムに簡単に移植できないからです。・専門家依存からの脱却の難しさ ノーコードは運用を楽にしますが、サーバー・ドメイン・メール設定といった「Webサイトの裏側の技術的な管理」は依然として残ります。多くの制作会社がノーコードを推奨するのは、この「裏側の管理」を請け負うことで、継続的にあなたの会社との関係を維持できるという思惑があるからです（悪意ではないですよ）。 別の制作会社に乗り換える場合、システム自体が作り直しになるリスクが高く、乗り換えの障壁が非常に高くなってしまいます。クライアントにとって、「どういう技術で作られたか」は関係ありません。しかし、「その技術が、自社の事業成長の足かせにならないか」という一点こそ、発注前に専門家に質問すべき最重要事項です。<h3> ノーコード時代における「考え方の提案」</h3> ノーコードツールは、Webサイトを「自社媒体」として運用する上で、非常に強力な武器となることは間違いありません。しかし、「制作会社いらず」「制作費ゼロ」といった安易な誘惑に飛びつくのはまだちょっと危険です。 ソフトウエアが発達して使い勝手がよくなるということは、人に依頼せず、自分で作業ができるようになるということでもあります。これは裏返せば、自分の仕事が増えるということでもあるのです。別の部署や外部に依頼していた作業が自分でやる作業になります。20年以上前に「Webサイトって誰でも作れるんでしょ」と言っていた人たちが自分で手を動かして、Webサイトを作ったか？HTMLコードの書き方を勉強して、Photoshopの使い方をマスターして…と作業したでしょうか？結局、デザインの基礎知識やインターネットの基礎的な知識までも必要となり外部の制作会社に任せることになったのです。あたりまえですが、本業の仕事があるのに、もうこれ以上、その仕事を自ら増やしたりはしないし、できない。ノーコードツールが真に訴えかけているのは、作業が簡単になったり、楽をすることではなく、Webサイトのコンテンツ戦略や「伝える」ことの意味をもっと考えましょう、ということです。こう考えてみてはいかがでしょうか？ ツールは「オペレーター」、あなたは「思考」: ノーコードツールは、Webサイト制作の「オペレーション作業」を引き受けてくれる最高の従業員です。しかし、このツールを真に活かすには、Web担当者こそが「コンテンツの中身」と「戦略」に時間と労力を集中させる覚悟が必要です。・専門家との付き合い方をアップデートする 制作会社は、「構築業者」から、「Webサイトの戦略と技術的な裏側（ドメイン、サーバー、連携など）を管理し、ツールの限界を補う専門家」へと役割を変えます。丸投げするのではなく、この連載で学んだ通り、明確な目的とロジックを持って「協業」しなければ、ツール本来のメリットは得られません。結局のところ、ノーコード時代でも、Webサイトの成否を決めるのは、ツールではなく、あなたの「思考」と、その思考を形にする「専門家との協業」なのです。 リニューアルのタイミングで、一定の限界を理解しつつ導入するのであれば、それなりのベネフィットを得られるかもしれませんが、お金がかからないからということで飛びつくのはちょっと考えた方がいいかも。 マジメに運用するあなた（担当者）の仕事は増えることになるかもしれません。&nbsp;=====================================================<h3><a data-mce-href="https://habitus.co.jp/about-us/articles2" href="https://habitus.co.jp/about-us/articles2">【Webサイト発注の教科書】</a></h3><figure id="figure-kfrr8h03dkmivk8utj"><img id="kfrr8h03dkmivk8utj" src="https://cdn.durable.co/covers/16MVc6IvLBOGjUD8yymRsygKBM0YTqeQUWGBiSY9YW1bX0oNYOuzQTV5up9lu0gS.jpg" alt="" title="" class="object-cover bg-gray-100 rounded-lg md:rounded-xl lg:rounded-2xl" style="aspect-ratio: 16/9; object-position: center center;" data-corners="default" data-aspect="16:9" data-caption="" data-positionx="undefined" data-positiony="undefined" data-fullwidth="false" data-mce-src="https://cdn.durable.co/covers/16MVc6IvLBOGjUD8yymRsygKBM0YTqeQUWGBiSY9YW1bX0oNYOuzQTV5up9lu0gS.jpg" data-mce-style="aspect-ratio: 16/9; object-position: center center;"></figure>上手に発注し、良好な関係を築き、 愉しく仕事を進めるためのノウハウ満載！発注の仕方ひとつで、あなたの会社の Webサイトは劇的に変わる！「制作会社に任せたのに、なぜか成果が出ない」「費用ばかりかかって、サイトが会社の『お荷物』になっている」—この問題の根源は、Webサイトの技術ではなく、発注者側の「無意識の誤解」と、制作現場の「構造的なすれ違い」にあります。ちょっと長めの文章ですが、10回プラスαで書いてみました。Webサイトを構築、運用していく際に、役立つ、愉しめる。そして、しくじらないためのノウハウです。

#157　番外編　Webサイト発注の教科書：ノーコード導入で制作費は本当に「ゼロ」になるのか？

#151　第10回　Webサイト発注の教科書 ：Webサイトを「どうでもいい仕事」から「事業の核」に変える矜持

#149　第9回　Webサイト発注の教科書 ：Webサイトの成果を破壊する上司の「鶴の一声」対策

#139　第8回　Webサイト発注の教科書 ：Webサイトの値段はなぜ高い？「コスト」を「投資」に変える思考法

<figure id="figure-favtcqi4temg7yeeyk"><img id="favtcqi4temg7yeeyk" src="https://cdn.durable.co/blocks/32RB02JpdOwrPQjPEc15tbDeSLChwmh0WRMRSrCQUZsO9m54iwJEWaI52z15gbVO.jpg" alt="デザイン依頼の落とし穴" title="デザイン依頼の落とし穴" class="object-cover bg-gray-100 rounded-lg md:rounded-xl lg:rounded-2xl" style="aspect-ratio: 16/9; object-position: 50% 0%;" data-corners="default" data-aspect="16:9" data-caption="Webサイト発注の教科書" data-positionx="50%" data-positiony="0%" data-fullwidth="false" data-mce-src="https://cdn.durable.co/blocks/32RB02JpdOwrPQjPEc15tbDeSLChwmh0WRMRSrCQUZsO9m54iwJEWaI52z15gbVO.jpg" data-mce-style="aspect-ratio: 16/9; object-position: 50% 0%;"><figcaption class="body-normal text-gray-500 mt-2">Webサイト発注の教科書</figcaption></figure><h2>「デザインの依頼」</h2>【３つのフォーカス】1．デザインの罠： 発注者の「なんとなくのデザインセンス」が、プロのクリエイティブを破壊し、結果的に誰も納得しないサイトを生むメカニズム。2．「なんか違う」の正体： 曖昧な指示の裏にある、発注者自身の「思考の不在」。デザイナーが「あなたの頭の中を探り当てよう」として疲弊する現実。3．依頼の論理： 「赤くして」といった感覚的な指示ではなく、Webサイトの「ビジネスロジック」に基づいた言葉でクリエイターと対話する重要性。=====================================================【キーワード】#Webデザイン依頼失敗 #デザイン指示の仕方 #なんか違うの正体 #クリエイティブのロジック #Web担当者の美意識 #デザイナーとの協業 ===================================================== <h3>〜「なんとなく」の指示がクリエイターを殺す〜</h3> 「デザイン案をいくつか見せてくれない？」 「この箇所もっと目立つように、赤とか？」 「このフォント、なんか違うんだよなぁ…」あなたの会社で、Webサイトのデザインについて、こんな会話が交わされていませんか？ Webサイトのデザインは、発注者側にとって最も口出ししやすい部分です。前回も書きましたが「口出し障壁が低い」わけです。なぜなら、「良い」「悪い」の判断が、専門知識がなくても「なんとなく」できてしまうから。そして、その「なんとなく」の指示こそが、Webサイト制作の現場で最も多くのすれ違いを生み、プロジェクトを停滞させる大きな原因となっています。今回は、デザインに関する発注者側の誤解と、それに付き合わされるクリエイターたちの残念な現実についてお話しましょう。<h3>「デザイン案をいくつか」がもたらす悲劇</h3>Webサイトのリニューアルを検討する際、「とりあえず、トップページのデザイン案をいくつか見せてくれない？」という要望は非常に多く聞かれます。一見、賢い発注方法に思えるかもしれません。複数の選択肢から選ぶことで、より良いデザインにたどり着けるだろう、と。しかし、残念ながら、これは「デザイナーに考えさせる」のではなく、「デザイナーにあなたの頭の中を探り当てさせる」という、極めて非効率で無駄な行為です。以前、デザインした文字が「なんか違うんだよなぁ…」と言われたことがありました。その言葉の額面通り、何を提案しても「なんか違う…」と言われる。というのも、担当者の頭の中に明確なイメージがないから、何を出しても「なんか違う」のです。まるで宇宙の果てを探すような行為です。デザイナーは途中で根負けし、数十個のフォントをプリントアウトして「この中から選んでください」と言い出しました。デザイナーとしては褒められたことではありませんが、気持ちはわからなくもありません。当然のことですが担当者はここでも「なんか違う…」というわけで選べませんでした。デザインは、単なる「見た目」ではありません。それは、Webサイトの目的、ターゲットユーザー、コンテンツの核といった、第3回、第4回で解説した「全体戦略」を視覚的に具現化するプロセスです。コンテンツ（何を伝えるか）が不明確なままデザインを求めると、それは「中身のない箱だけを先に作ってくれ」と言っているのと同じです。 実際、Webサイトの中身も素材も提供せずに、一回目の打ち合わせで「おたくに依頼することにするから、今のサイトを見て、とりあえずトップページのデザイン案と見積もりをくれ」などという、ビジネスの常識ではありえないような失礼な発注をしてくる会社も、残念ながら存在します。<h3>「デザインセンス」という名の「好み」の押しつけ </h3>Webサイトのデザインについて、担当者や上司から出る指示の多くは、制作する側から考えると非常に曖昧で抽象的です。「ここのバナー、もっと目立つようにできないかな？ 赤にするとか…」（目立つって…赤しかないのか…）「この字、もうちょっと太くならない？」「このパーツ、もう少し下にずらして…」（レイアウト崩れるんですけど…）「うちの会社のイメージカラーは青なんだけど、なんか全然違うんだよね…」（その青の色指定してくれ…）これらの指示は、デザインのロジックではなく、担当者（または社長）の「好み」や「なんとなくのデザインセンス」に基づいています。発注者側から出る色は「赤、青、緑、黒、白」の五色くらいで、その間に存在する無限のグラデーションや、色相、彩度、明度の微妙な違いは無視されます。 とある詩人が「白と黒の間にいくつのグレーがあるのか？」と問うたように、クリエイターは、その「グレー」の微細な調整に技術と経験を注ぎ込んでいます。しかし、その苦労は、発注者側からすれば「なんとなく」の一言で片付けられてしまうのです。「それを考えるのがデザイナーだろ」 残念ながら、こう言う人もいます。しかし、それはデザイナーを「あなたの頭の中のイメージを具現化するオペレーター」としか見ていないからです。 昨今、「プロ」という言葉が安易に使われがちですが、まともなクリエイターは、単にPhotoshopやIllustratorを使いこなせるだけの人間ではありません。彼らは、あなたの指示をそのまま聞くのではなく、「なぜそうしたいのか？」という本質的な意図を理解しよう、汲みとろうと努めます。その問いかけに、あなたが「なんとなく」としか答えられないなら、クリエイターは途端にモチベーションを失ってしまうのです。 失礼ながら「中途半端なデザインセンスへの自信」を持った担当者もいます（これを読んでいるアナタはたぶん違う…はず）。「口出し障壁」が低いのもそれを増長させている。「なんとなく違う」と言い出してしまうのはその「中途半端な自信」なのです。自分ではデザインできないが故に依頼しているわけですから、そこは少し謙虚にその「なんとなく」の内実を伝えてみましょう。<figure id="figure-wo12vdar3mg7yr3la"><img id="wo12vdar3mg7yr3la" src="https://cdn.durable.co/blocks/3av1BHkgROmGVGWKtFsllHyjxuSEcUmQukYwi6OPVRx3fluv0AvAi4nq6TNXADcl.png" alt="デザイナーはつらい" title="デザイナーはつらい" class="object-cover bg-gray-100 rounded-lg md:rounded-xl lg:rounded-2xl" style="aspect-ratio: 1/1; object-position: center center;" data-corners="default" data-aspect="1:1" data-caption="デザイナーはつらいよ！" data-positionx="undefined" data-positiony="undefined" data-fullwidth="false" data-mce-src="https://cdn.durable.co/blocks/3av1BHkgROmGVGWKtFsllHyjxuSEcUmQukYwi6OPVRx3fluv0AvAi4nq6TNXADcl.png" data-mce-style="aspect-ratio: 1/1; object-position: center center;"><figcaption class="body-normal text-gray-500 mt-2">デザイナーはつらいよ！</figcaption></figure>しかし、一方でデザイナー側にも同様の問題があります。自らの審美眼や感性を絶対視し、発注者のビジネスを理解しようとしないデザイナーもいるわけです（こちらも中途半端な自信がある場合がある）。中には、「ワイヤーフレームがないとデザインできません」と、本来クリエイターが担うべきクリエイティブな思考を放棄し、オペレーター化しているとしか思えないようなデザイナーも存在します。 そもそもワイヤーフレームとは、Webサイトの「骨組み」のようなものです。コンテンツの配置や動線といった要素を、デザインや色をつけずに整理する工程で、本来はWebディレクターが作成したり、デザイナーが思考を整理するために自ら作るものです。それを「くれ」と要求するデザイナーは、「思考」のプロセスを放棄していると言わざるを得ません。 Web制作の現場には、レスポンシブデザイン、SEO、技術的な制約といった多くの制約があり、以前のようにクリエイティビティを自由に発揮しにくい状況にあることは事実です。しかし、だからといって「言われたことしかやらない」オペレーターに成り下がるのは、クリエイターとしての職責を放棄しているのと同じです。「プロ」のデザイナーが担当しますとは多くの制作会社が言っていることではあるのですが、この「プロ」という言葉の内実には注意した方がいいでしょう。クリエイティブとは、完全にロジックで詰め切れるものではなく、デザイナーの審美眼や技術力も大きく関係します。そして、そこには必ず「時代」というトレンドも影響します。どこにも絶対的な正解はありません。だからこそ、発注側もクリエイターも、謙虚に双方の意見を尊重しながら（あるいはケンカしながら）検討していくことが不可欠なのです。すぐにあの制作会社はデザインセンスが低いとか、ちゃんとした指示が来ないクライアントだとか、双方が見切りを付ける前にきちっと対話をしてみましょう。もうひとつ、そもそもデザインのことはまったくわからない。関心も無い。デザインを伝える言葉も知らない（これはフツーですけど）というような担当の方もいらっしゃいます。しかし、だからといって、以前書いたように、デザイン「丸投げ」もよくないのはおわかりだと思います。 そういう担当者の方にもおそらく、制作会社からは、どんなデザインをご希望ですか？とは聞かれているはずで、だいたいはご希望に近いwebサイトやチラシみたいなものでもいいので教えてくださいとか聞かれているはずです。クリエーターはなんらかの糸口を探り出そうとしているのです。無理しなくてもいいのですが、誠実に答えることは重要です。<h3>本当に「いいデザイン」が欲しいなら </h3>では、どうすればこの「デザイン依頼の落とし穴」を避け、本当に「いいデザイン」を手に入れられるのでしょうか？「感覚」ではなく「ビジネスロジック」で語る 「なんか違う」ではなく、「ターゲットユーザーが、このサイトを見て『信頼できる会社』だと感じるには、どうすればいいか？」といった、ビジネスのロジックに基づいた言葉で議論しましょう。これならお得意ですよね。 良いデザインは、美しいだけでなく、「ユーザーにどんな行動を促すか」という明確な目的を持っています。その目的を共有することで、クリエイターはあなたのビジネスを深く理解し、より効果的なデザインを提案してくれます。クリエイターはあなたの「パートナー」である クリエイターは、あなたの「頭の中を探り当てる」占い師ではありません。 彼らを、あなたのビジネスの目的を共に達成するための「パートナー」として信頼しましょう。デザインの方向性について意見が衝突しても、それは単なる好みの問題ではなく、「どうすればより良い成果が出るか」というプロフェッショナルな議論だと捉えましょう。Webサイト制作の現場には、残念ながら、顧客の無知につけ込み、安易なテンプレートや、理屈だけのUI/UX理論を振りかざす「オペレーター化したクリエイター」も存在します。しかし、あなたが「デザイン依頼」の本質を理解し、明確な「思考」を伝えることで、真にクリエイティブで、あなたのビジネスに貢献する「プロ」と出会うことができるのです。次回は、Webサイトの運用において、多くの企業が陥りがちな「数字だけ」に騙されるワナについて掘り下げます。=====================================================<h3><a data-mce-href="https://habitus.co.jp/about-us/articles2" href="https://habitus.co.jp/about-us/articles2">【Webサイト発注の教科書】</a></h3><figure id="figure-k2qqnjhu1smivkfw3b" class=""><img id="k2qqnjhu1smivkfw3b" src="https://cdn.durable.co/covers/16MVc6IvLBOGjUD8yymRsygKBM0YTqeQUWGBiSY9YW1bX0oNYOuzQTV5up9lu0gS.jpg" alt="" title="" class="object-cover bg-gray-100 rounded-lg md:rounded-xl lg:rounded-2xl" style="aspect-ratio: 16/9; object-position: center center;" data-corners="default" data-aspect="16:9" data-caption="" data-positionx="undefined" data-positiony="undefined" data-fullwidth="false" data-mce-src="https://cdn.durable.co/covers/16MVc6IvLBOGjUD8yymRsygKBM0YTqeQUWGBiSY9YW1bX0oNYOuzQTV5up9lu0gS.jpg" data-mce-style="aspect-ratio: 16/9; object-position: center center;"></figure>上手に発注し、良好な関係を築き、 愉しく仕事を進めるためのノウハウ満載！発注の仕方ひとつで、あなたの会社の Webサイトは劇的に変わる！「制作会社に任せたのに、なぜか成果が出ない」「費用ばかりかかって、サイトが会社の『お荷物』になっている」—この問題の根源は、Webサイトの技術ではなく、発注者側の「無意識の誤解」と、制作現場の「構造的なすれ違い」にあります。ちょっと長めの文章ですが、10回プラスαで書いてみました。Webサイトを構築、運用していく際に、役立つ、愉しめる。そして、しくじらないためのノウハウです。

#137　第7回　Webサイト発注の教科書 ：デザイナーを殺す「なんとなく」の指示と正しい依頼の論理

有限会社ハビタス

私たちハビタスはウェブサイトのリニューアルや構築はもちろんのこと、ウェブサイトがビジネスの有効な手段となり得るようにWebにおけるビジネスのあり方を顧客と共に考え、新たな指針・戦略を練り、実際にサイトを制作し運用することを仕事としています。

およそ20年を越えるウェブサイト制作会社としての構築・運用実績があります。大規模なサイトから、中小企業のコーポレートサイトまで、業種も業態も様々です。

これまでの知識と経験を踏まえて、お客様からは運用を含めたウェブサイト全般、ひいてはデジタルのビジネスにおける運用についてのアドバイスをする役割を期待されているようです。
ウェブサイトをなんらかの制作物のように作って納品するという形ではなく、将来を見越して少しずつ環境や状況の変化にあわせて臨機応変に運用するスタイルでお客様のビジネスを広くデジタルに適応させていきます。
経営者の方からの個別のご相談や社内のデジタル運用についての講演やレクチャなどもご依頼頂いております。

私たちは常に、このウェブサイトではなにを表現するのが最良なのか？と考え続けています。なによりもコンテンツが重要なのです。
ビジネスを成功に導くウェブコンテンツ戦略をきっちりと確実な仕事でお届けします。

Wix Madefor Display

PT Serif

Poppins

Cahier-Webサイトに関するノート

#163　番外編2　Webサイト発注の教科書：Webサイトの適正価格は？50万と500万で決まる「思考の価値」

#157　番外編　Webサイト発注の教科書：ノーコード導入で制作費は本当に「ゼロ」になるのか？

#151　第10回　Webサイト発注の教科書：Webサイトを「どうでもいい仕事」から「事業の核」に変える矜持

#149　第9回　Webサイト発注の教科書：Webサイトの成果を破壊する上司の「鶴の一声」対策

#139　第8回　Webサイト発注の教科書：Webサイトの値段はなぜ高い？「コスト」を「投資」に変える思考法

#137　第7回　Webサイト発注の教科書：デザイナーを殺す「なんとなく」の指示と正しい依頼の論理

Cahier-Webサイトに関するノート

#163 番外編2 Webサイト発注の教科書：Webサイトの適正価格は？50万と500万で決まる「思考の価値」

#157 番外編 Webサイト発注の教科書：ノーコード導入で制作費は本当に「ゼロ」になるのか？

#151 第10回 Webサイト発注の教科書 ：Webサイトを「どうでもいい仕事」から「事業の核」に変える矜持

#149 第9回 Webサイト発注の教科書 ：Webサイトの成果を破壊する上司の「鶴の一声」対策

#139 第8回 Webサイト発注の教科書 ：Webサイトの値段はなぜ高い？「コスト」を「投資」に変える思考法

#137 第7回 Webサイト発注の教科書 ：デザイナーを殺す「なんとなく」の指示と正しい依頼の論理

#163　番外編2　Webサイト発注の教科書：Webサイトの適正価格は？50万と500万で決まる「思考の価値」

#157　番外編　Webサイト発注の教科書：ノーコード導入で制作費は本当に「ゼロ」になるのか？

#151　第10回　Webサイト発注の教科書：Webサイトを「どうでもいい仕事」から「事業の核」に変える矜持

#149　第9回　Webサイト発注の教科書：Webサイトの成果を破壊する上司の「鶴の一声」対策

#139　第8回　Webサイト発注の教科書：Webサイトの値段はなぜ高い？「コスト」を「投資」に変える思考法

#137　第7回　Webサイト発注の教科書：デザイナーを殺す「なんとなく」の指示と正しい依頼の論理