<aside> <img src="/icons/timeline_blue.svg" alt="/icons/timeline_blue.svg" width="40px" /> プロジェクトの流れ
</aside>
| タスク | 内容 | 所要日数(目安) | |
|---|---|---|---|
| 1 | ヒアリング | 要件、必須機能、ターゲット層、画面数等、制作開始に必要な情報の確認（Google Formリンク） | 2営業日 |
| 2 | お見積り | 見積書提出 | 〜1営業日 |
| 3 | 発注 | 発注/仮払い手続き | 〜3営業日 |
| 4 | 必須データ支給 | 制作に必要なデータのご提供（例：遷移図、テキスト、画像、ロゴ等） | 〜2営業日 |
| 5 | 作業開始 | デザイン制作開始 | |
| 6 | 初回デザイン提出 | Figma リンク（閲覧権限）のご提出 | 〜7営業日 |
| 7 | 修正指示 | 修正指示 | 〜5営業日 |
| 8 | 修正 | 修正デザイン提出および第2〜3回修正 | 〜14営業日 |
| 9 | 納品 | 成果物（Figma 編集権限リンクおよび.figファイル）の納品 |
*案件によって異なる場合があります。
<aside> <img src="/icons/hammer_blue.svg" alt="/icons/hammer_blue.svg" width="40px" /> 課題・目的・タスク
</aside>
ユーザーが抱えている課題、完了すべきタスク、ユーザーに提供したいエクスペリエンスや機能
《例》
<aside> <img src="/icons/user_blue.svg" alt="/icons/user_blue.svg" width="40px" /> ターゲットユーザー
</aside>
属性、行動パターン、ニーズ、期待内容、デバイスの習熟度等、できるだけ詳しくお聞かせください。
《例》
<aside> <img src="/icons/phone_blue.svg" alt="/icons/phone_blue.svg" width="40px" /> デバイス
</aside>
必要なデバイスとブレイクポイントをご教示ください。
<aside> <img src="/icons/copy_blue.svg" alt="/icons/copy_blue.svg" width="40px" /> 参考資料
</aside>
<aside> <img src="/icons/compose_blue.svg" alt="/icons/compose_blue.svg" width="40px" /> 担当作業範囲
</aside>
デザイナー側
| 内容 | 形式 |
|---|---|
| ヒアリング | Googleフォーム |
| 課題・要件の特定 | Notion等 |
| ユーザーペルソナの特定 | Google slide等 |
| サイトマップの作成 | Figma |
| ワイヤーフレームの作成 | Figma |
| Lo-Fiプロトタイプの作成 | Figma |
| デザインシステムの作成 | Figma |
| ★デザイン制作 | Figma |
| ★Hi-Fiプロトタイプの作成 | Figma |
| ★修正 | Figma |
| ★成果物納品 | .fig / Figmaリンク |
クライアント様
| 内容 | 形式 |
|---|---|
| ★要件の指示 | テキスト |
| 画像等の素材提供 | 高解像度JPG/PNG/.ai等 |
| 参考URLの提示 | URLアドレス |
| 文言データの提供 | テキスト |
| ★修正指示 | テキスト、画像等 |
<aside> <img src="/icons/upload-folder_blue.svg" alt="/icons/upload-folder_blue.svg" width="40px" /> 納品成果物
</aside>
ご指定のデバイスのアプリ／Webサイト モックアップデザインおよびプロトタイプ
(コーディングなし)
.fig / 編集可能Figma リンク（編集権限は納品時に付与）
<aside> <img src="/icons/clover-four-leaf_blue.svg" alt="/icons/clover-four-leaf_blue.svg" width="40px" /> 注意事項
</aside>
<aside> <img src="/icons/subtitles_blue.svg" alt="/icons/subtitles_blue.svg" width="40px" /> 連絡ツール・対応時間
</aside>
後日、双方が明確に確認できるよう、できるだけテキストベースでの連絡をお願いしています。
◆ デザイナー側 対応時間 （月）〜（土） 9:00 - 18:00 *案件によって異なります。
◆ クライアント様 対応時間
御社営業日
<aside> <img src="/icons/search_blue.svg" alt="/icons/search_blue.svg" width="40px" /> デザイン依頼／修正指示に役立つ参考サイト
</aside>
ご希望のカラーコード（色）、書体（フォント）、画像等を具体的にお聞かせいただくと助かります。
