要件定義（初期整理）
製品画像の表示改善の対象を決める
1人日・8時間 50,000円（税別・参考）
- 8時間の初期整理で3ページ20画像を確認し、3ページ・画像20点以内の解像度/容量/表示サイズ/読込順を調整する範囲と未確定事項を合意する。
- 画質条件の承認票を基に「表示と操作の確認」「主要画像の遅延」の受入条件を決め、追加の全社調査を切り分ける。
お渡しするもの
製品画像の表示改善の対象・受入条件・判断担当をまとめた初期合意票
支援例・参考費用 ／ 製造業 ／ 閲覧速度
製品画像の表示と読み込みの負担を見直す
限定した対象・作業範囲の支援例です。実在顧客の導入実績や実績価格ではなく、正式見積前の参考情報です。
初期役務費の参考合計（税別）
375,000円
下記5工程の合計です。1人日8時間・50,000円の参考単価で、延べ7.5人日（60時間）を想定しています。工数は納期や成果の保証ではありません。
機器・ライセンス・クラウド利用料・交通費・外部ベンダー費等は別途。対象範囲・前提条件を確認して正式にお見積りします。
この金額で想定する対象範囲
- 参考想定：3ページ・画像20点以内の解像度/容量/表示サイズ/読込順を調整する
- 参考想定：既存3画面・3画面幅のUIまたは20画像の表示を調整し比較試験
- 参考想定：3画面幅で主要操作5種を確認し、改修前後の表示と読込指標を同条件で記録して公開
初期費用の内訳
| 工程 | 参考工数 | 費用 |
|---|---|---|
| 要件定義（初期整理） | 1人日 | 50,000円 |
| 設計 | 1.5人日 | 75,000円 |
| 設定・構築・作成 | 2人日 | 100,000円 |
| テスト・レビュー | 2人日 | 100,000円 |
| リリース・引継ぎ | 1人日 | 50,000円 |
| 初期合計 | 7.5人日 | 375,000円 |
要件定義50,000円は対象・受入条件の初期整理8時間分です。全体の費用ではなく、全社調査や詳細要件定義の完了を保証するものでもありません。
月次役務費（初期費用とは別）
この参考概算に月次役務は含みません。継続運用が無料、または不要という意味ではありません。必要な支援範囲を確認して別途お見積りします。
SUPPORT GUIDE
支援の進め方とお渡しするもの
製品画像の表示改善のモデル支援プランとして、3ページ20画像以内の表示寸法・容量・読込順を整理し、初期表示に必要な画像を決めます。初期支援は3ページ・画像20点以内の解像度/容量/表示サイズ/読込順を調整する範囲とし、画像前後比較記録を受入時に確認します。
限定条件を置いた支援の進め方の例です。実在顧客の実績・実績価格・実測成果ではありません。
最初にご用意いただく資料
- 3ページ20画像
- 製品画像の表示へ反映する対象と現状の差分を特定する
- 画像サイズ・表示記録
- 表示寸法と主要画像の内容・根拠を照合する
- 画質条件の承認票
- Web画像担当が判断すべき公開条件・例外と受入結果を確定する
5工程で行うこと
工程ごとに、作業・確認・成果物を分けて整理しています。以下の工数と費用は上記の参考内訳と同じです。
設計
製品画像の表示改善の扱いを設計する
1.5人日・12時間 75,000円（税別・参考）
- 3ページ20画像以内の表示寸法・容量・読込順を整理し、初期表示に必要な画像を決める。
- 3画面幅で必要な解像度を確認し、画面外画像と主要画像の読込方針を分ける。
お渡しするもの
製品画像の表示の構成と表示寸法・主要画像の設計票
設定・構築・作成
合意した対象へ反映する
2人日・16時間 100,000円（税別・参考）
- 合意した解像度・容量・表示寸法へ調整し、必要に応じて適切な読込順を設定する。
- 画像の置換前後と主要操作5種の比較条件を記録する。
お渡しするもの
製品画像の表示の設定・作成結果と変更前後の対応記録
テスト・レビュー
画像前後比較記録を照合する
2人日・16時間 100,000円（税別・参考）
- 3画面幅で画質・欠け・主要5操作を確認する。
- 初期表示画像を遅延対象にしていないか確認する。併せて同じ回線等で読込指標を比較し元画像へ戻す。
お渡しするもの
製品画像の表示改善の正常・例外・復帰または境界確認記録
リリース・引継ぎ
対象を限定して引き継ぐ
1人日・8時間 50,000円（税別・参考）
- 承認済みの対象だけを見積の公開範囲で反映し、製品画像の表示の表示と入口リンクを公開先で再確認する。
- Web画像担当へ見積範囲の引継ぎを行い、「元画像を保管」の実施方法と未解決事項の連絡先を確認する。
お渡しするもの
画像前後比較記録の受入記録と運用・例外対応の引継ぎ記録
構成と確認手順のイメージ
図は支援内容を説明するための例です。実際のお客様の環境・画面・成果を示すものではありません。
図を拡大して見る ↗
図を拡大して見る ↗
設計・記録の具体例
製品画像の表示改善の記録・設定例（説明用。名称と値は合意して確定）
- 表示寸法
- 実レイアウトに必要な寸法
一律の小型化はしない
- 主要画像
- 初期表示に必要な製品画像
遅延読込の対象を慎重に選ぶ
- 比較条件
- 同じ画面幅と回線条件
指標の閾値達成を保証しない
受入時に確認すること
実測結果の紹介ではなく、実施時に確認する試験の例です。
CHECK 01
表示と操作の確認
- 確認方法
- 3画面幅で画質・欠け・主要5操作を確認する。
- 判断できる状態
- 製品情報を読めて主要操作を妨げない。
CHECK 02
主要画像の遅延
- 確認方法
- 初期表示画像を遅延対象にしていないか確認する。
- 判断できる状態
- 重要画像の表示を不用意に遅らせない。
CHECK 03
同条件比較と復帰
- 確認方法
- 同じ回線等で読込指標を比較し元画像へ戻す。
- 判断できる状態
- 画質と速度の差を記録して復帰できる。
引継ぎ資料と担当範囲
- 製品画像の表示改善の対象表：3ページ20画像と対象外・保留事項の対応
- 製品画像の表示の設計・変更記録：表示寸法、主要画像と反映先
- 受入確認記録：「表示と操作の確認」「主要画像の遅延」「同条件比較と復帰」の実施結果
- 更新・例外対応手順：Web画像担当の確認箇所、元の内容への復帰または未確定事項の保留、問い合わせ先
XEROTTAが行うこと
- 3ページ20画像を基に製品画像の表示の設計・設定または文書作成を行う
- 合意した受入テストを記録し、Web画像担当へ更新・例外対応を説明する
お客様にお願いすること
- 画像サイズ・表示記録と画質条件の承認票を提供し、掲載の正しさ・権限・利用条件を判断する
- Web画像担当と試験担当を用意し、保留事項の扱いと受入可否を決める
注意点と対象範囲の境界
- 容量削減で製品の細部が読めなくならないよう主管が画質を確認する。
- 画像以外の要因で指標が変わるため基盤移転やCDN構築まで範囲を拡張しない。
初期価格に含む参考範囲は次のとおりです。「3ページ・画像20点以内の解像度/容量/表示サイズ/読込順を調整する」「既存3画面・3画面幅のUIまたは20画像の表示を調整し比較試験」「3画面幅で主要操作5種を確認し、改修前後の表示と読込指標を同条件で記録して公開」。記載したテストは見積内で行う代表観点であり、試験回数の追加ではありません。次は初期範囲に含みません：基盤移転、CDN新規構築、Core Web Vitalsの閾値達成保証、サイト全体刷新、独自CMS/業務システムの開発、広告運用代行、撮影・有償素材・翻訳費。提供資料・権限・ライセンスが揃うことを前提とし、対象の追加、独自機能、追加調査や継続運用は別途見積もります。
技術情報の参照元
- web.dev：ブラウザー標準の画像遅延読み込み ↗
画面外画像と初期表示画像の読込方法を分ける根拠
- W3C WAI：ページ構造 ↗
見出し、領域、導線で内容を理解しやすくする設計の参照
想定する課題
製造業で、大きい画像で主要情報の表示が遅れるという状況を想定します。対象業務・現在の管理方法・関係者への影響を確認したうえで、対応範囲を決めます。
対象技術・テーマ
閲覧速度
含まれない作業・別途費用
- 基盤移転
- CDN新規構築
- Core Web Vitalsの閾値達成保証
- サイト全体刷新、独自CMS/業務システムの開発、広告運用代行、撮影・有償素材・翻訳費
個別に確認・再見積する条件
- CMS/テーマの制約で標準編集できない場合、外部システム連携や全面デザイン変更を要する場合
- 対象数・変更箇所・接続先が記載上限を超える場合、または事前資料/権限が不足し追加調査が必要な場合
- 代表範囲を超える対象数・拠点数・連携数・データ量
- 既存環境の不整合、権限不足、製品仕様・ライセンス制約
- 追加ヒアリング、仕様変更、追加検証、夜間休日作業、緊急対応
参考工数の前提条件
- 編集可能な既存CMS・1サイト・日本語を前提。権限と検証環境は準備済みと仮定
- 文章の事実・掲載許諾・画像素材は発注者が確認して提供。数量は参考積算用の仮定であり原文の事実ではない
- 要件定義1人日は、提供資料を基にした1回の初期ヒアリングと対象・受入条件の合意まで。追加調査、全社要件整理は別途
- 各工程の人日は作業工数。発注者確認待ち、契約調整、調達待ちを含む経過日数ではない
- 本ページは支援例であり、記載した対象数・工数は参考想定。導入実績・効果・実売価格を示さない