DOCUMENTS
ご相談時に
お送りいただくもの
案件の全体像を確認できる資料があれば、対応可否と追加確認事項をご案内できます。
-
01
サイトマップ・ページ一覧
ページ数、代表テンプレート、特殊ページの有無が分かる資料を共有いただきます。
-
02
代表的なFigma
TOP、一覧、詳細、フォームなど、構造と実装難易度を確認できるページを共有いただきます。
-
03
希望納期・公開予定日
希望日から逆算し、実装と確認に必要な期間を確認します。
-
04
決定済みの仕様
CMS、JavaScript、対応ブラウザ、アクセシビリティなど、現時点で決まっている内容を共有いただきます。
BEFORE ORDER
お問い合わせからご発注まで
-
STEP｜01
案件相談
ご確認いただくこと
入稿いただいたデザインをもとに、共通パーツやページ構成を整理。後続ページを効率よく展開するための実装ルールを設定します。
サービス対象かどうか、追加で必要な資料、事前確認事項、お見積もりまでの進め方をご案内します。
-
STEP｜02
Figmaデータの
事前確認 ご確認いただくこと
必要に応じてFigmaの閲覧権限と、動作や例外状態が分かる資料をご共有ください。
そのまま実装へ進められるか、修正が必要な箇所、追加で必要なデザインや仕様をご案内します。
見た目だけでなく、AIと制作チームがページ構造や共通部品を読み取れる状態かを確認します。
-
Auto Layout
フレームや部品の並び、padding、gapが構造として設定されているかを確認します。
-
コンポーネント・Variant
再利用するUIと、hover・disabled・error等の状態が整理されているかを確認します。
-
画面幅の対応関係
PC・SP・タブレットで、同じページや部品が対応付けられているかを確認します。
-
レイヤー名・スタイル
役割が分かる命名と、色・文字・余白等の共通ルールを確認します。
-
繰り返し・動的状態
リスト、件数変化、操作状態などがデザイン上で判別できるかを確認します。
-
実装対象の整理
完成デザインとラフ・旧案・却下案が区別されているかを確認します。
-
-
STEP｜03
お見積もり・
ご提案 ご確認いただくこと
対象ページ、実装内容、スケジュール、確認方法、納品物をご確認ください。
お見積もり、制作条件、前提事項、対象外作業をまとめてご提示します。
AFTER ORDER
ご発注後から納品まで
-
STEP｜04
実装基準の確認
ご確認いただくこと
代表ページのHTML構造、共通部品、レスポンシブ、UIの状態、CMS等への組み込み方針をご確認いただきます。
基準ページ、共通部品、表示比較の基準を提示し、後続ページに適用する実装ルールを確定します。
-
STEP｜05
制作中の確認
ご確認いただくこと
デザインだけでは判断できない仕様、共通部品へ影響する変更、例外表示などをご確認いただきます。
影響範囲を整理した質問事項と、追加・変更による納期や費用への影響をご案内します。
-
STEP｜06
最終確認・納品
ご確認いただくこと
確認環境で対象ページ、主要なUI動作、修正結果、未対応事項の有無をご確認いただきます。
HTML・CSS・JavaScript、画像・アセット、CMS等へ組み込んだ成果物、合意した関連ファイルを納品します。
POWEREDBYAIMES
この品質工程を、AIMESが最後まで実行します
AIエージェント、
CONTACT
大量ページの品質を含めてご相談ください
デザイン作成途中でも、代表ページやサイトマップがあればご相談いただけます。
