[{"data":1,"prerenderedAt":138},["ShallowReactive",2],{"use-cases-portfolio-landing-page-ja":3,"raw_iframe_data_temp":137},{"id":4,"title":5,"best_practices":6,"copy_starters":21,"cover":44,"description":45,"extension":46,"faq":47,"h1":5,"key_facts":62,"meta":67,"order":68,"problems_this_solves":69,"rawbody":79,"sections":80,"seo":102,"seo_keywords":105,"stem":125,"tags":126,"who_it_is_for":127,"__hash__":135,"rawPath":136},"use_cases_ja\u002Fuse_cases\u002Fja\u002Fportfolio-landing-page.json","あなたのポートフォリオ、完璧に額装",{"title":7,"do":8,"avoid":15},"ベストプラクティス",{"title":9,"items":10},"すべきこと (DO)",[11,12,13,14],"最高の仕事から始める — ポートフォリオグリッドでは量より質","タスクだけでなく、クライアントの成果に焦点を当てたサービスの説明を書く","具体的な結果や変化を含むお客様の声を使用する","問い合わせフォームをシンプルにする — 名前、メール、メッセージで十分",{"title":16,"items":17},"避けるべきこと (AVOID)",[18,19,20]," cluttered（ごちゃごちゃした）レイアウトを避ける — ホワイトスペースで作品に呼吸させる","連絡先を隠さない — 簡単に連絡が取れるようにする","曖昧なサービスの説明を省略する — 提供するものを具体的にする",{"title":22,"description":23,"items":24},"コピーのヒント (Copy Starters)","これらをあなた自身のコピーのインスピレーションとして使用してください。あなたのブランドのトーンと特定のオファーに合わせてカスタマイズします。",[25,28,31,41],{"label":26,"content":27},"見出し (Headline)","こんにちは、私は [あなたの名前] です—[あなたの専門分野]",{"label":29,"content":30},"サブヘッダー (Subheadline)","私は [ターゲットオーディエンス] が [あなたの方法] を通じて [特定の結果] を達成するのを助けます。",{"label":32,"content":33},"価値の箇条書き (Value Bullets)",[34,37,39],{"icon":35,"content":36},"check","[業界] で10年以上の経験",{"icon":35,"content":38},"[クライアントA]、[クライアントB]、[クライアントC] のようなブランドと協働",{"icon":35,"content":40},"[月\u002F年] から新規プロジェクトに対応可能",{"label":42,"content":43},"行動喚起 (Call to Action)","無料相談を予約する","https:\u002F\u002Fcdn.landing-page.io\u002Flandingpage_io\u002Fimage\u002Fuse-cases\u002Fportfolio.webp","AIにヒーローコピー、ケースグリッド、信頼性バッジ、訪問者を問い合わせに変えるCTAを作成させましょう。","json",{"title":48,"items":49},"よくある質問 (FAQ)",[50,53,56,59],{"label":51,"content":52},"ポートフォリオ作品はいくつ含めるべきですか？","6〜12点の質の高いポートフォリオ作品を表示します。最高の仕事を見せるために、量より質に焦点を当ててください。",{"label":54,"content":55},"ポートフォリオページに価格を含めるべきですか？","透明性のある価格設定や明確な料金範囲を含めることは、摩擦を減らし、リードを絞り込むのに役立ちますが、オプションであり、ビジネスモデルによって異なります。",{"label":57,"content":58},"説得力のあるお客様の声をどのように書きますか？","特定の課題、提供したソリューション、そして測定可能な結果や変化を含む引用文をクライアントに依頼してください。",{"label":60,"content":61},"このページを使用して予約を直接受け付けることができますか？","はい、連絡先セクションのCTAボタンを外部の予約ツール（Calendlyなど）にリンクするか、問い合わせのために直接フォーム送信を使用してください。",{"title":63,"goal":64,"section_count":65,"drafting_time":66},"主要な事実","予約","6セクション","2〜4分で下書き",{},3,{"title":70,"description":71,"items":72},"解決する問題","ポートフォリオページは、視覚的な証明、明確なサービス、社会的検証を1つのまとまった体験に組み合わせることで、あなたの仕事をクライアントを引きつける磁石に変えます。",[73,74,75,76,77,78],"最高の仕事を前面に押し出すことで、訪問者をクライアントに転換します","お客様の声や事例研究の結果を通じて信頼を築きます","サービスと価格を明確にし、不必要なやり取りを減らします","シンプルでアクセスしやすい問い合わせフォームで問い合わせを獲得します","ユニークなパーソナルブランドで競合他社との差別化を図ります","見込み客やネットワークと共有するためのプロフェッショナルなリンクを提供します","{\n  \"title\": \"あなたのポートフォリオ、完璧に額装\",\n  \"description\": \"AIにヒーローコピー、ケースグリッド、信頼性バッジ、訪問者を問い合わせに変えるCTAを作成させましょう。\",\n  \"order\": 3,\n  \"cover\": \"https:\u002F\u002Fcdn.landing-page.io\u002Flandingpage_io\u002Fimage\u002Fuse-cases\u002Fportfolio.webp\",\n  \"tags\": [],\n  \"sections\": {\n    \"title\": \"ページの設計図 (Page Blueprint)\",\n    \"description\": \"このユースケースには、訪問者を認知から行動へと導くために設計された6つの主要セクションが含まれています。\",\n    \"items\": [\n      {\n        \"title\": \"ヒーロー (Hero)\",\n        \"description\": \"見出し、タグライン、そして強力なビジュアルまたは写真で自己紹介をします。\"\n      },\n      {\n        \"title\": \"作品グリッド (Work Grid)\",\n        \"description\": \"サムネイルとプロジェクトの詳細を含む6～12点のポートフォリオ作品を表示します。\"\n      },\n      {\n        \"title\": \"サービス\",\n        \"description\": \"提供するサービスを説明と価格（該当する場合）とともにリストアップします。\"\n      },\n      {\n        \"title\": \"お客様の声 (Testimonials)\",\n        \"description\": \"信頼性と信用を築くために、3～5件のクライアントの引用文を掲載します。\"\n      },\n      {\n        \"title\": \"概要 (About)\",\n        \"description\": \"あなたのストーリー、専門知識、そしてあなたが他と異なる点を共有します。\"\n      },\n      {\n        \"title\": \"お問い合わせ (Contact)\",\n        \"description\": \"フォーム、メール、または予約リンクを使って、簡単に連絡が取れるようにします。\"\n      }\n    ]\n  },\n  \"who_it_is_for\": {\n    \"title\": \"対象者\",\n    \"items\": [\n      \"自分の仕事とサービスを紹介するフリーランス\",\n      \"ブランドを構築するデザイナー、写真家、クリエイター\",\n      \"新規クライアントを惹きつけるコンサルタントやコーチ\",\n      \"事例研究と能力を強調するエージェンシー\",\n      \"予約、問い合わせ、またはプロジェクトのリードを求めているすべての人\"\n    ]\n  },\n  \"problems_this_solves\": {\n    \"title\": \"解決する問題\",\n    \"description\": \"ポートフォリオページは、視覚的な証明、明確なサービス、社会的検証を1つのまとまった体験に組み合わせることで、あなたの仕事をクライアントを引きつける磁石に変えます。\",\n    \"items\": [\n      \"最高の仕事を前面に押し出すことで、訪問者をクライアントに転換します\",\n      \"お客様の声や事例研究の結果を通じて信頼を築きます\",\n      \"サービスと価格を明確にし、不必要なやり取りを減らします\",\n      \"シンプルでアクセスしやすい問い合わせフォームで問い合わせを獲得します\",\n      \"ユニークなパーソナルブランドで競合他社との差別化を図ります\",\n      \"見込み客やネットワークと共有するためのプロフェッショナルなリンクを提供します\"\n    ]\n  },\n  \"copy_starters\": {\n    \"title\": \"コピーのヒント (Copy Starters)\",\n    \"description\": \"これらをあなた自身のコピーのインスピレーションとして使用してください。あなたのブランドのトーンと特定のオファーに合わせてカスタマイズします。\",\n    \"items\": [\n      {\n        \"label\": \"見出し (Headline)\",\n        \"content\": \"こんにちは、私は [あなたの名前] です—[あなたの専門分野]\"\n      },\n      {\n        \"label\": \"サブヘッダー (Subheadline)\",\n        \"content\": \"私は [ターゲットオーディエンス] が [あなたの方法] を通じて [特定の結果] を達成するのを助けます。\"\n      },\n      {\n        \"label\": \"価値の箇条書き (Value Bullets)\",\n        \"content\": [\n          {\n            \"icon\": \"check\",\n            \"content\": \"[業界] で10年以上の経験\"\n          },\n          {\n            \"icon\": \"check\",\n            \"content\": \"[クライアントA]、[クライアントB]、[クライアントC] のようなブランドと協働\"\n          },\n          {\n            \"icon\": \"check\",\n            \"content\": \"[月\u002F年] から新規プロジェクトに対応可能\"\n          }\n        ]\n      },\n      {\n        \"label\": \"行動喚起 (Call to Action)\",\n        \"content\": \"無料相談を予約する\"\n      }\n    ]\n  },\n  \"best_practices\": {\n    \"title\": \"ベストプラクティス\",\n    \"do\": {\n      \"title\": \"すべきこと (DO)\",\n      \"items\": [\n        \"最高の仕事から始める — ポートフォリオグリッドでは量より質\",\n        \"タスクだけでなく、クライアントの成果に焦点を当てたサービスの説明を書く\",\n        \"具体的な結果や変化を含むお客様の声を使用する\",\n        \"問い合わせフォームをシンプルにする — 名前、メール、メッセージで十分\"\n      ]\n    },\n    \"avoid\": {\n      \"title\": \"避けるべきこと (AVOID)\",\n      \"items\": [\n        \" cluttered（ごちゃごちゃした）レイアウトを避ける — ホワイトスペースで作品に呼吸させる\",\n        \"連絡先を隠さない — 簡単に連絡が取れるようにする\",\n        \"曖昧なサービスの説明を省略する — 提供するものを具体的にする\"\n      ]\n    }\n  },\n  \"seo_keywords\": {\n    \"title\": \"SEOキーワード\",\n    \"description\": \"これらのキーワードを使用して、検索エンジン向けにページを最適化し、発見可能性を向上させます。\",\n    \"items\": [\n      {\n        \"list_name\": \"プライマリキーワード\",\n        \"keywords\": [\n          \"ポートフォリオ ランディングページ\"\n        ]\n      },\n      {\n        \"list_name\": \"セカンダリキーワード\",\n        \"keywords\": [\n          \"クリエイティブ ポートフォリオ ウェブサイト\",\n          \"フリーランス サービスページ\",\n          \"予約ページ\"\n        ]\n      },\n      {\n        \"list_name\": \"ロングテールキーワード\",\n        \"keywords\": [\n          \"ポートフォリオページで予約を獲得する方法\",\n          \"コンバージョンするサービスを記述する\",\n          \"最適な testimonial レイアウト\"\n        ]\n      }\n    ]\n  },\n  \"key_facts\": {\n    \"title\": \"主要な事実\",\n    \"goal\": \"予約\",\n    \"section_count\": \"6セクション\",\n    \"drafting_time\": \"2〜4分で下書き\"\n  },\n  \"faq\": {\n    \"title\": \"よくある質問 (FAQ)\",\n    \"items\": [\n      {\n        \"label\": \"ポートフォリオ作品はいくつ含めるべきですか？\",\n        \"content\": \"6〜12点の質の高いポートフォリオ作品を表示します。最高の仕事を見せるために、量より質に焦点を当ててください。\"\n      },\n      {\n        \"label\": \"ポートフォリオページに価格を含めるべきですか？\",\n        \"content\": \"透明性のある価格設定や明確な料金範囲を含めることは、摩擦を減らし、リードを絞り込むのに役立ちますが、オプションであり、ビジネスモデルによって異なります。\"\n      },\n      {\n        \"label\": \"説得力のあるお客様の声をどのように書きますか？\",\n        \"content\": \"特定の課題、提供したソリューション、そして測定可能な結果や変化を含む引用文をクライアントに依頼してください。\"\n      },\n      {\n        \"label\": \"このページを使用して予約を直接受け付けることができますか？\",\n        \"content\": \"はい、連絡先セクションのCTAボタンを外部の予約ツール（Calendlyなど）にリンクするか、問い合わせのために直接フォーム送信を使用してください。\"\n      }\n    ]\n  },\n  \"seo\": {\n    \"title\": \"AIジェネレーターで素早く構築されたポートフォリオランディングページ\",\n    \"description\": \"数分で高コンバージョンを実現するポートフォリオランディングページを作成します。当社のAIランディングページジェネレーターは、コピーを書き、セクションを構造化し、SEOとリードのために最適化します。\"\n  },\n  \"h1\": \"あなたのポートフォリオ、完璧に額装\"\n}",{"title":81,"description":82,"items":83},"ページの設計図 (Page Blueprint)","このユースケースには、訪問者を認知から行動へと導くために設計された6つの主要セクションが含まれています。",[84,87,90,93,96,99],{"title":85,"description":86},"ヒーロー (Hero)","見出し、タグライン、そして強力なビジュアルまたは写真で自己紹介をします。",{"title":88,"description":89},"作品グリッド (Work Grid)","サムネイルとプロジェクトの詳細を含む6～12点のポートフォリオ作品を表示します。",{"title":91,"description":92},"サービス","提供するサービスを説明と価格（該当する場合）とともにリストアップします。",{"title":94,"description":95},"お客様の声 (Testimonials)","信頼性と信用を築くために、3～5件のクライアントの引用文を掲載します。",{"title":97,"description":98},"概要 (About)","あなたのストーリー、専門知識、そしてあなたが他と異なる点を共有します。",{"title":100,"description":101},"お問い合わせ (Contact)","フォーム、メール、または予約リンクを使って、簡単に連絡が取れるようにします。",{"title":103,"description":104},"AIジェネレーターで素早く構築されたポートフォリオランディングページ","数分で高コンバージョンを実現するポートフォリオランディングページを作成します。当社のAIランディングページジェネレーターは、コピーを書き、セクションを構造化し、SEOとリードのために最適化します。",{"title":106,"description":107,"items":108},"SEOキーワード","これらのキーワードを使用して、検索エンジン向けにページを最適化し、発見可能性を向上させます。",[109,113,119],{"list_name":110,"keywords":111},"プライマリキーワード",[112],"ポートフォリオ ランディングページ",{"list_name":114,"keywords":115},"セカンダリキーワード",[116,117,118],"クリエイティブ ポートフォリオ ウェブサイト","フリーランス サービスページ","予約ページ",{"list_name":120,"keywords":121},"ロングテールキーワード",[122,123,124],"ポートフォリオページで予約を獲得する方法","コンバージョンするサービスを記述する","最適な testimonial レイアウト","use_cases\u002Fja\u002Fportfolio-landing-page",[],{"title":128,"items":129},"対象者",[130,131,132,133,134],"自分の仕事とサービスを紹介するフリーランス","ブランドを構築するデザイナー、写真家、クリエイター","新規クライアントを惹きつけるコンサルタントやコーチ","事例研究と能力を強調するエージェンシー","予約、問い合わせ、またはプロジェクトのリードを求めているすべての人","bxkkBjvyui12ScRfHdtnA790KyxkgifxAAwH92J43hM","\u002Fportfolio-landing-page","\u003C!DOCTYPE html>\n\u003Chtml lang=\"en\">\n  \u003Chead>\n    \u003Cmeta charset=\"UTF-8\" \u002F>\n    \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \u002F>\n    \u003Ctitle>Loading preview\u003C\u002Ftitle>\n    \u003Cstyle>\n      body {\n        margin: 0;\n        min-height: 100vh;\n        display: grid;\n        place-items: center;\n        background: linear-gradient(180deg, #f7f4ee 0%, #fbfaf7 100%);\n        color: #171717;\n        font-family: Arial, sans-serif;\n      }\n      .preview-shell {\n        width: min(560px, calc(100vw - 32px));\n        border: 1px solid #e7e1d6;\n        border-radius: 22px;\n        background: rgba(255, 255, 255, 0.96);\n        box-shadow: 0 24px 60px rgba(36, 25, 12, 0.12);\n        padding: 32px 28px;\n      }\n      .preview-label {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        margin-bottom: 16px;\n        color: #8a8377;\n        font-size: 12px;\n        font-weight: 700;\n        letter-spacing: 0.12em;\n        text-transform: uppercase;\n      }\n      .preview-title {\n        margin: 0 0 10px;\n        font-size: 28px;\n        line-height: 1.1;\n      }\n      .preview-copy {\n        margin: 0;\n        color: #5f5a52;\n        font-size: 15px;\n        line-height: 1.6;\n      }\n    \u003C\u002Fstyle>\n  \u003C\u002Fhead>\n  \u003Cbody>\n    \u003Cdiv class=\"preview-shell\">\n      \u003Cdiv class=\"preview-label\">Preview\u003C\u002Fdiv>\n      \u003Ch1 class=\"preview-title\">Interactive preview loads after the page opens.\u003C\u002Fh1>\n      \u003Cp class=\"preview-copy\">The static build skips remote template fetches so prerender can complete reliably. The full preview is loaded on the client.\u003C\u002Fp>\n    \u003C\u002Fdiv>\n  \u003C\u002Fbody>\n\u003C\u002Fhtml>",1778492098248]