FILE · 50.1 KB
output/real-e2e/design.json
Workspace snapshot · 08/31 23:51
{
"project": {
"name": "制作会社専用 Claude導入・伴走支援",
"answers": {
"goal": "demo",
"service": "従業員5〜50名の制作会社向けに、優秀ディレクターの定型業務と判断基準をClaudeのSKILL・専門エージェントへ移管する3か月の導入伴走支援",
"category": "service",
"industry": "web",
"role": "owner",
"companySize": "small",
"problem": "優秀ディレクターが既存案件で埋まり、新規案件と若手教育の両方が止まる",
"differentiator": "PENGIN自身の制作現場で稼働する業態別SKILL、Figma・Notion・Drive・Chatwork連携、3か月の業務移植",
"traffic": [
"sales",
"partner",
"search"
],
"proof": [
"numbers",
"cases",
"process",
"screen"
],
"price": "plans",
"priceAmount": "1部門: 初期80万円＋月15万円 / 3部門: 初期200万円＋月30万円 / 全社: 初期400万円〜＋月50万円〜",
"evidenceDetails": "資料記載の自社運用実績は公開前に最新値を再照合。WF初稿2週間→3日、議事録90分→15分など",
"formFields": "会社名,お名前,メールアドレス,現在の課題,相談希望日時",
"formEndpoint": "",
"formSuccess": "受付後1営業日以内に、制作会社のAI化可能性を整理する60分相談の日程をご連絡します。",
"privacyUrl": "https://pengi-n.co.jp/privacy-policy/",
"formalCompanyName": "株式会社PENGIN",
"formalServiceName": "制作会社専用 Claude導入・伴走支援",
"brandAssets": "PENGINロゴ、コーポレートカラー、実際のSKILL画面・WF・議事録・ダッシュボード画面。権利確認済み素材だけ使用",
"compliance": "効果数値は自社計測の根拠を公開前確認。AI導入効果・利益改善を保証しない",
"forbiddenClaims": "唯一、必ず、確実に、誰でも同じ品質、効果保証",
"excludedAudience": "AI導入だけで組織課題が自動解決すると考える企業、運用責任者を置けない企業",
"competition": "汎用ChatGPT/Gemini、AI研修会社、業務コンサル、RPA導入支援",
"canonicalUrl": "https://pengi-n.co.jp/services/claude-production-company/",
"ga4Id": "",
"conversionDefinition": "60分無料相談フォームの送信完了",
"toneIntent": "credible"
}
},
"tone": {
"id": "a",
"code": "A",
"name": "現場編集室",
"concept": "制作会社のオフィス、会議室、ディレクター席、ホワイトボード、モニター越しの画面をドキュメンタリーのように編集する実写中心のアートディレクション。優秀者に集まっていた判断と作業が、チームで扱える運用へ移っていく空気を、人の表情、手元、画面、空",
"thesis": "できる人の一日を、会社の仕組みに変える。",
"palette": [
"#1F1A17",
"#F4F1EA",
"#D94B2B"
],
"type": "写真・人物・空間を中心にした実写編集型",
"visual": "日本の制作会社らしい中規模オフィスを撮影方針の中心にする。30代から40代の経営者、事業責任者、ディレクター、若手メンバーを登場させ、演出は作り込みすぎず、会議後の議事録整理、WF確認、Chatwork返信、Notion参照、Claude画面確認の瞬間を切り取る。ヒーローは左に人物と制作現場、中央に手元とモニター、右にフォームを置く余白を確保する。写真は暖色",
"layout": "ファーストビューは横長の編集紙面のように、左7割を現場写真、右3割をフォームにする。02以降は写真のトリミング比率を変えながら、trustはロゴと短文を写真下に控えめに配置、problemは3枚の縦写真カード、riskは廊下や会議室の連続カ",
"motion": "スクロールに合わせて写真が少し遅れて移動するパララックス、画面注釈の線が短く引かれるモーション、タイムラインの現在地点が順に点灯する演出を使う。フォームは固定せず、FV内で入力欄が一つずつ静かにフェードインする。セクション遷移は暗転や派手な",
"avoid": "青いSaaS風グラデーション、抽象円、人物不在のAI感、海外企業風のストック写真、過剰な笑顔、斜めに重なったUIカード、読めない長文UI、機密情報が見える画面、写真の上に大きすぎる白カードを置く構成。"
},
"sections": [
{
"id": "hero",
"type": "hero",
"layoutVariant": "hero-form",
"label": "制作会社専用 Claude導入・伴走支援",
"role": "流入直後に、誰向けの何を提供するサービスかと、次の行動を即座に理解させる。",
"userQuestion": "これは自社のような制作会社向けで、今の詰まりを解けるサービスなのか。",
"title": "制作会社の売上天井を見直す",
"body": "従業員5〜50名の制作会社に、優秀ディレクターの定型業務と判断基準をClaudeのSKILL・専門エージェントへ移管する3か月の導入伴走支援です。新規案件、既存案件、若手教育が同じ人に集中する状態から、組織で再現できる運用へ切り替えます。",
"proof": "",
"content": "制作会社専用のClaude導入支援と60分無料相談を先出しする。",
"contentModel": {
"items": [],
"steps": [],
"metrics": [],
"faqs": [],
"plans": [],
"comparison": null,
"beforeAfter": null,
"caseStudy": null,
"quote": "",
"quoteAttribution": "",
"sourceNote": ""
},
"asset": "PENGINロゴ、実際のSKILL画面、WF生成画面、案件ダッシュボード画面",
"implementation": "ファーストビュー内に5項目フォームを配置。フォーム項目は会社名、お名前、メールアドレス、現在の課題、相談希望日時。入力時間と送信後の流れ、プライバシーポリシーをフォーム直下に表示する。",
"cta": "60分無料相談を予約する",
"layout": "hero-formを選定。検討者が営業紹介、パートナー紹介、検索のいずれから来ても、概要把握と相談予約を同時に完了できるため。",
"imageBrief": {
"scene": "制作会社のディレクター席を中心に、複数案件の進行表、WF、議事録、Chatwork通知、Notionナレッジが一つのAI操作画面に整理されていく場面。",
"subject": "30代の制作会社経営者または事業責任者と、画面上に並ぶClaude SKILL風の業務カード。",
"style": "実写に近いビジネスシーンとプロダクトUIモックを組み合わせた高精細ビジュアル。",
"composition": "左に人物と制作現場、右にSKILL画面とフォーム領域が来る余白を確保。画面内のカードは斜めに重ねず、業務が整理される構図。",
"lighting": "自然光とモニター光を混ぜた落ち着いた明るさ。",
"palette": "PENGINのコーポレートカラーを基調に、白、黒、淡いグレーで業務画面の視認性を高める。",
"exactText": "SKILL / WF / 議事録 / 案件管理",
"constraints": "実在企業名、顧客名、機密情報、読めない長文UIは入れない。人物は日本の制作会社の現場に見える服装と年齢感にする。",
"avoid": "効果保証に見える表現、過度に未来的なロボット表現、装飾だけの抽象背景。"
}
},
{
"id": "trust-first",
"type": "trust",
"layoutVariant": "logo-metrics",
"label": "運営会社",
"role": "初見の不信を下げ、制作会社が提供する制作会社向け支援であることを示す。",
"userQuestion": "AIツールの販売ではなく、制作現場を分かっている会社なのか。",
"title": "制作現場で使う前提の支援",
"body": "PENGINはWeb制作、マーケ支援、コンテンツ制作の現場を持つ会社です。本支援では、AIの使い方だけを教えるのではなく、案件進行、制作レビュー、ナレッジ管理まで含めて運用へ落とし込みます。",
"proof": "株式会社PENGINが提供する制作会社専用 Claude導入・伴走支援です。",
"content": "運営会社とサービスの前提を短く提示する。",
"contentModel": {
"items": [
{
"eyebrow": "運営",
"title": "株式会社PENGIN",
"description": "制作会社の現場知見をもとに、Claude導入と業務移管を支援します。",
"proof": ""
},
{
"eyebrow": "領域",
"title": "Web制作・マーケ・コンテンツ制作",
"description": "ディレクション、コーディング、マーケ、デザインの業務に合わせて設計します。",
"proof": ""
},
{
"eyebrow": "連携",
"title": "Figma・Notion・Drive・Chatwork連携",
"description": "日常業務で使うツールと接続し、個人利用で終わらない運用を作ります。",
"proof": ""
}
],
"steps": [],
"metrics": [],
"faqs": [],
"plans": [],
"comparison": null,
"beforeAfter": null,
"caseStudy": null,
"quote": "",
"quoteAttribution": "",
"sourceNote": ""
},
"asset": "PENGINロゴ、コーポレートカラー、連携ツールを示す画面素材",
"implementation": "ロゴと短い事実のみを掲載し、実績数値はこの段階では出さない。",
"cta": "",
"layout": "logo-metricsを選定。初期信頼のための会社情報と連携領域を短く視認させる構成に合うため。",
"imageBrief": {
"scene": "",
"subject": "",
"style": "",
"composition": "",
"lighting": "",
"palette": "",
"exactText": "",
"constraints": "",
"avoid": ""
}
},
{
"id": "problem-bottleneck",
"type": "problem",
"layoutVariant": "pain-cards",
"label": "経営課題",
"role": "読者が感じている詰まりを、単なる忙しさではなく成長上限の問題として言語化する。",
"userQuestion": "今の忙しさは一時的なものか、構造的な問題なのか。",
"title": "成長を止める優秀者依存",
"body": "制作会社の詰まりは、案件数ではなく優秀ディレクターの稼働時間で決まることがあります。受注はできるのに新規案件を回せない。育成したいのに教えられる人が案件で埋まっている。この状態では、売上拡大と教育の両方が同じ場所で止まります。",
"proof": "",
"content": "優秀者ボトルネックを3つの症状で整理する。",
"contentModel": {
"items": [
{
"eyebrow": "売上",
"title": "新規案件を受けきれない",
"description": "受注機会があっても、優秀ディレクターが既存案件で埋まり、次の案件を安心して任せられない状態です。",
"proof": ""
},
{
"eyebrow": "教育",
"title": "教える人の時間がない",
"description": "若手を育てれば解決すると分かっていても、教える役割も優秀者に集中し、教育が後回しになります。",
"proof": ""
},
{
"eyebrow": "再現性",
"title": "判断基準が頭の中に残る",
"description": "見積もり、WF、レビュー、顧客対応の判断が言語化されず、案件ごとに属人化が続きます。",
"proof": ""
}
],
"steps": [],
"metrics": [],
"faqs": [],
"plans": [],
"comparison": null,
"beforeAfter": null,
"caseStudy": null,
"quote": "",
"quoteAttribution": "",
"sourceNote": ""
},
"asset": "制作会社の業務負荷を示す簡潔な図解",
"implementation": "3カード構成。カードごとに売上、教育、再現性の論点を分け、本文の分解カードにしない。",
"cta": "",
"layout": "pain-cardsを選定。複数の痛みを並列で示し、自社該当性を判断しやすいため。",
"imageBrief": {
"scene": "",
"subject": "",
"style": "",
"composition": "",
"lighting": "",
"palette": "",
"exactText": "",
"constraints": "",
"avoid": ""
}
},
{
"id": "risk-loop",
"type": "risk",
"layoutVariant": "risk-timeline",
"label": "放置リスク",
"role": "今すぐ検討する理由を作る。属人化を放置した場合の悪循環を時間順に示す。",
"userQuestion": "AI導入は急がなくても、採用や教育で解決できるのではないか。",
"title": "放置すると教育も止まる",
"body": "属人化は、忙しい時期だけの問題ではありません。優秀者に案件が集まり、教育が遅れ、任せられる人が増えず、さらに優秀者へ案件が戻る。採用しても判断基準が移らなければ、同じ負荷が繰り返されます。",
"proof": "",
"content": "優秀者依存が強まる流れを時系列で示す。",
"contentModel": {
"items": [
{
"eyebrow": "1",
"title": "案件が優秀者へ集まる",
"description": "品質を守るために、重要案件ほど経験者が抱える状態になります。",
"proof": ""
},
{
"eyebrow": "2",
"title": "教育が後回しになる",
"description": "育成の必要性は高まっても、教える時間を確保できません。",
"proof": ""
},
{
"eyebrow": "3",
"title": "任せられる人が増えない",
"description": "手順と判断基準が移らないため、若手や中堅の立ち上がりが遅れます。",
"proof": ""
},
{
"eyebrow": "4",
"title": "成長の上限が固定される",
"description": "売上の天井が、優秀者の稼働時間に近づいていきます。",
"proof": ""
}
],
"steps": [],
"metrics": [],
"faqs": [],
"plans": [],
"comparison": null,
"beforeAfter": null,
"caseStudy": null,
"quote": "",
"quoteAttribution": "",
"sourceNote": ""
},
"asset": "悪循環タイムライン図",
"implementation": "縦型タイムラインで、スマホでは1列、PCでは左に流れ、右に短い補足を置く。",
"cta": "",
"layout": "risk-timelineを選定。放置時の問題が順番に悪化するため、時系列表現が適している。",
"imageBrief": {
"scene": "",
"subject": "",
"style": "",
"composition": "",
"lighting": "",
"palette": "",
"exactText": "",
"constraints": "",
"avoid": ""
}
},
{
"id": "mechanism-two-step",
"type": "mechanism",
"layoutVariant": "step-flow",
"label": "解決の仕組み",
"role": "AI導入の抽象論ではなく、なぜ優秀者解放とチーム展開の順番で進めるのかを理解させる。",
"userQuestion": "具体的に何をAIへ任せ、どうやってチームに広げるのか。",
"title": "先に時間を作り、次に広げる",
"body": "PENGINの導入は、まず優秀ディレクターの定型業務をClaudeへ移管し、教育や改善に使える時間を作ります。そのうえで、判断基準と手順をSKILL化し、若手や中堅が参照できる形でチームへ展開します。",
"proof": "",
"content": "2段階の導入ロジックを説明する。",
"contentModel": {
"items": [],
"steps": [
{
"eyebrow": "STEP 1",
"title": "優秀者の定型業務を移管",
"description": "アジェンダ、議事録、WF、案件管理など、優秀者が日常的に処理している反復業務をClaudeのSKILLへ移します。",
"proof": ""
},
{
"eyebrow": "STEP 2",
"title": "判断基準をチームに展開",
"description": "レビュー観点、進行判断、制作ルール、顧客対応の考え方を専門エージェント化し、組織で使える状態にします。",
"proof": ""
},
{
"eyebrow": "STEP 3",
"title": "運用の中で改善する",
"description": "月次伴走で利用状況と成果を見ながら、SKILLの追加、修正、教育を続けます。",
"proof": ""
}
],
"metrics": [],
"faqs": [],
"plans": [],
"comparison": null,
"beforeAfter": null,
"caseStudy": null,
"quote": "",
"quoteAttribution": "",
"sourceNote": ""
},
"asset": "2段階導入フロー図",
"implementation": "各ステップを横並びにし、STEP 1からSTEP 2へ進む理由を矢印で示す。",
"cta": "自社の移管候補を相談する",
"layout": "step-flowを選定。導入順序そのものが価値のため、ステップ型が最も理解しやすい。",
"imageBrief": {
"scene": "",
"subject": "",
"style": "",
"composition": "",
"lighting": "",
"palette": "",
"exactText": "",
"constraints": "",
"avoid": ""
}
},
{
"id": "mechanism-before-after",
"type": "mechanism",
"layoutVariant": "before-after",
"label": "業務変化",
"role": "導入後の状態を抽象論ではなく、日常業務の変化として想像させる。",
"userQuestion": "導入すると、現場の一日はどう変わるのか。",
"title": "個人の頑張りを型に変える",
"body": "導入前は、できる人が都度判断し、都度作業し、都度教える状態です。導入後は、案件文脈、過去資料、判断基準を参照するSKILLが草案を作り、人は確認、意思決定、顧客対応に集中します。",
"proof": "",
"content": "導入前後の働き方を対比する。",
"contentModel": {
"items": [],
"steps": [],
"metrics": [],
"faqs": [],
"plans": [],
"comparison": null,
"beforeAfter": {
"before": {
"eyebrow": "",
"title": "優秀者が都度処理する",
"description": "議事録、WF、案件管理、レビュー観点、若手への説明が優秀ディレクターに集中します。",
"proof": ""
},
"after": {
"eyebrow": "",
"title": "SKILLが下準備を担う",
"description": "案件情報と手順に沿って草案やチェック観点を作り、人は確認と判断に時間を使えます。",
"proof": ""
}
},
"caseStudy": null,
"quote": "",
"quoteAttribution": "",
"sourceNote": ""
},
"asset": "Before/After業務分担図",
"implementation": "左右比較。Beforeは人に集中する線、AfterはSKILLと人に役割が分かれる線で表現する。",
"cta": "",
"layout": "before-afterを選定。導入前後の業務配分の変化を直感的に示すため。",
"imageBrief": {
"scene": "",
"subject": "",
"style": "",
"composition": "",
"lighting": "",
"palette": "",
"exactText": "",
"constraints": "",
"avoid": ""
}
},
{
"id": "usecase-direction",
"type": "usecase",
"layoutVariant": "usecase-story",
"label": "用途：ディレクション",
"role": "最も刺さりやすいディレクション業務で、相談前の利用イメージを具体化する。",
"userQuestion": "自社のディレクション業務では何に使えるのか。",
"title": "会議後の作業をまとめて前へ",
"body": "アジェンダ作成、議事録、共有文面、案件管理への反映まで、会議まわりの作業を一連の流れとして設計します。会議のたびに発生する細かな作業を減らし、ディレクターが次の判断へ移れる状態を作ります。",
"proof": "",
"content": "会議から案件反映までのユースケースを示す。",
"contentModel": {
"items": [
{
"eyebrow": "会議前",
"title": "アジェンダ草案",
"description": "案件状況や前回メモを参照し、確認事項と決定事項を整理したアジェンダを作ります。",
"proof": ""
},
{
"eyebrow": "会議後",
"title": "議事録と共有文面",
"description": "録音やメモをもとに、決定事項、宿題、Chatwork共有文面を整えます。",
"proof": ""
},
{
"eyebrow": "進行管理",
"title": "案件管理への反映",
"description": "決定事項やタスクをNotionなどの管理画面へ反映し、次回確認しやすい状態にします。",
"proof": ""
}
],
"steps": [],
"metrics": [],
"faqs": [],
"plans": [],
"comparison": null,
"beforeAfter": null,
"caseStudy": null,
"quote": "",
"quoteAttribution": "",
"sourceNote": ""
},
"asset": "議事録SKILL、Chatwork共有文、案件管理画面",
"implementation": "ストーリー形式で会議前、会議後、進行管理の流れを見せる。",
"cta": "",
"layout": "usecase-storyを選定。単機能の羅列ではなく、会議業務の連続した変化を伝えるため。",
"imageBrief": {
"scene": "",
"subject": "",
"style": "",
"composition": "",
"lighting": "",
"palette": "",
"exactText": "",
"constraints": "",
"avoid": ""
}
},
{
"id": "usecase-production",
"type": "usecase",
"layoutVariant": "usecase-grid",
"label": "用途：制作・マーケ",
"role": "ディレクション以外の部門展開可能性を示し、複数部門の検討者にも該当性を持たせる。",
"userQuestion": "ディレクター以外のチームにも使えるのか。",
"title": "制作とマーケにも展開できる",
"body": "ClaudeのSKILLは、ディレクションだけでなく、コーディング、マーケ、デザインの業務にも合わせて設計できます。部門ごとに違う判断基準や成果物を、専門エージェントとして分けて扱います。",
"proof": "",
"content": "部門別の代表ユースケースを示す。",
"contentModel": {
"items": [
{
"eyebrow": "コーディング",
"title": "着手と公開前チェックの標準化",
"description": "環境構築、コーディング規約、テンプレート、公開前確認を部門の手順として整えます。",
"proof": ""
},
{
"eyebrow": "マーケ",
"title": "分析とレポート作成の下準備",
"description": "GA4、Search Console、Ahrefsなどの情報を集計し、Notionレポートや顧客向け要約につなげます。",
"proof": ""
},
{
"eyebrow": "デザイン",
"title": "トンマナとレビュー観点の整理",
"description": "Figma設計やレビュー時の観点をSKILL化し、指摘のばらつきを減らします。",
"proof": ""
},
{
"eyebrow": "案件管理",
"title": "案件初期化と進捗整理",
"description": "案件開始時のフォルダ、テンプレート、確認項目、進捗情報を共通の型で扱います。",
"proof": ""
}
],
"steps": [],
"metrics": [],
"faqs": [],
"plans": [],
"comparison": null,
"beforeAfter": null,
"caseStudy": null,
"quote": "",
"quoteAttribution": "",
"sourceNote": ""
},
"asset": "部門別SKILL一覧、Figma、Notion、Drive、Chatwork連携画面",
"implementation": "4カード。部門名と代表業務を固定し、カードの高さを揃える。",
"cta": "部門別の使い方を相談する",
"layout": "usecase-gridを選定。複数部門の用途を同じ粒度で比較できるため。",
"imageBrief": {
"scene": "",
"subject": "",
"style": "",
"composition": "",
"lighting": "",
"palette": "",
"exactText": "",
"constraints": "",
"avoid": ""
}
},
{
"id": "differentiation",
"type": "differentiation",
"layoutVariant": "reason-stack",
"label": "PENGINの違い",
"role": "汎用AI活用や研修との違いを説明する前に、本サービス固有の強みを定義する。",
"userQuestion": "PENGINに頼む理由は何か。",
"title": "制作会社の業務に移植する",
"body": "本支援の中心は、ツールの説明ではありません。制作会社の実務に合わせて、部門別のSKILL、連携ツール、運用ルール、教育の進め方まで設計します。個人のAI活用を、会社の業務基盤へ変えることを目的にしています。",
"proof": "",
"content": "業態別SKILL、外部ツール連携、3か月伴走の3点で差別化する。",
"contentModel": {
"items": [
{
"eyebrow": "業態別",
"title": "制作会社向けのSKILL設計",
"description": "ディレクション、コーディング、マーケ、デザインの実務に合わせて、部門別の専門エージェントを設計します。",
"proof": ""
},
{
"eyebrow": "連携",
"title": "日常ツールとつなぐ",
"description": "Figma、Notion、Drive、Chatworkなど、制作会社の現場で使うツールと接続して運用します。",
"proof": ""
},
{
"eyebrow": "定着",
"title": "3か月で業務移植まで伴走",
"description": "初期設定だけで終わらせず、棚卸し、実装、教育、運用切替まで進めます。",
"proof": ""
}
],
"steps": [],
"metrics": [],
"faqs": [],
"plans": [],
"comparison": null,
"beforeAfter": null,
"caseStudy": null,
"quote": "",
"quoteAttribution": "",
"sourceNote": ""
},
"asset": "業態別SKILLの画面、連携ツール図",
"implementation": "縦積みの理由3点。各項目に見出し、説明、対応画面を添える。",
"cta": "",
"layout": "reason-stackを選定。差別化要素が3つあり、順に納得を積み上げる構成に合うため。",
"imageBrief": {
"scene": "",
"subject": "",
"style": "",
"composition": "",
"lighting": "",
"palette": "",
"exactText": "",
"constraints": "",
"avoid": ""
}
},
{
"id": "comparison-alternatives",
"type": "comparison",
"layoutVariant": "comparison-table",
"label": "代替比較",
"role": "既存のAI利用、研修、コンサル、RPAと比較し、検討軸を整理する。",
"userQuestion": "ChatGPTやAI研修、業務コンサルではだめなのか。",
"title": "個人利用で終わらせない",
"body": "汎用AIや研修は、個人の使い方を増やすには有効です。一方で、制作会社の案件文脈、部門別の判断基準、FigmaやNotionへの反映、継続改善まで含めるには、業務に組み込む設計が必要です。",
"proof": "",
"content": "代替手段との違いを比較表で示す。",
"contentModel": {
"items": [],
"steps": [],
"metrics": [],
"faqs": [],
"plans": [],
"comparison": {
"columns": [
"本サービス",
"汎用ChatGPT/Gemini",
"AI研修会社",
"業務コンサル・RPA"
],
"rows": [
{
"label": "案件文脈",
"cells": [
"案件フォルダ、過去資料、業務手順を前提に設計",
"毎回入力する内容に依存",
"研修後の個人運用に依存",
"業務整理はできるがAI実装は別途になりやすい"
]
},
{
"label": "部門別運用",
"cells": [
"ディレクション、コーディング、マーケ、デザイン別に設計",
"基本は同じ画面を個人が使う",
"使い方の習得が中心",
"対象業務ごとに個別設計"
]
},
{
"label": "制作物との連動",
"cells": [
"Figma、Notion、Drive、Chatworkとの連携を前提にする",
"コピーと貼り付けが中心",
"連携設計までは含まれにくい",
"RPA範囲外の判断業務は残りやすい"
]
},
{
"label": "定着支援",
"cells": [
"3か月の導入と月次伴走で改善する",
"社内任せになりやすい",
"研修後の運用が課題になりやすい",
"設計後の現場定着が別課題になりやすい"
]
}
]
},
"beforeAfter": null,
"caseStudy": null,
"quote": "",
"quoteAttribution": "",
"sourceNote": ""
},
"asset": "比較表",
"implementation": "スマホでは比較軸ごとにアコーディオン化。競合を否定せず、用途の違いとして見せる。",
"cta": "自社に合う導入方法を聞く",
"layout": "comparison-tableを選定。複数の代替手段を同じ軸で判断させる必要があるため。",
"imageBrief": {
"scene": "",
"subject": "",
"style": "",
"composition": "",
"lighting": "",
"palette": "",
"exactText": "",
"constraints": "",
"avoid": ""
}
},
{
"id": "process",
"type": "process",
"layoutVariant": "process-timeline",
"label": "導入プロセス",
"role": "導入の大変さへの不安を下げ、3か月で何が起きるかを見通せるようにする。",
"userQuestion": "忙しい現場でも、どの順番で導入できるのか。",
"title": "3か月で運用へ切り替える",
"body": "最初に業務を棚卸しし、優先部門を決めます。次に代表ユースケースを実装し、部門展開とメンバー教育を進め、最後に運用切替と効果測定の流れを作ります。導入後も月次伴走で改善を続けます。",
"proof": "オンボーディング期間は3か月。以降は月次2回の伴走MTGとSlackまたはChatworkでのサポートを想定しています。",
"content": "12週間の導入プロセスを示す。",
"contentModel": {
"items": [],
"steps": [
{
"eyebrow": "Week 1〜2",
"title": "業務棚卸しと優先部門の決定",
"description": "現場業務を整理し、最初に移管すべき部門と業務を決めます。",
"proof": ""
},
{
"eyebrow": "Week 3〜6",
"title": "代表ユースケースの実装",
"description": "優秀者の負担を下げるため、代表的な業務をSKILLとして実装します。",
"proof": ""
},
{
"eyebrow": "Week 7〜10",
"title": "部門展開とメンバー教育",
"description": "判断基準と手順をチームで使えるように整え、利用者への教育を行います。",
"proof": ""
},
{
"eyebrow": "Week 11〜12",
"title": "運用切替と改善ループ設計",
"description": "実運用へ移し、効果測定と継続改善の進め方を決めます。",
"proof": ""
},
{
"eyebrow": "Month 4〜",
"title": "月次伴走",
"description": "部門追加、SKILL追加、メンバー教育、効果測定を継続します。",
"proof": ""
}
],
"metrics": [],
"faqs": [],
"plans": [],
"comparison": null,
"beforeAfter": null,
"caseStudy": null,
"quote": "",
"quoteAttribution": "",
"sourceNote": ""
},
"asset": "12週間ロードマップ図",
"implementation": "横長タイムライン。各フェーズの週数と成果物を明記する。",
"cta": "",
"layout": "process-timelineを選定。期間が明確で、導入順序を時系列で見せる必要があるため。",
"imageBrief": {
"scene": "",
"subject": "",
"style": "",
"composition": "",
"lighting": "",
"palette": "",
"exactText": "",
"constraints": "",
"avoid": ""
}
},
{
"id": "proof-screens",
"type": "proof",
"layoutVariant": "case-study-featured",
"label": "画面で見る仕組み",
"role": "数値に頼らず、実際に何が動くのかを画面素材で証明する。",
"userQuestion": "本当に現場で使える形になるのか、画面で見られるのか。",
"title": "画面で運用を確認できる",
"body": "相談時には、SKILL、WF、議事録、ダッシュボードなどの実画面をもとに、どの業務をどこまで移管できるかを確認できます。制作物や案件情報を扱うため、掲載素材は権利確認済みのものだけを使用します。",
"proof": "使用素材はPENGINロゴ、コーポレートカラー、実際のSKILL画面、WF、議事録、ダッシュボード画面を想定しています。",
"content": "公開可能な画面素材を証拠として提示する。",
"contentModel": {
"items": [],
"steps": [],
"metrics": [],
"faqs": [],
"plans": [],
"comparison": null,
"beforeAfter": null,
"caseStudy": {
"subject": "PENGINの制作現場で利用する業務画面",
"issue": "案件情報、会議記録、WF、進捗情報が部門ごとに散らばりやすい。",
"action": "ClaudeのSKILLとFigma、Notion、Drive、Chatworkを連携し、業務ごとの出力と共有の流れを整える。",
"result": "相談時に、SKILL、WF、議事録、ダッシュボードの画面を見ながら導入イメージを確認できる。",
"source": "株式会社PENGINのサービス資料",
"metrics": []
},
"quote": "",
"quoteAttribution": "",
"sourceNote": ""
},
"asset": "権利確認済みの実画面キャプチャ",
"implementation": "大きな1画面と補助キャプチャ3点。機密情報は伏せ、画面の役割が分かる注釈だけを付ける。",
"cta": "画面を見ながら相談する",
"layout": "case-study-featuredを選定。数値実績の公開確認が残るため、公開可能な画面と運用例を中心に信頼を作る。",
"imageBrief": {
"scene": "",
"subject": "",
"style": "",
"composition": "",
"lighting": "",
"palette": "",
"exactText": "",
"constraints": "",
"avoid": ""
}
},
{
"id": "pricing-nextstep",
"type": "pricing",
"layoutVariant": "estimate-explainer",
"label": "相談からの進め方",
"role": "料金未確定でも、無料相談後の判断ステップを示し、CV後の不安を下げる。",
"userQuestion": "フォーム送信後、いきなり契約を迫られないか。",
"title": "まずは60分で可能性を整理",
"body": "最初の行動は、無料の60分相談です。現状をヒアリングし、AI化できる業務、優先順位、導入時の論点を整理します。その後、必要に応じて業務棚卸しワークショップや本契約へ進みます。",
"proof": "無料の60分相談、業務棚卸しワークショップ、本契約の順で検討できます。",
"content": "無料相談から本契約までの流れを示す。",
"contentModel": {
"items": [],
"steps": [],
"metrics": [],
"faqs": [],
"plans": [
{
"name": "60分無料相談",
"price": "無料",
"period": "60分",
"description": "現状ヒアリングを行い、AI化可能性と優先順位を整理します。",
"features": [
"現状課題のヒアリング",
"AI化候補の整理",
"導入論点の確認"
],
"note": "受付後1営業日以内に日程をご連絡します。",
"cta": "無料相談を予約する"
},
{
"name": "業務棚卸しワークショップ",
"price": "15万円",
"period": "実施内容に応じて調整",
"description": "部門別にAI化候補を整理し、導入前の叩き台を作ります。",
"features": [
"AI化候補業務の整理",
"部門別の優先順位づけ",
"ROI試算の叩き台作成"
],
"note": "無料相談後、必要に応じて案内します。",
"cta": "相談で詳しく聞く"
}
],
"comparison": null,
"beforeAfter": null,
"caseStudy": null,
"quote": "",
"quoteAttribution": "",
"sourceNote": ""
},
"asset": "相談から契約までのステップ図",
"implementation": "価格表ではなく見積もり前の検討フローとして表示。本契約の金額は表示しない。",
"cta": "60分無料相談を予約する",
"layout": "estimate-explainerを選定。本契約料金の公開確定情報ではなく、相談後の進め方を説明するため。",
"imageBrief": {
"scene": "",
"subject": "",
"style": "",
"composition": "",
"lighting": "",
"palette": "",
"exactText": "",
"constraints": "",
"avoid": ""
}
},
{
"id": "fit",
"type": "fit",
"layoutVariant": "pain-checklist",
"label": "向いている会社",
"role": "不適合な期待を防ぎ、導入後のミスマッチを減らす。",
"userQuestion": "自社はこの支援に向いているのか。",
"title": "運用責任者がいる会社向け",
"body": "AI導入だけで組織課題が自動的に解決するわけではありません。現場の業務を一緒に棚卸しし、使い方を定着させる責任者を置ける会社ほど、本支援を活かしやすくなります。",
"proof": "",
"content": "適合条件と対象外を明確にする。",
"contentModel": {
"items": [
{
"eyebrow": "向いている",
"title": "優秀者依存を減らしたい会社",
"description": "新規案件と若手教育が同じ人に集中している会社に適しています。",
"proof": ""
},
{
"eyebrow": "向いている",
"title": "業務の型化に取り組める会社",
"description": "現場の手順や判断基準を言語化し、チームで使う意思がある会社に適しています。",
"proof": ""
},
{
"eyebrow": "向いていない",
"title": "AIだけで自動解決すると考える会社",
"description": "業務設計、教育、運用改善に取り組まない場合、導入効果は限定的です。",
"proof": ""
},
{
"eyebrow": "向いていない",
"title": "運用責任者を置けない会社",
"description": "日々の利用促進や改善判断を担う人がいない場合、定着が難しくなります。",
"proof": ""
}
],
"steps": [],
"metrics": [],
"faqs": [],
"plans": [],
"comparison": null,
"beforeAfter": null,
"caseStudy": null,
"quote": "",
"quoteAttribution": "",
"sourceNote": ""
},
"asset": "チェックリストUI",
"implementation": "向いている条件と向いていない条件を左右で分ける。否定的に見せず、期待値調整として掲載する。",
"cta": "",
"layout": "pain-checklistを選定。検討者が自社適合を短時間で判断できるため。",
"imageBrief": {
"scene": "",
"subject": "",
"style": "",
"composition": "",
"lighting": "",
"palette": "",
"exactText": "",
"constraints": "",
"avoid": ""
}
},
{
"id": "faq",
"type": "faq",
"layoutVariant": "sample-cta",
"label": "FAQ",
"role": "フォーム前に残りやすい不安を解消する。",
"userQuestion": "導入前に確認しておきたい点は何か。",
"title": "よくある不安に答えます",
"body": "導入範囲、既存ツール、機密情報、送信後の流れについて、無料相談前によくある質問をまとめました。",
"proof": "",
"content": "Q: 既存のFigmaやNotionを使えますか A: Figma、Notion、Drive、Chatworkなど、制作会社の現場で使うツールとの連携を前提に設計します。 Q: Claudeを使ったことがないメンバーでも参加できますか A: 3か月の導入期間内で、部門展開とメンバー教育を行います。 Q: 機密情報の扱いはどうなりますか A: 案件情報やクライアント情報を扱うため、機密保持と技術的なアクセス制御を導入時に取り決めます。 Q: フォーム送信後はどうなりますか A: 受付後1営業日以内に、60分相談の日程をご連絡します。",
"contentModel": {
"items": [],
"steps": [],
"metrics": [],
"faqs": [
{
"question": "既存のFigmaやNotionを使えますか。",
"answer": "Figma、Notion、Drive、Chatworkなど、制作会社の現場で使うツールとの連携を前提に設計します。"
},
{
"question": "Claudeを使ったことがないメンバーでも参加できますか。",
"answer": "3か月の導入期間内で、部門展開とメンバー教育を行います。"
},
{
"question": "機密情報の扱いはどうなりますか。",
"answer": "案件情報やクライアント情報を扱うため、機密保持と技術的なアクセス制御を導入時に取り決めます。"
},
{
"question": "フォーム送信後はどうなりますか。",
"answer": "受付後1営業日以内に、制作会社のAI化可能性を整理する60分相談の日程をご連絡します。"
}
],
"plans": [],
"comparison": null,
"beforeAfter": null,
"caseStudy": null,
"quote": "",
"quoteAttribution": "",
"sourceNote": ""
},
"asset": "FAQアコーディオン",
"implementation": "アコーディオン形式。各回答は1画面内で読み切れる長さにし、最後にCTAへ接続する。",
"cta": "不安点を相談で確認する",
"layout": "sample-ctaを選定。FAQ後に相談行動へ自然につなげるため。",
"imageBrief": {
"scene": "",
"subject": "",
"style": "",
"composition": "",
"lighting": "",
"palette": "",
"exactText": "",
"constraints": "",
"avoid": ""
}
},
{
"id": "message",
"type": "message",
"layoutVariant": "cta-banner",
"label": "思想",
"role": "最後のフォーム前に、AI導入の目的を利益だけでなく組織づくりとして再定義する。",
"userQuestion": "この会社はツール導入だけを売っているのか。",
"title": "人を置き換えず、知見を残す",
"body": "PENGINが支援するのは、制作会社の人をAIに置き換えることではありません。優秀者の頭の中にある手順と判断基準を残し、チームが使える形へ変えることです。人が担うべき顧客理解、意思決定、品質判断に時間を戻します。",
"proof": "",
"content": "AI導入の思想を短く伝える。",
"contentModel": {
"items": [
{
"eyebrow": "目的",
"title": "人の判断に時間を戻す",
"description": "反復作業をSKILLへ移し、顧客理解や意思決定に使う時間を増やします。",
"proof": ""
},
{
"eyebrow": "継承",
"title": "優秀者の知見を残す",
"description": "属人的な手順や判断基準を、チームが参照できる形に整えます。",
"proof": ""
}
],
"steps": [],
"metrics": [],
"faqs": [],
"plans": [],
"comparison": null,
"beforeAfter": null,
"caseStudy": null,
"quote": "",
"quoteAttribution": "",
"sourceNote": ""
},
"asset": "制作現場とナレッジ化を示す写真または画面",
"implementation": "短いメッセージとCTAの前振りとして配置。感情訴求に寄せすぎず、経営判断の文脈に保つ。",
"cta": "",
"layout": "cta-bannerを選定。最終CTA直前に行動理由を再提示するため。",
"imageBrief": {
"scene": "",
"subject": "",
"style": "",
"composition": "",
"lighting": "",
"palette": "",
"exactText": "",
"constraints": "",
"avoid": ""
}
},
{
"id": "final-form",
"type": "form",
"layoutVariant": "form-split",
"label": "無料相談フォーム",
"role": "即決型、中間型、心配性型の全員が、十分な情報を得た後にCVできる場所を用意する。",
"userQuestion": "何を入力すればよく、送信後に何が起きるのか。",
"title": "60分無料相談を予約する",
"body": "会社名、お名前、メールアドレス、現在の課題、相談希望日時を入力してください。受付後1営業日以内に、制作会社のAI化可能性を整理する60分相談の日程をご連絡します。",
"proof": "プライバシーポリシー: https://pengi-n.co.jp/privacy-policy/",
"content": "5項目フォームと送信後の流れを明記する。",
"contentModel": {
"items": [
{
"eyebrow": "入力項目",
"title": "5項目で送信できます",
"description": "会社名、お名前、メールアドレス、現在の課題、相談希望日時を入力します。",
"proof": ""
},
{
"eyebrow": "送信後",
"title": "1営業日以内に日程をご連絡",
"description": "制作会社のAI化可能性を整理する60分相談の日程をご案内します。",
"proof": ""
},
{
"eyebrow": "安心材料",
"title": "個人情報の扱いを明記",
"description": "個人情報の取り扱いはPENGINのプライバシーポリシーに従います。",
"proof": "https://pengi-n.co.jp/privacy-policy/"
}
],
"steps": [],
"metrics": [],
"faqs": [],
"plans": [],
"comparison": null,
"beforeAfter": null,
"caseStudy": null,
"quote": "",
"quoteAttribution": "",
"sourceNote": ""
},
"asset": "フォームUI",
"implementation": "フォーム項目は5つ以内。必須項目を明示し、送信ボタン直下に送信後の流れとプライバシーポリシーリンクを置く。",
"cta": "送信して日程連絡を受け取る",
"layout": "form-splitを選定。左に相談で分かること、右にフォームを置き、入力前の不安を同時に解消できるため。",
"imageBrief": {
"scene": "",
"subject": "",
"style": "",
"composition": "",
"lighting": "",
"palette": "",
"exactText": "",
"constraints": "",
"avoid": ""
}
}
]
}