コーディングなしのWebデザインはどこまで請ける？分業・ノーコード・納品条件
コーディングを担当しないWebデザインの仕事はありますが、画像や設計データを納品する仕事と、動くサイトを公開する仕事は責任範囲が異なります。ノーコードでも表示・リンク・フォームの確認と管理権限・費用の引継ぎが必要です。請ける範囲を先に決め、依頼仕様に対応できるかを判断しましょう。
日本でデザイン職や受託案件を探す方に向け、画像制作、実装担当との分業、ノーコード公開サイトの3つを整理します。最初の受注準備全体はWebデザイン副業の始め方｜初案件の範囲・作品・見積もりを準備、UIの設計・状態はUIデザイナー求人の選び方｜画面設計・状態・作品でスキルを示すで確認できます。
画像・設計データ・公開サイトを分ける
納品物 | 自分の担当の例 | 別担当・確認事項 |
|---|---|---|
完成画像 | 構成、文字組み、書出し | HTML実装、広告配信等は別 |
設計データ | PC・スマホ、部品、状態、仕様 | 実装、動作検査、公開の担当 |
ノーコード公開サイト | 合意した構築、設定、公開 | 機能制約、ドメイン、料金、保守、権限 |
「デザインのみ」と記載されていても、何ページ・何サイズ・どの状態まで作るかを確認します。募集がデザインと実装の両方を求めるなら、デザインファイルだけでは条件を満たしません。職名から一律にコーディングの要否を決めず、実際の担当範囲を読みます。
設計ツールのプロトタイプは動きの試作であり、実際に情報を送信するサイトとは別です。Adobe XDを使う案件なら、公式のメンテナンスモードという現状も確認し、既存案件対応と新規ツール学習を分けましょう。Adobe XD FAQ — Maintenance mode。
架空例：書店の紹介サイトをデザインする
Aさんはコードを書かず、架空の書店の紹介サイトを検討しています。ページはトップ、講座案内、問合せの3つ。営業時間や講座情報は依頼者支給とし、問合せフォームが必要です。実在案件ではなく、対応範囲を判断するための例です。
依頼が「設計データまで」で実装担当がいるなら、ページ・画面幅・状態・素材・仕様の引継ぎを合意します。「サイト公開まで」なら、使用ツールの機能と制約を確認し、フォーム送信や通知、管理者のアクセスまで試せる必要があります。3ページだから簡単と決めつけません。
実装担当へ渡す設計シート
書店サイトの引継ぎメモ（架空）
目的：営業時間・講座・問合せ先を確認できるようにする
構成：トップ／講座案内／問合せ
画面幅：PC・スマホと途中幅の折返し、画像の扱い
部品：見出し、ボタン、入力欄の規則
状態：未入力、入力エラー、送信中、成功の案内
素材：入手先、使用許諾、ファイル一覧
未対応：フォームの送信処理、公開設定は実装担当が担当
静止画を渡すだけでなく、リンク先、余白・部品の使い分け、長い文言の場合、入力エラーの位置と理由などを伝えます。実装しにくい仕様があれば早めに相談し、納品前に全部作り終えてから問題を発見する進め方を避けましょう。
フォームのラベル、補足、状態、支援技術への情報は設計と実装の両方で確認します。デジタル庁デザインシステムβ版 インプットテキスト（アクセシビリティ）が参考になります。設計データだけで実際のアクセシビリティ適合を保証することはできません。
ノーコードは製品の制約と依頼仕様を照合する
使うツールで、フォーム、CMS、外部連携、会員機能、データ管理、独自ドメイン等の必要条件を満たせるかを確認します。機能や料金は変わるため、実際の契約プランと公式案内で確かめます。知らない機能を「コードなしでできる」と即答しないでください。
例えばStudioの公式案内では、埋め込みや有料プランのカスタムコード追加は可能ですが、ページHTMLの直接編集や、サイトHTMLを外部へ出力する機能は提供されていません。Studioで HTMLの編集・追加・出力をしたい。これはStudioの条件ですべてのノーコード製品の制約ではありません。
書店からの依頼例（架空） | 判断 | 合意・確認 |
|---|---|---|
設計データのみ、実装担当あり | 設計範囲が合えば検討 | 状態、画面幅、形式、連携日程 |
Studioで3ページとフォームを公開 | 検証・引継ぎまで対応できれば検討 | 送信・通知・権限・費用・保守 |
HTML/CSS一式を外部サーバーへ納品 | Studioの標準外部出力で対応できるとはしない | 別実装担当を確保するか見送る |
独自ログイン・複雑な外部連携 | 調査前に請負を約束しない | 要件と製品機能、専門担当を確認 |
公開前に動作を確認する
公開まで請ける場合、編集画面の見た目だけで完了にしません。対象の画面幅と実際のブラウザで、文字・画像・リンク・主要操作を確認します。フォームは未入力、誤入力、送信、通知先への到着、成功の表示を試し、確認結果を記録します。
個人情報を扱うフォームなら、何を収集し、誰が閲覧し、どこで保管・削除するかを依頼者と確認します。テストには架空データを使い、実在顧客情報を作品に載せません。外部連携は公開環境での動作も確認し、点検範囲と未解決点を伝えます。
管理権限と料金を依頼者へ引き継ぐ
公開できたことと、依頼者が更新・支払い・管理できることは別です。プロジェクト、ドメイン、連携先、通知先の管理者と、継続費用を払う人を決めます。依頼者本人がアクセスして更新できるかを確認し、パスワードの使い回しや個人アカウントの共有で済ませないようにします。
Studioでは支払いオーナーの変更にオーナー権限や引継ぎ先本人の操作等の条件があります。単にURLを渡すこととは異なります。最新の公式手順と条件を確認してください。Studio プロジェクトの支払いオーナーを変更する。
- 更新手順と、変更してよい箇所を説明する。
- 素材・フォントの条件、ページ・設定の記録を渡す。
- 契約・ドメイン・継続費用の担当を確認する。
- 公開後の不具合、内容変更、保守の期間と費用を合意する。
分業契約と学習範囲を決める
実装担当と組む場合は、依頼者に体制を説明し、外部委託の可否、守秘、報酬・期限、修正・不具合の窓口を合意します。フリーランス法は当事者や期間等で適用が変わるので、必要な条件を確認します。公正取引委員会 フリーランス法特設サイト。素材と設計データの権利・公開許可も分けて確認します。文化庁 誰でもできる著作権契約マニュアル 第1章1(2)。
HTMLの意味構造、CSSの画面幅への対応、画像形式、フォーム状態、キーボード操作などの基礎は、実装担当との相談に役立ちます。ただし学習すれば報酬や市場価値が必ず上がるとは言えません。自分の担当で何を説明・検査する必要があるかから学習範囲を決めます。
請ける前の最終チェック
- 完成画像・設計データ・公開サイトのどれを納品するか
- 実装と公開・QAの担当、修正窓口
- 必要な機能と製品の制約
- 表示・リンク・フォームの試験範囲
- 素材・フォント・編集データ・公開許可
- 管理者・料金・ドメイン・通知先の引継ぎ
- 公開後の保守・変更費用と未対応範囲
Aさんは、自分が設計だけを担当した作品と、公開まで検証した作品を区別して掲載します。実装担当の成果まで自分が作ったとせず、対応できる範囲を具体的に示すことが応募・提案の土台になります。
出典・確認先
制度の公開情報は2026年10月5日に確認。個別の条件は各案内・窓口で確認してください。
