制作のやり直しをせずに、クライアントごとのブランドらしさを保てます。クライアント専用のデザインシステムを作成し、希望するブリーフやレビュー手順を再利用可能なSkillにまとめ、プレビューへのフィードバックをもとにエージェントへ具体的な修正を依頼できます。納品用にソースを、レビュー用にPDFや画像を書き出せます。
ブランドに合わせたフロントエンド · 実ファイル · コーディングエージェントで続行
編集的な商品ストーリーを盛り込んだ、クライアント専用の消費者向けキャンペーン。レビューや引き継ぎに使えるソースファイルも用意されています。
コレクションを見る
「クライアント向けの高級植物由来スキンケア商品のローンチです。独自のキャンペーン方針、成分の根拠、商品ストーリー、わかりやすい購入導線が必要です。」
制作会社の強みは、ブリーフ作成、レビュー、引き継ぎのプロセスを再現できることです。完成したウェブサイトは、クライアント独自のものだとひと目でわかる仕上がりにしましょう。
この植物由来スキンケア商品のローンチ例は、制作会社のポートフォリオではなく、クライアント専用のアートディレクションを示しています。OpenDesignを使えば、その方針をレスポンシブなフロントエンドに反映し、関係者とレビューしたうえで、編集可能なソースを納品できます。
制作会社の指示は再利用しながら、クライアントごとのブランド情報は分けて管理。プレビューへのフィードバックをもとに、納品に向けた修正を進められます。
再利用可能なSkill
ブリーフとレビューの指示が明確クライアント専用のデザインシステム
素材とビジュアルのルールをクライアントごとに管理指定箇所と背景情報をエージェントに送信
依頼した変更が反映されているHTML／ソースとPDF／画像を書き出し
次の担当者が利用できる一式を用意早い段階で高い完成度を実現して変更しやすくし、承認後もソースを引き継げます。
参照可能なブランド資料と承認済み素材をもとに、デザインシステムを作成します。繰り返し使うブリーフの指示は、必要に応じてSkillにまとめられます。
クライアントの商品・サービス、訪問者の導線、必要なページを説明します。制作会社の紹介サイトを生成するのではなく、クライアントのデザインシステムを適用します。
話し合うセクションを指定し、具体的な変更依頼をエージェントに送ります。HTMLのテキスト、リンク、スタイルの細かな調整は直接編集できます。
実装にはHTMLまたはソースと素材を、ビジュアルレビューにはPDFまたは画像を使います。書き出した内容を確認し、残っている連携作業を記録してください。
前のクライアントの配色ではなく、このクライアントのデザインシステムを適用してください。保存済みのレビュー指示を使い、指定箇所を修正したうえで、残りの連携作業を記載してソースと素材を実際に準備してください。
引き継ぐのは、静的な資料ではなく実装に使える素材です。
実際の商品・サービス、根拠、希望するトーン、ページ要件を使い、独自のビジュアルとコンテンツの優先順位を作ります。
動作するフロントエンドで、デスクトップの構成、モバイルでの表示、コンテンツ量、操作性を関係者がまとめて確認できます。
制作会社、クライアント、開発パートナーが作業を続けられるよう、ソースファイルと再利用可能なコンポーネントを納品します。
制作会社の強みは、指示を再利用しながらクライアントごとのデザイン判断を分けられることです。Skillで希望する制作プロセスを共有し、デザインシステムで各クライアントのビジュアルルールを管理。指定箇所へのフィードバックを使えば、修正を作業中のウェブサイトに結び付けられます。
「クライアント向けの高級植物由来スキンケア商品のローンチです。独自のキャンペーン方針、成分の根拠、商品ストーリー、わかりやすい購入導線が必要です。」
希望するブリーフやレビュー方法をSkillにまとめ、クライアントごとに異なるデザインシステムと素材を選びます。
クライアントが見ているセクションを指定し、その背景情報と変更依頼をエージェントに送ります。
ビジュアルレビューにはPDFまたは画像を、開発にはHTMLまたはソースファイルを書き出します。次に受け取る人の作業に合わせて形式を選べます。
成果物をテンプレートとして保存し、同じ案件の関連作業に活用できます。承認済みのデザインを最初から作り直さず、内容を調整して使います。
プレビュー、レビュー用の書き出し、指定箇所についてエージェントに伝えるフィードバックで案件を進められます。ホワイトラベルのアカウント、クライアント向けの請求機能、リアルタイム共同編集を提供するものではありません。
クライアントの承認、コンテンツの権利、事実関係の確認、アクセシビリティ、本番環境向けの開発、分析、ホスティング、継続的なサポート契約については、制作会社が引き続き責任を負います。
クライアント専用のデザインシステム、再利用可能なSkill、フィードバック、納品に使える形式をご紹介します。
整理したクライアントブリーフを、レビュー可能なレスポンシブフロントエンドに変換し、デザイン方針を検討・調整して、開発に引き継げるファイルを納品できます。
よく使うブリーフやレビューの指示を再利用可能なSkillにまとめ、ウェブサイトごとにクライアント専用のデザインシステムと素材を使います。組み込みSkillを編集すると独自の上書き設定が作成されますが、組み込み元の内容が書き換わることはありません。
動作するローカルフロントエンドなら、別々の静的画面よりも、デスクトップやモバイルでの表示、コンテンツ、操作性をまとめて確認しやすくなります。本番環境での動作には、引き続き最終的な実装とテストが必要です。
ここで紹介するウェブサイト制作ワークフローには、ホワイトラベルのクライアントアカウント、クライアント向け請求機能、ホスト型の承認ポータルは含まれていません。ローカルプレビューやレビュー用の書き出し素材とあわせて、既存のクライアント管理ツールをご利用ください。
追加実装用にはHTMLまたはウェブサイトのソースと素材を、ビジュアルレビュー用にはPDFまたは画像を書き出せます。納品前に、書き出した一式を確認してください。クライアント向け素材の利用権は契約やライセンスで定められるものであり、書き出しだけで決まるわけではありません。
クライアントごとに同じテンプレートを使うのではなく、ブリーフからレスポンシブで編集可能なウェブサイトのフロントエンドを作成します。
OpenDesignをダウンロード無料・オープンソース · ロックインなし · コーディングエージェントに対応
