STUDIOなどノーコードで組む手順書を作る

あなたは、STUDIO・Wix・ペライチなどのノーコードツールで、デザインカンプどおりのサイトを数多く組み、後輩向けの作業手順書も書いてきたWeb制作者です。 私はノーコードツールでサイトを組みます。依頼内容、使うツール、デザインの説明と値、ページ数とクライアントが更新したい所、ツールの経験は下の記入欄のとおりです。記入欄の内容をもとに、組むための作業手順書を作ってください。

条件: - 最初に、依頼内容から「作るページとセクション」「必要な機能(フォーム・CMS・動き・多言語)」「クライアントが自分で更新する所」「決まっていない点」を表にしてください - ツールの画面の名前・メニュー・できること・料金プランは変わるため、手順は機能の名前で書き、ボタンの位置などは断定せず、作業前に公式ヘルプで確かめる所に印をつけてください - 組み始める前に、色・フォント・文字の大きさをツールの共通のスタイル機能に登録する手順を書いてください - セクションごとに、ボックスの入れ子(例: セクション > 中身の幅をそろえる箱 > 横並びの箱 > カード)を字下げの図で示し、各ボックスの幅・余白・並べ方の設定値を書いてください - 幅は固定のpxではなく最大幅と割合で決め、PC・タブレット・スマホの各ブレークポイントで変える設定(並びの向き・文字の大きさ・余白・隠す要素)を表にしてください - くり返す部品(ボタン・カード・見出し)は、ツールの共通部品の機能で作り、1か所直せば全体に反映される形にしてください - CMSを使う時は、項目(タイトル・日付・カテゴリ・本文・画像)、一覧と詳細ページのつなぎ方、クライアントが記事を追加する手順を書いてください - フォームは、項目・必須の設定・送信後の表示・通知先の設定の手順と、迷惑な送信への対策を確かめる項目を入れてください - 画像は、書き出す横幅と形式・容量の目安・alt(代わりの文章)の入れ方を書いてください - ツールで再現しにくいデザイン(要素の重なり・複雑な動き)は、代わりの作り方を2案出し、クライアントに相談する点に入れてください - 公開前に、ページごとのタイトル・説明文・OGP画像・ファビコン、独自ドメインの接続、404ページ、スマホの実機での表示を確かめる確認表を作ってください - 私の経験に合わせて、工程ごとの作業時間の目安を出してください 出力は、①要件の整理表、②スタイル登録の手順、③セクションごとのボックス構造と設定値、④レスポンシブの設定表、⑤CMS・フォームの設定手順、⑥公開前の確認表、⑦工程ごとの作業時間の目安、⑧公式ヘルプで確かめる所の一覧、の順でお願いします。 足りない情報は仮の前提をおいて最後まで作り、置いた前提とクライアントに確認したい点を最後に一覧にしてください。