Blog

<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サイト発注の教科書 ：デザイナーを殺す「なんとなく」の指示と正しい依頼の論理

<figure id="figure-7ane2kul48mfnb6k1j"><img id="7ane2kul48mfnb6k1j" 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: 40% 0%;" data-corners="default" data-aspect="16:9" data-caption="Webサイト発注の教科書" data-positionx="40%" 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: 40% 0%;"><figcaption class="body-normal text-gray-500 mt-2">Webサイト発注の教科書</figcaption></figure><h2>「プロジェクト停滞」</h2>【３つのフォーカス】1．停滞の原因： Webサイト制作が「分業化」された結果、多様な専門家間の「翻訳」と「バケツリレー」で情報がこぼれ、プロジェクトが停止するメカニズム。2．最大の敵： プロジェクトを停滞させる最大の原因は、外部の制作会社ではなく、発注者側の「社内協力体制の欠如」と「意思決定の遅れ」にある。3．担当者の使命： Web担当者が、社内外の専門家をつなぎ、意思決定を促す「橋渡し役（トランスレータ）」としてリーダーシップを発揮する重要性。=====================================================【キーワード】#Webプロジェクト停滞 #Web制作分業化 #橋渡し役 #社内調整ミス #意思決定の遅れ #トランスレータの役割 ===================================================== <h3>～なぜ、あなたのWebサイトは「完成しない」のか？～</h3> 「Webサイト、いつになったら完成するんだろう？」 「担当者が変わるたびに、話が振り出しに戻ってしまう…」あなたの会社で、そんな声が上がっていませんか？ あるいは、Webサイト制作を依頼したものの、最初の勢いだけですぐにプロジェクトが停滞し、公開の目処が立たなくなってしまった、という経験はないでしょうか。<a href="https://habitus.co.jp/blog/-109" data-mce-href="https://habitus.co.jp/blog/-109" title="Webサイト発注の教科書 「なんか違う」">第3回</a>から<a data-mce-href="https://habitus.co.jp/blog/-127" href="https://habitus.co.jp/blog/-127" title="Webサイト発注の教科書「Web制作相場とコンペの罠」">第5回</a>にかけて、Webサイトが期待外れに終わる原因として「丸投げ」や「準備不足」を指摘しました。しかし、どれだけ綿密な準備をしても、なぜかプロジェクトがスムーズに進まないことがあります。 その原因は、Webサイト制作の根底にある「複雑な分業化」という構造的な問題に隠されています。そして、その問題の多くは、実は発注者側の社内にあるのです。<h3>Webサイト制作は「ひとりの職人技」から「多様な専門家の協業」へ</h3> かつてWebサイト制作は、ひとりの「Webデザイナー」がデザインからコーディングまでを担う、ある種の「職人技」でした。しかし、Webサイトの機能が高度化し、スマートフォン対応や、裏側で複雑なシステムが動く現代においては、ひとりで全てを完結させることは不可能になりました。今のWebサイト制作は、まるで家を建てるのと同じです。 建築家、大工、電気工、配管工、左官工…それぞれが専門家として連携しなければ、家は完成しません。 Webサイトも同様です。ちょっと家建てるときのイメージで制作会社にどのようなスタッフがいるか、カンタンに書いてみると…。●Webディレクター： 建築家のように全体の設計図を描き、プロジェクトを統括します。多くの制作会社が担当窓口としています。●UI/UXデザイナー： 家族の暮らしやすさ（ユーザー体験）を考え、間取りや内装のデザイン（見た目と使い勝手）を設計します。●フロントエンドエンジニア： 窓やドア、壁といった、目に見える部分を正確に組み立てていきます。●バックエンドエンジニア： 水道やガス、電気といった、目に見えないインフラ（システムの裏側）を構築します。●コンテンツストラテジスト： 家族の歴史や未来の暮らしをヒアリングし、住む人が何を語る家にするか（Webサイトに何を載せるか）を考えます。このように、現代のWeb制作は、多様な専門家による「分業化」で成り立っています。 もっとも制作会社によって様々な「肩書き」の専門家（なかにはカタカナのよくわからないのもありますけど…）がいますし、小さな会社だと兼務していることもあるわけですし、部分的にアウトソースしている場合もあるでしょう。 このようにそれぞれがそれなりに専門化、高度化しているので、かつてのように、ひとりですべて…というのはもはや無理なのです。ま、そもそも普段のビジネス自体がもはや一社のみで成立しなくなっているのと同じと言えば同じようなものです。<h3> プロジェクトを停滞させる最大の原因は「発注側社内の遅れ」</h3>この分業化は、 Webサイトの高度化には不可欠な一方で、さまざまなワナをはらんでいます。 ワナと書きましたけど、複数の人間が関わるプロジェクトになったということなので、当然そこにはいくつかのトラブルになりそうなことが潜んでいるという意味です。 特に、中小企業がWebサイト制作を依頼する際に直面する「あるある」です。 ■翻訳者としての「Webディレクター」の役割を軽視するワナ： 制作会社のWebディレクターは、発注者であるあなたの意図を正確に理解し、それをクリエイターたちが理解できる「技術的な言葉」に翻訳する、いわば「トランスレータ（翻訳者）」の役割を担います。 優秀なWebディレクターは優秀な翻訳家なのです。逆もしかりです。技術的なまたはクリエイティブな要素を会社のweb担当者にわかりやすく、ビジネスの用語？や一般的に通用している用語に変換して伝えてくれるはずです。しかし、Web担当者が「直接、デザイナーやクリエイターと話したい」と要望してくるケースが時々あります。 気持ちは分かります。デザインについて直接指示を出して、その場で確認したい。 しかし、これをやるとクリエイターたちは確実にいわゆるオペレーター化します。「言われた通りにやっておけば文句は出ないだろう」と考えるようになり、結果としてできあがったサイトは、デザインセンスのないもの、よく見かけるモノになってしまうというオチもつきます （残念ながら…。デザインの話はここでいづれすることになりますが、なぜかデザインに関しては誰でも口出しできることになってしまっているようです。「口出し障壁」が低い。ちゃんとプロフェッショナルな領域があるとこれを読んでいる賢明なweb担当者はおわかりでしょうが…）Webディレクターという窓口をきちんと通すこと。これが、あなたの思いを正確に伝え、クリエイターにクリエイティビティを発揮させるための、最初のルールです。■「情報のバケツリレー」による伝達ミス： 担当者であるあなたからWebディレクターへ、そしてWebディレクターから各専門家へ…と情報は伝わります。この過程で、伝達ミスや、微妙なニュアンスのズレが生じることは避けられません。Webサイトの方向性や、デザインの意図といった重要な情報が、バケツの穴から少しずつこぼれ落ちていくようなものです。 これはプロジェクトの進行においては自明のことというか、織り込み済みのことなのです。残念ですがゼロにはできません。 いかにしてこのズレを少なくするか？を考えるべきです。（様々なプロジェクトマネジメントの理論もあることはご存じかと思います。ここではそんな話ではないのですが…）しかし、Web担当者が、制作会社のWebディレクターとの連携を疎かにし、Webサイトの目的やコンテンツの意図を曖昧に伝えてしまうと、この「情報のバケツリレー」は、より大きな伝達ミスと認識のズレを生んでしまいます。 「言った↔言わない」のモヤモヤ感もよく生じる場面です。先にも書きましたがWebデイレクターは翻訳家ですから、こちらが伝えたことがどのような形でアウトプットされるのかも翻訳してもらうことにしましょう。厳密にはこの翻訳におけるズレがあるわけなので、逆にそのズレを踏まえておくことができるというメリットもあります。 ただ、Webのデザインに関する限り、ある種の「よい裏切り」があるだろうと私は思っています。 会社のWeb担当者が思い描いたデザイン通りにできなかったということは必ずしも悪いことではなく、これぞクリエイティブというある種の違った視点を提示してくれることもあるのです。 これはズレとかミスとかではなく、「解釈」「翻訳」と考えるべきことなのかもしれませんが…。■「社内協力体制の欠如」という最大の停滞要因： プロジェクトが遅れる最大の理由は、やはり発注者側の社内に大きな要因があります。Web業界では「総務部が窓口になるとサイトはちゃんとできない」と、半ばジョークのように言われることがあります。これは、総務部の人たちが無能だからではありません。彼らは、Webサイトというプロジェクトの「決定権」を持っておらず、社内のあちこちの部署にお伺いを立てる「御用聞き」になってしまうことが多いからです。（総務部の人スミマセン。必ずしもすべてがそうだというわけではないことは重々承知しています） 会議のセッティングですら、関係者全員の都合を待つ。全員が都合つかなければ開かれない。しかし、内容によっては全員が出席する必要なんてないはずです。 このような状況では、Webサイトの仕様やサイト構成図の確認一つにしても、時間がかかります。制作期間を仮に3ヶ月と想定してプロジェクトが始まっても、発注者側の確認や意思決定が滞ることで、半年、一年と伸びてしまうことも珍しくありません。制作会社は、3ヶ月の工数を想定して見積もりを出しているのに、発注者側の遅延で大きな負担を強いられます。納品完了となってからの請求・支払いが多いWeb制作の世界では、これはもう真っ赤かの赤字です。<figure id="figure-odcem3d8mmfnbwtd7"><img id="odcem3d8mmfnbwtd7" src="https://cdn.durable.co/blocks/2akFay2ELZxeiHRUmqNuYt2DGbgAUmHp3mm5Ev04oOsylw0dqCTktEpFyiaKS0WY.png" alt="プロジェクトが停滞する" title="プロジェクトが停滞する" class="object-cover bg-gray-100 rounded-lg md:rounded-xl lg:rounded-2xl" style="aspect-ratio: 16/9; object-position: undefined undefined;" 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/blocks/2akFay2ELZxeiHRUmqNuYt2DGbgAUmHp3mm5Ev04oOsylw0dqCTktEpFyiaKS0WY.png" data-mce-style="aspect-ratio: 16/9; object-position: undefined undefined;"></figure><h3>プロジェクトを停滞させない！Web担当者が果たすべき「橋渡し役」の使命</h3> では、どうすればこの「分業化のワナ」を避け、プロジェクトを円滑に進められるのでしょうか？Web担当者であるあなたが、この複雑な分業化の「橋渡し役」になること、これしかありません。ただし、その役割は、制作会社のWebディレクターを助けることだけではありません。あなたがまず、自社のWebサイトプロジェクトの「リーダー」として、社内の協力体制を築き、迅速な意思決定を促すことが最も重要なのです。1. 指示系統を明確にする： Webディレクターは、制作会社との窓口として不可欠です。一方で、サーバー会社、すでに利用しているSaaS会社、社内の他部署とのやりとりまで、すべてWebディレクターに丸投げすることは避けるべきです。どこまでが制作会社の管轄で、どこからがあなたの会社が責任を持つべきか、指示系統をはっきりさせましょう。 詳細なweb制作に関する知識は必要ないと何度も申し上げていますが、知識はあるに越したことはないですが、ここでも特別な知識は必要ありません。全体の流れがわからなければ、制作会社のディレクターに相談すればいいのです。どういう手順でなにをしていけばよいのか？そこで、社内の事情を鑑みて指揮系統を明確にしていけばいいのです。2. 迅速な意思決定を促す： Webサイト制作が進行していることを、社内の関係部署や上司に定期的に共有し、重要な決定事項については、迅速に回答が得られるような仕組みを整えましょう。 言うは易し。なかなか上席や忙しい人たちにwebサイトの情報共有は理解してもらえない。在宅ワークが多くなっているような場合、オンラインでの社内ミーティングでは、議題として一番最後だったりすると、時間切れで、次の週まで持ち越しなんてことも起こりえます。社内に皆がいる環境であれば、ミーティング終了後にちょっと相談って感じで話持ちかけられたりできるわけです。 なるだけ、事前にwebサイトの重要性を社内にアピールしておくことも必要です。Webサイト制作は、関わるすべての人間が「チーム」として協業するプロセスです。担当者がこの「橋渡し役」としての使命を果たすことで、Webサイトは「なんとなく」で終わることなく、関わった全員が誇りを持てる「成果」へと繋がるのです。次回は、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-2okja3hk1kmivki78a" class=""><img id="2okja3hk1kmivki78a" 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サイトを構築、運用していく際に、役立つ、愉しめる。そして、しくじらないためのノウハウです。

#131　第6回　Webサイト発注の教科書 ：Webサイトが「いつまで経っても公開できない」構造的な理由

Habitus Co., Ltd.

Habitus Co., Ltd. is a strategic web production and content strategy agency based in Shibuya, Tokyo, with over 20 years of experience. We do not just "build and deliver" websites; we act as a long-term strategic partner to grow your business in the digital age.

Our core expertise lies in "Content Strategy" and "LLMO (AI Search Optimization)." In an era where AI answers user queries, we ensure your business information is structured and optimized not only for human readers but also for AI engines like ChatGPT, Gemini, and Perplexity.

Our Services:

Web Strategy & Architecture: Designing logical structures that define "who, what, and why."

LLMO (AI Search Optimization): Implementing structured data (JSON-LD) and Habitus Logic to prevent AI hallucinations.

Web Production & Management: Providing high-quality design and ongoing operational support tailored to business changes.

From major corporations to SMEs, we support clients who value "Content" as their most significant business asset. We translate your business philosophy into a digital format that yields results.

Wix Madefor Display

PT Serif

Poppins

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

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

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

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

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

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

#131　第6回　Webサイト発注の教科書：Webサイトが「いつまで経っても公開できない」構造的な理由

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

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

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

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

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

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

#131 第6回 Webサイト発注の教科書 ：Webサイトが「いつまで経っても公開できない」構造的な理由

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

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

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

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

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

#131　第6回　Webサイト発注の教科書：Webサイトが「いつまで経っても公開できない」構造的な理由