Postcraft（X運用代行）

想定クライアントと課題

中小企業・個人事業主向けにX運用代行サービスを提供する架空のエージェンシー「Postcraft」。月15万円〜の価格帯で、市場には1〜3万円の格安代行から月50万円超のコンサル型まで競合が広く存在する、というレッドオーシャンに後発で参入する想定でした。

価格訴求では勝てず、機能（投稿本数・レポート頻度）の羅列ではどのエージェンシーも横並びに見えてしまう。広告経由で訪れる検討者は、複数社を同時に比較しているため、「なぜこの価格なのか」「なぜここに任せるべきなのか」を1ページで腹落ちさせる必要がありました。

特に課題だったのは：

• 「投稿代行＝コタツ記事の量産」というイメージで、価格が高く見える
• 機能比較ではどの代行も似て見え、選ぶ理由を作れない
• 兼務担当者の決裁者は「効果が出るか分からないものに月15万円」を躊躇する

提案理由

差別化軸を「投稿量」ではなく 「磨き」と「社外に置く感覚」 に振り切りました。Heroで結論を言い切り、料金プランの手前で「なぜこの価格か」を納得させる構成です。

• H1で世界観を1行に：「Xの中の人を、社外に置く。」と、機能ではなく得られる体験を主語化。投稿の量や品質ではなく「兼務で止まらない運用」というベネフィットで掴む
• 痛みセクションを早い段階に：「ネタが続かない・数字が伸びない・兼務で止まる・成果が語れない」の4パターンを名指しで提示。検討者が自分の状況を投影しやすくし、共感で読み進めさせる
• 「Why Postcraft」で価格の根拠を作る：「AI丸投げしない」「戦略×制作の2名体制」「毎月A/Bで磨く」を独立セクション化。料金プランを見る前に “高くて当然の理由” を入れる
• 事例はダーク反転＋数字で：BtoB SaaS / 個人税理士 / D2Cアパレルの3例を業種別に。フォロワー数より「問い合わせ件数」「ECサイト遷移」を主役にし、売上に効く運用であることを示す
• 3プラン × Recommended強調：意思決定の負荷を下げるため、中央のStandardプランをダーク反転＋アクセントバッジで明確に推奨。決裁者向けに迷う時間を削減
• CTAは「無料診断」一本：「資料DL」「お問い合わせ」「ご相談」のように動詞をばらつかせず、診断という低コミット行動に絞ってコンバージョンを最大化

セクション順は 結論 → 数字 → 痛み → サービス → 差別化 → 事例 → プラン → 流れ → FAQ → CTA。検討者の心理に沿って「自分ごと化 → 解決策の存在 → 信頼形成 → 行動の容易さ」へ段階を上げる動線です。

期待される効果

• 「投稿代行＝コタツ記事の量産」という思い込みで価格に納得しない層を、Why Postcraftブロックで “高くて当然の理由” を腹落ちさせ、検討の土俵に乗せられる
• 機能比較で横並びに見えていた検討者に、事例の “業種別の具体的KPI” で差別化を見せ、決裁の場で説明しやすい資料化
• 「効果が出るか分からないものに月15万円」を躊躇する決裁者を、無料診断＋1ヶ月単位の解約自由で心理的ハードルを下げ、商談化率を底上げ

デザイン意図

• シャープ・モノクロ＋アクセント1色運用。SaaSの料金ページ的な無駄のなさを徹底し、装飾より構造で説得力を作る。アクセント色は未使用のライム（#a3e635）で、既存ポートフォリオ4本（赤・ネイビー・エメラルド・アンバー）と被らず、SNS運用の「機動力・若さ・反応の速さ」を視覚化
• Heroはダーク反転＋グリッドパターン。プロダクト感・SaaS感を強調し、価格帯（月15万〜）の高さに見合うクオリティを最初の3秒で印象付ける。背景のラジアルグラデーションは「Xの上でアカウントが光っていく」イメージを抽象化
• 数字・事例セクションはダーク反転、本文セクションは白〜薄グレー。可読性とリズムを両立し、「実績」「Why」を視覚的に重く見せる
• 角丸ゼロ・矩形ボタン・グリッド罫線。SNS運用代行は「ふわっとした感覚値で売る」業界が多いが、Postcraftは構造と数字で語る——というブランド姿勢をUIの硬さで表現
• 3プランカードのRecommended強調：中央のStandardだけダーク反転＋アクセントバッジ。決裁者の選択を意図的に誘導するセールスデザインの定石
• 架空である旨を各所に明記。数値・事例・社員コメント類には注記を添え、ポートフォリオとしての誠実さを担保

技術選定理由

領域	選定	理由
フレームワーク	Astro 5	単一ページの静的LP。表示速度がそのまま離脱率に効く
スタイリング	Tailwind CSS v4	アクセント1色運用を CSS 変数で一元管理。共通トークンは @chan14/ui を継承
出力	静的（SSG）	フォームはダミー。サーバー不要で Cloudflare Pages に軽量配信
タイポ	Inter / Noto Sans JP	端末標準フォールバックで Web フォント読み込みを最小化
デプロイ	Cloudflare Pages	既存実績と同じ独立プロジェクト運用。GitHub 連携で自動デプロイ

X運用代行は「投稿数」「フォロワー数」だけで語ると同質化しやすい業界です。PostcraftではLPの構文そのものが営業ツールとして機能するよう、各セクションを「決裁者が社内で説明するときに切り出せる単位」で設計してあります。事例・プラン・流れの各ブロックはデータ配列で管理しており、業種別の事例追加や価格改定がコード最小変更で完結します。