output/real-e2e-v2/structure-result-v2.json

{"headlines":[{"id":"h1","axis":"benefit","copy":"制作会社の判断をClaudeへ","reason":"対象を制作会社に限定し、判断業務の移管という便益とClaudeを使う固有性を短く伝える。"},{"id":"h2","axis":"problem","copy":"制作会社の優秀者をAIで解放","reason":"優秀者の稼働が成長を止める問題に対し、AIへの業務移管という解決方向を示す。"},{"id":"h3","axis":"future","copy":"制作会社に、育つAIチームを","reason":"制作会社専用であることと、業務移植を通じて自社向けに育つ仕組みを表現する。"}],"sections":[{"id":"hero","type":"hero","layoutVariant":"hero-product-stage","label":"制作会社専用 Claude導入・伴走支援","role":"流入直後に、対象企業、提供価値、導入方法、次の行動を理解させる。","userQuestion":"自社のような制作会社向けで、何をしてくれるサービスなのか。","title":"制作会社の判断をClaudeへ","body":"優秀ディレクターが担う定型業務と判断基準を、御社専用のSKILLと専門エージェントへ移管。3か月の伴走で、案件進行と若手育成を支えるAIチームを現場に組み込みます。","proof":"株式会社PENGINの制作現場で運用する業態別SKILLをもとに、Figma・Notion・Drive・Chatworkを含む業務フローへ組み込みます。","content":"制作会社の属人業務を3か月でClaudeへ移植し、60分無料相談へ案内するファーストビュー。","asset":"PENGINロゴ、権利確認済みの実際の制作画面、SKILL実行画面、業務フロー画面","implementation":"ファーストビュー内に対象、3か月の支援内容、60分無料相談CTAを表示する。主要画面はPCでファーストビュー内、スマートフォンでは見出し直後に配置する。","cta":"60分無料相談を予約する","layout":"実在する業務画面を主役にし、抽象的なAI表現ではなく現場で何が動くかを最短で理解させるため、hero-product-stageを選定する。","imageBrief":{"scene":"制作会社のディレクターが、案件資料、議事録、ワイヤーフレーム、進行管理をClaudeの専門エージェントへ引き継ぎ、チームが同じ業務基盤を使っている様子。","subject":"中央に実際のClaude SKILL実行画面、周囲にFigmaのワイヤーフレーム、Notionの案件ページ、Driveの案件フォルダ、Chatworkの共有メッセージを配置する。人物を入れる場合は日本の小規模制作会社のディレクターと若手メンバーを各1名に限定する。","style":"実在するSaaS画面を用いた高精細なプロダクトビジュアル。誇張した未来都市ではなく、信頼感のある日本企業向けBtoB表現。","composition":"左側にコピーとCTAを置ける余白、右側に画面群を階層的に配置。Claudeを中心に各制作ツールへ業務が流れる関係を一目で理解できる構図。","lighting":"明るく均一なオフィス光。画面の文字と操作箇所が判読できるコントラスト。","palette":"PENGINのコーポレートカラーを基調に、白、濃紺、淡いグレーで画面情報を整理する。","exactText":"制作会社の判断をClaudeへ\n制作会社専用 Claude導入・伴走支援\n60分無料相談を予約する","constraints":"権利確認済みの実際の制作画面を使用し、UIを架空の実績画面へ改変しない。画像内の日本語は指定文言だけを正確に表示する。ロゴの縦横比とブランドカラーを維持する。","avoid":"人型ロボット、脳のCG、発光する回路、意味のないコード、過剰なホログラム、欧米の大企業オフィス、架空の数値グラフ、成果保証を連想させる上昇矢印。"},"contentModel":{"items":[{"eyebrow":"対象","title":"従業員5〜50名の制作会社へ","description":"Web制作、マーケティング、デザイン、コーディングの複数案件を並行し、優秀者への業務集中に悩む会社を対象とします。","proof":""},{"eyebrow":"提供内容","title":"業務と判断基準を移植","description":"アジェンダ、議事録、ワイヤーフレーム、案件管理などの手順と判断基準を、御社専用のSKILLと専門エージェントに落とし込みます。","proof":"株式会社PENGINの制作現場で運用する業態別SKILLを基盤に設計します。"},{"eyebrow":"導入方法","title":"3か月で現場へ組み込む","description":"業務棚卸し、代表業務の実装、部門展開、メンバー教育、運用切替までを段階的に進めます。","proof":"支援期間は3か月です。"}],"steps":[],"metrics":[],"faqs":[],"plans":[],"comparison":null,"beforeAfter":null,"caseStudy":null,"quote":"","quoteAttribution":"","sourceNote":"株式会社PENGIN「Claude導入・伴走支援サービス（制作会社向け）」"}},{"id":"trust-context","type":"trust","layoutVariant":"reason-stack","label":"制作会社の現場から設計","role":"即決型の読者へ、一般的なAI導入支援ではない理由を早期に示す。","userQuestion":"制作業務を理解している相手に任せられるのか。","title":"机上ではなく、制作現場が起点","body":"PENGIN自身が使う案件初期化、アジェンダ、議事録、ワイヤーフレーム、コーディング着手、公開前チェックの仕組みを、御社の業務へ合わせて再設計します。","proof":"株式会社PENGINでは、制作案件に関わる複数のSKILLと専門エージェントを社内運用しています。","content":"PENGINの社内運用を起点とした支援であることを、具体的な稼働業務で示す。","asset":"実際のSKILL一覧、案件初期化画面、議事録生成画面、ワイヤーフレーム作成画面","implementation":"各項目に対応する実画面をサムネイルで添える。画面は拡大表示でき、機密情報をマスキングしたものを使用する。","cta":"","layout":"抽象的な信頼表現ではなく、現場で動く仕組みを縦に積み上げて示すためreason-stackを選定する。","imageBrief":null,"contentModel":{"items":[{"eyebrow":"ディレクション","title":"会議前後の流れをつなぐ","description":"アジェンダ作成から議事録、共有文面、案件情報への反映までを、一連の業務として設計します。","proof":"PENGINではアジェンダ作成と議事録作成のSKILLを運用しています。"},{"eyebrow":"設計","title":"ワイヤーフレーム作成を型にする","description":"業態判定、構成承認、ページ展開、確認項目の照合まで、担当者の頭の中にある進め方を手順化します。","proof":"PENGINではワイヤーフレーム作成SKILLを運用しています。"},{"eyebrow":"実装","title":"着手と公開前確認を標準化","description":"環境構築、実装規約、公開前チェックを業務フローへ組み込み、確認すべき観点を共有します。","proof":"PENGINではコーディング着手と公開前チェックのSKILLを運用しています。"}],"steps":[],"metrics":[],"faqs":[],"plans":[],"comparison":null,"beforeAfter":null,"caseStudy":null,"quote":"","quoteAttribution":"","sourceNote":"株式会社PENGINの社内運用内容"}},{"id":"problem","type":"problem","layoutVariant":"pain-cards","label":"成長を止める構造","role":"表面的な忙しさを、優秀者の稼働と教育が競合する経営課題として言語化する。","userQuestion":"なぜ受注できても、新規案件と若手育成を両立できないのか。","title":"売上も育成も、同じ人で詰まる","body":"優秀ディレクターが既存案件を支えながら、提案、レビュー、教育まで引き受ける。解決に必要な知見も本人の中にあるため、忙しいほど改善を始められません。","proof":"","content":"制作会社に起きる問題を、属人化、定型業務、教育、ナレッジ分散の4点で整理する。","asset":"優秀ディレクターへ業務が集中する関係図","implementation":"カードを独立した症状として並べ、中央または末尾に「優秀者の稼働が共通の制約」という収束図を置く。","cta":"","layout":"複数の症状が同じ構造から生じていることを短時間で照合できるためpain-cardsを選定する。","imageBrief":null,"contentModel":{"items":[{"eyebrow":"案件進行","title":"既存案件で手が埋まる","description":"品質を守れる人へ案件が集まり、新規案件を任せる余力が生まれません。","proof":""},{"eyebrow":"定型業務","title":"判断以外の作業にも時間を使う","description":"アジェンダ、議事録、ワイヤーフレーム、提案資料、確認表など、繰り返し発生する業務を優秀者が抱えています。","proof":""},{"eyebrow":"教育","title":"育成する人ほど忙しい","description":"若手へ教えられる人と、既存案件を支える人が同じため、教育が後回しになります。","proof":""},{"eyebrow":"組織知","title":"案件の知見が散らばる","description":"判断の理由や手順が個人の記憶、チャット、案件フォルダに分散し、次の案件で再利用しにくくなります。","proof":""}],"steps":[],"metrics":[],"faqs":[],"plans":[],"comparison":null,"beforeAfter":null,"caseStudy":null,"quote":"","quoteAttribution":"","sourceNote":""}},{"id":"risk","type":"risk","layoutVariant":"risk-timeline","label":"先送りの影響","role":"問題を放置した場合に、案件、教育、組織へ影響が広がる順序を示す。","userQuestion":"今の運用を続けると、何が起きるのか。","title":"忙しさが、次の忙しさをつくる","body":"繁忙期を人の頑張りで越えるだけでは、判断基準が残りません。案件が増えるたびに確認が優秀者へ戻り、育成と改善の時間がさらに減っていきます。","proof":"","content":"放置リスクを一時的な繁忙から、教育停滞、受注制約、組織依存へ進む流れで示す。","asset":"業務集中が循環するタイムライン図","implementation":"時間軸に沿って4段階を表示し、各段階から優秀者へ確認が戻る循環線を加える。恐怖を煽る写真は使用しない。","cta":"","layout":"単発の問題ではなく、時間とともに制約が強まる構造を示すためrisk-timelineを選定する。","imageBrief":null,"contentModel":{"items":[{"eyebrow":"繁忙期","title":"定型業務まで優秀者へ集中","description":"品質を優先するほど、会議準備や確認作業も経験者へ集まります。","proof":""},{"eyebrow":"案件後","title":"判断の理由が残らない","description":"納品を優先した結果、手順やレビュー観点が次の担当者へ渡せる形になりません。","proof":""},{"eyebrow":"次の案件","title":"若手が再び確認を求める","description":"参照できる基準がないため、似た案件でも優秀者の確認が必要になります。","proof":""},{"eyebrow":"経営","title":"受けられる案件数が人に縛られる","description":"優秀者の空き状況が、新規案件を任せられるかどうかの条件になります。","proof":""}],"steps":[],"metrics":[],"faqs":[],"plans":[],"comparison":null,"beforeAfter":null,"caseStudy":null,"quote":"","quoteAttribution":"","sourceNote":""}},{"id":"mechanism","type":"mechanism","layoutVariant":"before-after","label":"解決の仕組み","role":"AI導入ではなく、業務移管とチーム展開を順に進めるサービス構造を理解させる。","userQuestion":"Claudeを入れるだけで、属人化はどう変わるのか。","title":"まず解放し、次に知見を広げる","body":"最初に優秀者が繰り返す定型業務を移管し、改善に使える時間をつくります。その後、判断基準と確認手順を共有SKILLへ組み込み、若手や中堅が参照できる状態へ広げます。","proof":"支援は、優秀者の定型業務移管と、判断基準のチーム展開という2段階で進めます。","content":"優秀者への業務集中を、個人専用SKILLから全社共有SKILLへ移行するBefore-Afterで示す。","asset":"個人依存からAI経由のチーム共有へ変わる業務フロー図","implementation":"BeforeとAfterを同じ業務例で対比する。AfterではAIが最終責任者ではなく、手順の実行と判断支援を担うことを明示する。","cta":"","layout":"導入前後の業務経路の違いを視覚的に比較できるためbefore-afterを選定する。","imageBrief":null,"contentModel":{"items":[],"steps":[{"eyebrow":"STEP 1","title":"定型業務を移管する","description":"優秀ディレクターが担うアジェンダ、議事録、ワイヤーフレーム、案件管理などを、個人専用SKILLと業務フローへ落とし込みます。","proof":""},{"eyebrow":"STEP 2","title":"判断基準をチームへ渡す","description":"レビュー観点、手順、確認項目を共有SKILLに組み込み、若手と中堅が業務の途中で参照できる状態をつくります。","proof":""}],"metrics":[],"faqs":[],"plans":[],"comparison":null,"beforeAfter":{"before":{"eyebrow":"導入前","title":"判断も作業も優秀者へ戻る","description":"担当者が変わるたびに説明とレビューが発生し、改善や教育の時間を確保できません。","proof":""},"after":{"eyebrow":"導入後","title":"AIが手順を実行し、人が判断する","description":"Claudeが定型フローと確認項目を扱い、担当者は例外対応や最終判断へ集中します。","proof":""}},"caseStudy":null,"quote":"","quoteAttribution":"","sourceNote":""}},{"id":"cta-diagnosis","type":"cta","layoutVariant":"sample-cta","label":"無料相談","role":"課題を認識した読者へ、自社で移管できる業務を知る低ハードルな行動を提示する。","userQuestion":"自社では、どの業務から始められるのか。","title":"移管候補を60分で整理","body":"現在の案件進行、定型業務、教育状況を伺い、Claudeへ移しやすい業務と、先に人が整えるべき業務を整理します。","proof":"送信後、1営業日以内に60分相談の日程をご連絡します。","content":"契約判断ではなく、自社のAI化可能性を整理する無料相談へ案内する。","asset":"60分相談で扱う3つの論点を示す簡潔な図","implementation":"相談内容、所要時間、送信後の流れをCTA付近に表示する。ボタンはページ内フォームへ移動させる。","cta":"60分無料相談を予約する","layout":"相談で得られる整理結果を先に示し、資料請求より具体的な次の行動へつなぐためsample-ctaを選定する。","imageBrief":null,"contentModel":{"items":[{"eyebrow":"相談で整理すること","title":"優秀者へ集中する業務","description":"定型作業と、経験者の判断が必要な業務を分けます。","proof":""},{"eyebrow":"相談で整理すること","title":"最初に移管する候補","description":"頻度、手順の明確さ、利用するツールから着手候補を整理します。","proof":""},{"eyebrow":"相談で整理すること","title":"導入前に整える条件","description":"運用責任者、権限、情報管理など、導入前に必要な条件を確認します。","proof":""}],"steps":[],"metrics":[],"faqs":[],"plans":[],"comparison":null,"beforeAfter":null,"caseStudy":null,"quote":"","quoteAttribution":"","sourceNote":""}},{"id":"differentiation","type":"differentiation","layoutVariant":"feature-zigzag","label":"PENGINの支援範囲","role":"中間型の読者へ、研修やツール導入とは異なる具体的な支援内容を示す。","userQuestion":"一般的なAI研修やツール設定と何が違うのか。","title":"学ぶだけでなく、業務へ移す","body":"操作研修で終わらず、御社のフォルダ、制作物、判断基準、連絡経路まで扱います。現場で繰り返し使えるSKILLを実装し、メンバー教育と運用切替まで伴走します。","proof":"業務棚卸し、SKILL設計・実装、外部ツール連携、メンバー教育、運用調整を支援範囲に含みます。","content":"業態別SKILL、専門エージェント、ツール連携、3か月の業務移植という4つの違いを示す。","asset":"SKILL定義、専門エージェント構成、ツール連携、導入工程の実画面","implementation":"各特徴を実画面と交互に配置する。機能名だけでなく、制作業務のどこで使うかを本文に表示する。","cta":"","layout":"特徴と対応する実画面を一対一で説明し、機能の羅列を避けるためfeature-zigzagを選定する。","imageBrief":null,"contentModel":{"items":[{"eyebrow":"業態別SKILL","title":"制作業務の手順からつくる","description":"案件初期化、アジェンダ、議事録、ワイヤーフレーム、実装着手、公開前確認など、制作会社で繰り返す単位で設計します。","proof":"PENGIN社内で同種のSKILLを運用しています。"},{"eyebrow":"専門エージェント","title":"部門ごとに役割を分ける","description":"ディレクション、コーディング、マーケティング、デザインなど、部門ごとの資料と確認観点に合わせて役割を設計します。","proof":""},{"eyebrow":"業務ツール連携","title":"既存の仕事の流れに組み込む","description":"Figma、Notion、Drive、Chatworkなど、案件で使用する場所を参照・更新する流れまで設計します。","proof":"対応ツールは導入時の権限と接続可否に応じて決定します。"},{"eyebrow":"3か月伴走","title":"実装後の定着まで進める","description":"業務棚卸しから代表業務の実装、部門展開、教育、運用切替までを段階的に進めます。","proof":"導入支援期間は3か月です。"}],"steps":[],"metrics":[],"faqs":[],"plans":[],"comparison":null,"beforeAfter":null,"caseStudy":null,"quote":"","quoteAttribution":"","sourceNote":""}},{"id":"usecase-direction","type":"usecase","layoutVariant":"usecase-story","label":"適用例：ディレクション","role":"サービスを日々の会議と設計業務へ置き換えて想像させる。","userQuestion":"ディレクターの具体的な仕事は、どう変わるのか。","title":"会議と設計の準備をつなぐ","body":"案件情報を探し直し、過去資料を読み、毎回ゼロから文書を整える流れを見直します。Claudeが必要資料を参照し、定めた手順で草案と確認項目を準備します。","proof":"PENGINではアジェンダ、議事録、ワイヤーフレーム作成のSKILLを運用しています。","content":"会議前、会議後、ワイヤーフレーム作成の3場面を業務ストーリーで示す。","asset":"アジェンダ、議事録、ワイヤーフレームの実際の出力画面","implementation":"1案件の時系列として会議前、会議後、設計着手をつなげる。各場面に人が確認する箇所を明示する。","cta":"","layout":"個別機能ではなく、案件の一日を通した利用像を伝えるためusecase-storyを選定する。","imageBrief":null,"contentModel":{"items":[{"eyebrow":"会議前","title":"案件資料から議題を組み立てる","description":"過去の議事録、進行状況、未決事項を参照し、会議の目的と確認事項を含むアジェンダ草案を準備します。","proof":""},{"eyebrow":"会議後","title":"決定事項を次の行動へつなぐ","description":"会議メモから議事録と共有文面を整え、担当者が内容を確認して関係者へ展開できる状態にします。","proof":""},{"eyebrow":"設計着手","title":"判断手順に沿って構成を進める","description":"業態、ページの役割、承認単位、確認項目を手順化し、ワイヤーフレーム作成を段階的に進めます。","proof":""}],"steps":[],"metrics":[],"faqs":[],"plans":[],"comparison":null,"beforeAfter":null,"caseStudy":null,"quote":"","quoteAttribution":"","sourceNote":""}},{"id":"usecase-production","type":"usecase","layoutVariant":"usecase-grid","label":"適用例：制作・マーケ","role":"複数部門への展開可能性を、実務単位で示す。","userQuestion":"ディレクション以外にも使えるのか。","title":"部門ごとの確認業務にも","body":"環境構築、公開前チェック、デザインレビュー、定例レポートなど、部門ごとに繰り返す作業と確認観点を専門エージェントへ持たせます。","proof":"PENGINの構想には、ディレクション、コーディング、マーケティング、デザインの部門別エージェントが含まれます。","content":"コーディング、マーケティング、デザイン、案件管理の適用場面を整理する。","asset":"部門別エージェントと各制作物の対応図","implementation":"部門名、扱う資料、AIが準備するもの、人が判断するものを各カード内で区別する。","cta":"","layout":"複数部門の適用範囲を同じ比較軸で確認できるためusecase-gridを選定する。","imageBrief":null,"contentModel":{"items":[{"eyebrow":"コーディング","title":"着手条件と確認観点をそろえる","description":"環境構築、実装規約、テンプレート、公開前チェックを一連の手順として扱います。","proof":""},{"eyebrow":"マーケティング","title":"集計から報告草案までつなぐ","description":"利用中の分析データを定めた観点で整理し、レポートとクライアント向け要約の草案を準備します。","proof":""},{"eyebrow":"デザイン","title":"提案とレビューの観点を残す","description":"トーンの整理、Figma設計、レビュー時の確認項目を、担当者が参照できる形にします。","proof":""},{"eyebrow":"案件管理","title":"開始時と公開前の抜けを防ぐ","description":"案件フォルダの準備、必要資料、進行確認、公開前の確認事項を業務フローへ組み込みます。","proof":""}],"steps":[],"metrics":[],"faqs":[],"plans":[],"comparison":null,"beforeAfter":null,"caseStudy":null,"quote":"","quoteAttribution":"","sourceNote":""}},{"id":"comparison","type":"comparison","layoutVariant":"comparison-table","label":"汎用生成AIとの違い","role":"代替手段を検討する読者へ、支援範囲の違いを同じ軸で提示する。","userQuestion":"社内で生成AIを契約するだけでは足りないのか。","title":"違いは、業務の中まで入ること","body":"汎用生成AIは個人の質問や草案作成に便利です。本支援では、案件資料の置き場所、部門別の手順、制作ツール、組織で共有する判断基準まで含めて設計します。","proof":"比較内容は、本支援の提供範囲と一般的な汎用生成AIの利用形態を対照したものです。","content":"案件文脈、部門別動作、制作物との連携、ナレッジ、導入支援の5軸で比較する。","asset":"比較項目に対応する実画面または業務フロー","implementation":"横スクロールに依存しないレスポンシブ表にする。スマートフォンでは比較軸ごとの縦型カードへ変換する。","cta":"","layout":"代替手段との構造的な違いを同一軸で判断できるためcomparison-tableを選定する。","imageBrief":null,"contentModel":{"items":[],"steps":[],"metrics":[],"faqs":[],"plans":[],"comparison":{"columns":["制作会社専用 Claude導入・伴走支援","汎用生成AIの個人利用"],"rows":[{"label":"案件文脈","cells":["案件フォルダ、業務理解、過去記録を参照する流れを設計","必要な情報を利用者が都度入力"]},{"label":"部門別の動作","cells":["部門ごとに手順と確認観点を定義","同じ対話画面を用途ごとに使い分け"]},{"label":"制作ツール","cells":["Figma、Notion、Drive、Chatworkなどへの接続を業務単位で設計","生成結果を利用者が各ツールへ移す運用が中心"]},{"label":"ナレッジ","cells":["SKILLと共有資料として組織で参照","個人のチャット履歴やプロンプトに蓄積"]},{"label":"導入方法","cells":["業務棚卸し、実装、教育、運用切替まで伴走","契約後の用途設計と定着は社内で実施"]}]},"beforeAfter":null,"caseStudy":null,"quote":"","quoteAttribution":"","sourceNote":"株式会社PENGINの提供範囲に基づく比較"}},{"id":"proof-operation","type":"proof","layoutVariant":"case-study-featured","label":"自社運用例","role":"数値を使わず、PENGINが自社業務へ実装している事実を具体的に示す。","userQuestion":"提案だけではなく、実際の制作現場で動いているのか。","title":"PENGIN自身が、先に運用","body":"PENGINでは、案件初期化、会議準備、議事録、ワイヤーフレーム、実装着手、公開前チェックを個別のSKILLとして整備。案件資料と制作ツールを横断する定型フローとして使っています。","proof":"株式会社PENGINの社内制作業務で、複数の業務別SKILLが稼働しています。","content":"PENGIN社内での課題、実装内容、現在の運用状態を事例形式で示す。","asset":"権利確認済みのSKILL実行画面、実際の出力物、ツール間の処理フロー","implementation":"事例の主役を実画面にし、課題、実装、運用結果を隣接表示する。効果数値は表示しない。","cta":"","layout":"顧客事例の代わりに、支援元自身の実運用を深く見せるためcase-study-featuredを選定する。","imageBrief":null,"contentModel":{"items":[],"steps":[],"metrics":[],"faqs":[],"plans":[],"comparison":null,"beforeAfter":null,"caseStudy":{"subject":"株式会社PENGINの制作業務","issue":"案件資料と判断基準が業務ごとに分かれ、会議準備、記録、設計、実装確認を経験者が繰り返し担っていました。","action":"案件初期化、アジェンダ、議事録、ワイヤーフレーム、コーディング着手、公開前チェックを業務別SKILLとして整備し、制作ツールとつなぐフローを構築しました。","result":"各業務を、必要資料の参照、草案作成、人による確認まで含む定型フローとして社内運用しています。","source":"株式会社PENGINの社内運用","metrics":[]},"quote":"","quoteAttribution":"","sourceNote":"公開時は機密情報を除いた実画面のみを使用"}},{"id":"process","type":"process","layoutVariant":"process-timeline","label":"3か月の導入工程","role":"心配性型の読者へ、いつ何を決め、何が残るのかを明示する。","userQuestion":"導入期間中に、自社は何をする必要があるのか。","title":"12週間で、運用まで切り替える","body":"最初から全業務を置き換えません。優先部門と代表業務を決め、実際の案件で試しながら、部門展開、教育、運用切替へ進みます。","proof":"導入工程は、業務棚卸し、代表業務の実装、部門展開、運用切替の4段階です。","content":"12週間の導入を4フェーズに分け、活動と成果物を示す。","asset":"12週間の工程表、各フェーズの成果物サンプル","implementation":"各フェーズに期間、実施内容、御社側の参加者、得られる成果物を表示する。スマートフォンでは縦型タイムラインにする。","cta":"","layout":"期間と依存関係を明確にし、導入負荷を判断できるためprocess-timelineを選定する。","imageBrief":null,"contentModel":{"items":[],"steps":[{"eyebrow":"Week 1〜2","title":"業務を棚卸しする","description":"優秀者へ集中する業務を洗い出し、頻度、手順、判断の難しさから優先部門と着手業務を決めます。","proof":""},{"eyebrow":"Week 3〜6","title":"代表業務を実装する","description":"優秀者が行う手順と判断基準を整理し、代表ユースケースをSKILLと専門エージェントへ組み込みます。","proof":""},{"eyebrow":"Week 7〜10","title":"部門へ展開する","description":"実案件で出力と確認方法を調整し、メンバー教育と共有SKILLへの展開を進めます。","proof":""},{"eyebrow":"Week 11〜12","title":"運用を切り替える","description":"利用責任、例外対応、効果の確認方法、改善方法を定め、日常業務へ移します。","proof":""}],"metrics":[],"faqs":[],"plans":[],"comparison":null,"beforeAfter":null,"caseStudy":null,"quote":"","quoteAttribution":"","sourceNote":""}},{"id":"cta-plan","type":"cta","layoutVariant":"cta-panel","label":"導入相談","role":"仕組み、用途、比較、工程を理解した読者へ、具体的な検討開始を促す。","userQuestion":"相談すると、契約前に何を判断できるのか。","title":"自社向けの導入順をつくる","body":"現在の部門構成と業務の詰まりを伺い、最初に扱う業務、必要な連携、社内で置くべき運用責任者を整理します。相談時点で契約を決める必要はありません。","proof":"無料相談は60分です。受付後1営業日以内に日程をご連絡します。","content":"導入可否と着手順を整理する60分無料相談へ再案内する。","asset":"相談後に整理される導入順のサンプル図","implementation":"CTAの直前に相談内容、所要時間、送信後の流れを並べる。ページ内フォームへのアンカーリンクを設定する。","cta":"60分無料相談を予約する","layout":"判断材料を十分に読んだ検討者へ、相談の成果と安心材料をひとまとまりで示すためcta-panelを選定する。","imageBrief":null,"contentModel":{"items":[{"eyebrow":"判断できること","title":"どの部門から始めるか","description":"優秀者への集中度と、業務を手順化しやすいかを見ながら優先順位を整理します。","proof":""},{"eyebrow":"判断できること","title":"どのツールをつなぐか","description":"現在利用している制作・情報共有ツールと、必要な権限を確認します。","proof":""},{"eyebrow":"判断できること","title":"誰が運用を担うか","description":"社内で判断、承認、改善を担う運用責任者の役割を整理します。","proof":""}],"steps":[],"metrics":[],"faqs":[],"plans":[],"comparison":null,"beforeAfter":null,"caseStudy":null,"quote":"","quoteAttribution":"","sourceNote":""}},{"id":"trust-security","type":"trust","layoutVariant":"feature-grid","label":"情報管理と責任分界","role":"機密情報、アクセス権、AIの誤りに対する不安へ答える。","userQuestion":"クライアント情報を扱わせても大丈夫か。AIの出力を誰が確認するのか。","title":"権限と確認者まで設計する","body":"制作案件では、クライアント情報、未公開デザイン、契約資料を扱います。接続先とアクセス範囲を整理し、秘密保持、権限管理、人による最終確認を導入時の運用に組み込みます。","proof":"機密保持と技術的アクセス制御は、導入時に取り決める支援項目です。","content":"秘密保持、最小権限、人の確認、効果非保証の4点を安心材料として示す。","asset":"権限設計図、承認フロー、情報区分のサンプル","implementation":"法的保証を連想させる盾アイコンだけに頼らず、誰が何へアクセスし、誰が確認するかを関係図で示す。","cta":"","layout":"異なる安全条件を同じ粒度で一覧できるためfeature-gridを選定する。","imageBrief":null,"contentModel":{"items":[{"eyebrow":"秘密保持","title":"取り扱う情報を先に定める","description":"案件情報やクライアント情報の範囲を整理し、必要な秘密保持条件を導入時に取り決めます。","proof":""},{"eyebrow":"アクセス制御","title":"必要な場所だけへ接続する","description":"ツールごとの権限と参照範囲を確認し、業務に必要な範囲で接続を設計します。","proof":""},{"eyebrow":"最終確認","title":"重要な判断は人が担う","description":"Claudeは定型処理と判断支援を担い、対外共有、公開、重要な意思決定は定めた担当者が確認します。","proof":""},{"eyebrow":"効果の扱い","title":"改善を測り、調整を続ける","description":"AI導入による工数削減や利益改善を保証せず、対象業務ごとに確認方法を決めて運用を調整します。","proof":""}],"steps":[],"metrics":[],"faqs":[],"plans":[],"comparison":null,"beforeAfter":null,"caseStudy":null,"quote":"","quoteAttribution":"","sourceNote":""}},{"id":"fit","type":"fit","layoutVariant":"pain-checklist","label":"向いている会社・向かない会社","role":"適合条件と対象外条件を明示し、相談前の自己選別を助ける。","userQuestion":"自社はこの支援に向いているのか。","title":"成果を分けるのは、運用する人","body":"AIを契約するだけでは業務は変わりません。現場の手順を共有し、出力を確認し、改善を続ける社内責任者を置けるかが導入の前提です。","proof":"","content":"適合条件と対象外条件を明確にし、無理な導入を防ぐ。","asset":"適合条件を確認できるチェックリスト","implementation":"向いている条件と対象外条件を視覚的に分ける。対象外を否定的に表現せず、導入前に必要な体制として説明する。","cta":"","layout":"読者自身が短時間で条件を照合できるためpain-checklistを選定する。","imageBrief":null,"contentModel":{"items":[{"eyebrow":"向いている会社","title":"優秀者へ案件が集中している","description":"提案、進行、レビュー、教育が特定の経験者へ集まり、受注や育成の制約になっている会社。","proof":""},{"eyebrow":"向いている会社","title":"繰り返す制作業務がある","description":"会議準備、記録、設計、確認、報告など、案件ごとに似た手順を繰り返している会社。","proof":""},{"eyebrow":"向いている会社","title":"実案件で改善を続けられる","description":"担当者が出力を確認し、判断基準と手順を更新できる会社。","proof":""},{"eyebrow":"対象外","title":"運用責任者を置けない","description":"出力確認、権限管理、改善判断を担う責任者を置けない場合は、本支援の対象外です。","proof":""}],"steps":[],"metrics":[],"faqs":[],"plans":[],"comparison":null,"beforeAfter":null,"caseStudy":null,"quote":"","quoteAttribution":"","sourceNote":""}},{"id":"faq","type":"faq","layoutVariant":"reason-stack","label":"よくある質問","role":"契約前に残る導入範囲、負担、ツール、品質、情報管理、支援後の疑問を解消する。","userQuestion":"検討を進める前に、何を確認しておくべきか。","title":"導入前の疑問に答えます","body":"自社の業務へ適用できるか、既存ツールを変える必要があるか、AIの出力をどう扱うかなど、検討時に多い疑問をまとめました。","proof":"","content":"Q: 生成AIをほとんど使っていなくても導入できますか。\nA: 導入できます。最初の業務棚卸しで利用状況を確認し、代表業務の実装とメンバー教育を段階的に進めます。\nQ: 現在使っている制作ツールを変更する必要がありますか。\nA: 一律の変更は求めません。Figma、Notion、Drive、Chatworkなど現在の環境と接続可否を確認し、必要な範囲で業務フローを設計します。\nQ: すべての業務をAIへ任せるのですか。\nA: いいえ。定型処理と判断支援をClaudeへ移し、例外対応、対外共有、公開、重要な判断は担当者が確認します。\nQ: 社内では誰が参加する必要がありますか。\nA: 対象業務を理解する実務担当者と、権限管理や改善判断を担う運用責任者の参加が必要です。\nQ: クライアント情報はどのように扱いますか。\nA: 取り扱う情報、接続先、アクセス範囲を整理し、秘密保持と技術的アクセス制御を導入時に取り決めます。\nQ: 相談後はどうなりますか。\nA: 受付後1営業日以内に60分相談の日程をご連絡します。相談では、移管候補、導入順、必要な社内体制を整理します。","asset":"","implementation":"質問単位のアコーディオンとし、回答は初回の質問のみ開いた状態にする。キーボード操作と開閉状態の読み上げに対応する。","cta":"","layout":"質問数が多いため、テーマごとに縦に読み進められるreason-stackを選定する。","imageBrief":null,"contentModel":{"items":[],"steps":[],"metrics":[],"faqs":[{"question":"生成AIをほとんど使っていなくても導入できますか。","answer":"導入できます。最初の業務棚卸しで利用状況を確認し、代表業務の実装とメンバー教育を段階的に進めます。"},{"question":"現在使っている制作ツールを変更する必要がありますか。","answer":"一律の変更は求めません。Figma、Notion、Drive、Chatworkなど現在の環境と接続可否を確認し、必要な範囲で業務フローを設計します。"},{"question":"すべての業務をAIへ任せるのですか。","answer":"いいえ。定型処理と判断支援をClaudeへ移し、例外対応、対外共有、公開、重要な判断は担当者が確認します。"},{"question":"社内では誰が参加する必要がありますか。","answer":"対象業務を理解する実務担当者と、権限管理や改善判断を担う運用責任者の参加が必要です。"},{"question":"クライアント情報はどのように扱いますか。","answer":"取り扱う情報、接続先、アクセス範囲を整理し、秘密保持と技術的アクセス制御を導入時に取り決めます。"},{"question":"相談後はどうなりますか。","answer":"受付後1営業日以内に60分相談の日程をご連絡します。相談では、移管候補、導入順、必要な社内体制を整理します。"}],"plans":[],"comparison":null,"beforeAfter":null,"caseStudy":null,"quote":"","quoteAttribution":"","sourceNote":""}},{"id":"message","type":"message","layoutVariant":"cta-banner","label":"PENGINの考え方","role":"機能比較を終えた読者へ、AIを導入する目的とPENGINの立場を伝える。","userQuestion":"PENGINは、AIで制作会社をどう変えたいのか。","title":"優秀者を、判断へ戻す","body":"目指すのは、人を減らすことではありません。繰り返す準備と整理をClaudeへ移し、経験者が提案、顧客理解、例外判断、若手との対話に時間を使える制作体制をつくることです。","proof":"","content":"AI導入の目的を、人員削減ではなく優秀者の判断時間と知見の継承として示す。","asset":"優秀者と若手が同じ案件資料を見ながら検討する実写または実際の社内写真","implementation":"文章を主役にし、背景画像は本文の可読性と内容理解を損なわない範囲で使用する。CTAは設置しない。","cta":"","layout":"最終判断前にサービスの思想を簡潔に残すためcta-bannerの構成を使い、ボタンを置かずメッセージへ集中させる。","imageBrief":null,"contentModel":{"items":[],"steps":[],"metrics":[],"faqs":[],"plans":[],"comparison":null,"beforeAfter":null,"caseStudy":null,"quote":"繰り返す業務はAIへ。優秀者は、人にしかできない判断へ。","quoteAttribution":"株式会社PENGIN","sourceNote":""}},{"id":"form","type":"form","layoutVariant":"form-split","label":"60分無料相談","role":"相談内容、入力負荷、送信後、情報管理を示し、CVを完了させる。","userQuestion":"何を入力し、送信後に何が起きるのか。","title":"御社の移管候補を整理します","body":"現在の課題を簡単にお知らせください。制作会社の業務に詳しい担当者が、優秀者へ集中している仕事とClaudeへ移しやすい仕事を60分で整理します。","proof":"入力は5項目です。受付後1営業日以内に、60分相談の日程をご連絡します。","content":"会社名、お名前、メールアドレス、現在の課題、相談希望日時の5項目で無料相談を受け付ける。","asset":"PENGINロゴ、プライバシーポリシーへのリンク","implementation":"必須入力は5項目以内とする。会社名、お名前、メールアドレス、現在の課題、相談希望日時を設置し、送信前にプライバシーポリシーへの同意を取得する。送信完了時は完了画面を表示し、二重送信を防止する。","cta":"入力内容を確認して送信する","layout":"相談で得られる内容と安心材料を左、5項目のフォームを右に置き、判断と入力を同一画面で完了できるためform-splitを選定する。","imageBrief":null,"contentModel":{"items":[{"eyebrow":"入力項目","title":"会社名","description":"所属する会社名をご入力ください。","proof":""},{"eyebrow":"入力項目","title":"お名前","description":"ご担当者様のお名前をご入力ください。","proof":""},{"eyebrow":"入力項目","title":"メールアドレス","description":"相談日程をご連絡できるメールアドレスをご入力ください。","proof":""},{"eyebrow":"入力項目","title":"現在の課題","description":"優秀者への業務集中、若手教育、定型業務など、現在感じている課題をご入力ください。","proof":""},{"eyebrow":"入力項目","title":"相談希望日時","description":"60分相談を希望する日時をご入力ください。","proof":""}],"steps":[],"metrics":[],"faqs":[],"plans":[],"comparison":null,"beforeAfter":null,"caseStudy":null,"quote":"","quoteAttribution":"","sourceNote":"プライバシーポリシー：https://pengi-n.co.jp/privacy-policy/"}}],"qualityGate":{"applied":["全18セクションを、流入直後の理解、問題認識、解決理解、代替比較、運用証拠、導入不安、適合判断、CV完了の順で設計","即決型にはFVの対象・提供内容・CTAと社内運用事実、中間型には仕組み・用途・比較・工程、心配性型には情報管理・対象外条件・FAQ・送信後案内を配置","heroを含め、おおむね3〜4セクションごとに60分無料相談への導線を再提示","問題、リスク、差別化、用途、適合条件、信頼材料をitemsとして構造化","仕組みをstepsとbeforeAfter、導入工程をstepsとして構造化","代替比較をcolumnsとlabel/cellsを持つcomparisonとして構造化","自社運用例をissue・action・result・sourceに分けたcaseStudyとして構造化","FAQを質問と具体回答に分け、contentにもQ/A形式で掲載","フォームを5項目に限定し、所要時間、送信後、プライバシーポリシーを明記","同一layoutVariantの連続使用を回避","効果保証、唯一、必ず、確実に、誰でも同じ品質という表現を不使用","公開可能な根拠だけをproofへ記載し、再照合が必要な数値と料金を除外","KVを実画面中心の画像生成仕様として具体化"],"skipped":[{"item":"顧客ロゴ","reason":"導入企業名とロゴの掲載許諾情報が資料にないため。"},{"item":"顧客の声","reason":"公開可能な顧客コメントと帰属情報が資料にないため。"},{"item":"数値実績","reason":"工数削減、短縮率、育成期間、利益改善を含む効果数値は公開前照合が必要と明記されているため。"},{"item":"料金","reason":"ヒアリング回答で料金が仮説値と指定されており、公開可能な確定料金として扱えないため。"},{"item":"ツールのランニングコスト","reason":"各社の料金と為替換算値は変動し得るうえ、掲載値の最新確認が取れていないため。"},{"item":"顧客導入事例","reason":"資料にある事例はPENGIN自身の運用例であり、公開可能な外部顧客事例がないため。"},{"item":"AI研修会社・業務コンサル・RPA導入支援との詳細比較","reason":"競合種別は示されているが、各社の提供条件を裏づける具体資料がないため。"},{"item":"有料ワークショップ","reason":"料金を含むオファー条件の確定情報がなく、今回のCVが60分無料相談に定義されているため。"}],"known":["対象は従業員5〜50名のWeb制作、マーケティング、デザイン、コーディングを行う制作会社。","主な課題は、優秀ディレクターが既存案件で埋まり、新規案件と若手教育が止まること。","サービスは、定型業務と判断基準をClaudeのSKILL・専門エージェントへ移管する3か月の導入伴走支援。","PENGIN自身の制作現場で、案件初期化、アジェンダ、議事録、ワイヤーフレーム、コーディング着手、公開前チェックのSKILLを運用している。","Figma、Notion、Drive、Chatworkとの連携が支援構想に含まれる。","導入工程は業務棚卸し、代表業務の実装、部門展開と教育、運用切替で構成される。","対象外は運用責任者を置けない企業。","CVは60分無料相談フォームの送信完了。","フォーム項目は会社名、お名前、メールアドレス、現在の課題、相談希望日時の5項目。","受付後1営業日以内に60分相談の日程を連絡する。","AI導入効果と利益改善は保証しない。","プライバシーポリシーURLはhttps://pengi-n.co.jp/privacy-policy/。"],"hypotheses":["営業、パートナー紹介、検索流入ではサービス理解度が異なるため、FVで対象と提供内容を明示した後、仕組みと証拠を段階的に補う構成が有効。","最初の相談動機はAIツールへの関心よりも、優秀者への業務集中と若手教育の停滞である。","制作画面とSKILL実行画面を早期に見せることで、一般的なAI研修との差を理解しやすくなる。","料金は1部門、3部門、全社の段階制が検討されているが、提示額は仮説値。"],"unconfirmed":["WF初稿2週間から3日、議事録90分から15分を含む効果数値の最新値と公開可否。","経営者の事務作業時間、レビュー指摘、新人立ち上げ、月次レポート作成時間に関する数値の最新値と測定条件。","制作部門・ディレクション部門の工数削減率、粗利・営業利益率への影響値。","1部門、3部門、全社プランの初期費用、月額、最低契約期間、支援本数、伴走回数の確定条件。","Google Workspace、Claude、Notion、Figma、html.to.designの最新料金と換算条件。","フォーム送信先エンドポイント、保存先、通知先、スパム対策、障害時の処理。","実際の制作画面、SKILL実行画面、PENGINロゴのLP掲載範囲と機密情報のマスキング状態。","各ツール連携で利用できる操作、必要権限、顧客環境ごとの接続可否。","秘密保持契約、データ保存、モデル学習利用、ログ保持、削除手順に関する正式な提供条件。","60分無料相談で提供する診断内容と、相談担当者の確定運用。"]}}