PROJECT WORKFLOW & GOVERNANCE OSAKA CRAFT SPECIFICATION

要件確定から3〜6週間で検証済みコードを納品する進行手順です

営業や代理店の伝言ゲームを挟まず、デザイナーとエンジニアが直接TrelloとFigmaで進捗を共有します。1〜3回の修正ラウンドを定めて、手戻りのない静的サイト制作を実行します。

標準納期
3–6週間(1〜5ページ規模)
修正ラウンド
1–3回(設計段階と実装段階)
道具
Figma / Trello / Git / HTML・CSS
STAGE 1 / SPECIFICATION 1〜3営業日

要件定義と価格・修正回数の確定

制作の成否は着手前の境界線で決まります。想定ページ数(1〜5ページ)、原稿支給の有無、広告媒体(Google Ads、Microsoft Advertising、Meta Ads)との連携要件、計測タグの仕様を確認。LP制作一式300,000円〜800,000円の範囲から確定見積書を発行します。

「修正は何回まで含まれるか」「デザイン確定後のレイアウト変更はどう扱うか」を事前に明記し、双方が納得した上で着手します。

担当: デザイナー & エンジニア 成果物: 要件定義メモ・確定見積書 修正枠: 着手前のスコープ調整
STAGE 2 / WIREFRAME & FIGMA 1〜2週間

FigmaによるUIコンポーネントと配色設計

構成案が固まった後、Figma上で実物大のプロトタイプを構築します。フォントサイズ、余白、見出し階層、ボタンのタップ領域(最小44px)を正確に定義。PCとスマートフォンの両方の表示状態を制作し、閲覧URLを共有します。

Figmaを用いたUIコンポーネントと配色パレットの設計プロセス
Figmaコンポーネントボードによるカラーシステムと文字階層の定義
担当: デザイナー 修正第1回: ワイヤーフレームと文言確認 修正第2回: ビジュアルトーンと細部調整
STAGE 3 / HAND CODING 1〜2週間

HTML/CSS/JSによる手動コーディング

デザイン合意後、エンジニアが静的マークアップを行います。重厚なフレームワークに依存せず、セマンティックなHTMLと整理されたCSSで実装。CLS(レイアウトのズレ)を防ぐ画像サイズ定義、Google Consent Mode v2に対応したスクリプト配備、DevToolsを用いた表示速度測定を徹底します。

軽量かつ堅牢なセマンティックHTMLとCSSの手動コーディング作業
手動記述によるHTML/CSSマークアップとカスタムプロパティ管理
担当: エンジニア 検証ブラウザ: Chrome / Safari / Edge / iOS / Android 性能基準: PageSpeed 90点以上目標
STAGE 4 / VERIFICATION & REVISIONS 3〜5営業日

実機テストと最終修正ラウンド

テストサーバへ展開し、実機端末で動作確認を行います。フォーム送信テスト(doma66e.phpでの必須項目判定、エラー表示、通知メール受信)、リンク切れ検査、文字の折り返し挙動を検証。ここで第3回目の最終確認を行い、細かな文字修正やズレを解消します。

担当: デザイナー & エンジニア 修正第3回: 実機上での軽微な微調整 検収項目: フォーム通信・タグ着火・レスポンシブ
STAGE 5 / DEPLOYMENT & HANDOVER 1〜2営業日

本番公開と運用・保守への引き継ぎ

お客様の本番サーバまたはホスティング環境へ安全にデプロイします。公開直後に実ブラウザからGoogle Adsのgclidパラメータ、Microsoftのmsclkid、Metaのfbclidを付与したテストアクセスを行い、Consent Mode v2のステータス遷移が正常か確認。公開後の定期バックアップや月額保守(20,000円〜50,000円/月)へシームレスに移行できます。

納品形式: Gitリポジトリ / ZIP一式 / サーバ直接配置 保証: 納品後30日間の瑕疵対応 保守連携: support.htmlにて受付

制作のご相談・日程の確認

着手希望時期や公開予定日がお決まりでしたら、お気軽にお知らせください。直近の制作枠の空き状況と合わせて回答いたします。

お名前を入力してください。
有効なメールアドレスを入力してください。
有効な電話番号を入力してください。
個人情報の取り扱いへの同意が必要です。
miniaxon チャット窓口
miniaxonにお問い合わせいただきありがとうございます。制作や改修のご相談内容をお送りください。