--- title: 紹介したくなる体験をつくる「KV出し分け機能」とは｜紹介したくなるUI/UX設計 description: 紹介キャンペーンの紹介率を高めるには、アクセス経路やターゲットの文脈に応じたUI/UX最適化が不可欠です。本記事では「KV出し分け機能」のメリットや心理的効果、具体的なタッチポイント別・ターゲット別の設定ノウハウを徹底解説します。 --- [invy(インビー)お友達紹介マーケティングクラウド｜お友達紹介研究所](https://www.creativehope.co.jp/invy/blog) # [紹介したくなる体験をつくる「KV出し分け機能」とは｜紹介したくなるUI/UX設計](https://www.creativehope.co.jp/invy/blog/active-prospects/function/invite-visual-variation) 作成者: [正村絢佳](https://www.creativehope.co.jp/invy/blog/author/正村絢佳)｜2026.08.06 「紹介者ページへの流入はあるのに、シェアに至らず離脱されてしまう」とお悩みではありませんか？ その主な原因は、流入元やターゲットの心理状態が異なるにもかかわらず、全員に一律のキービジュアルを表示することで「ギャップ」が生まれていることにあります。 本記事では、流入元やターゲットに応じてキービジュアルを切り替え、ファーストビューの訴求力を高める「KV出し分け機能」のメリットや具体例、効果的な運用方法をご紹介します。   ■関連記事 [紹介キャンペーンの成果を左右するUI/UXとは？~LP設計で「紹介される体験」を作る方法~](https://www.creativehope.co.jp/invy/blog/active-prospects/function/uiux) 目次 1. [紹介キャンペーンの成果を左右する「ユーザー別の体験設計」](https://www.creativehope.co.jp/invy/blog/active-prospects/function/invite-visual-variation?hs_amp=true#a1) 1. [**紹介行動を妨げる「心理的摩擦」と「体験のズレ」**](https://www.creativehope.co.jp/invy/blog/active-prospects/function/invite-visual-variation?hs_amp=true#a11) 2. [**ユーザーに合わせた訴求が紹介率を高める**](https://www.creativehope.co.jp/invy/blog/active-prospects/function/invite-visual-variation?hs_amp=true#a12) 2. [流入元に応じて訴求を最適化する「KV出し分け機能」とは？](https://www.creativehope.co.jp/invy/blog/active-prospects/function/invite-visual-variation?hs_amp=true#a2) 1. [**「KV出し分け機能」とは**](https://www.creativehope.co.jp/invy/blog/active-prospects/function/invite-visual-variation?hs_amp=true#a21) 2. [**「KV出し分け機能」で実現できること**](https://www.creativehope.co.jp/invy/blog/active-prospects/function/invite-visual-variation?hs_amp=true#a22) 3. [**「KV出し分け機能」が適した商材・ビジネスモデル**](https://www.creativehope.co.jp/invy/blog/active-prospects/function/invite-visual-variation?hs_amp=true#a23) 3. [**活用の実践例：効果的なKV設定と具体的なコミュニケーション設計**](https://www.creativehope.co.jp/invy/blog/active-prospects/function/invite-visual-variation?hs_amp=true#a3) 1. [**流入タッチポイント別のKV・メッセージ設定モデル**](https://www.creativehope.co.jp/invy/blog/active-prospects/function/invite-visual-variation?hs_amp=true#a31) 2. [**ターゲット特性に応じた訴求軸の最適化**](https://www.creativehope.co.jp/invy/blog/active-prospects/function/invite-visual-variation?hs_amp=true#a32) 4. [**まとめ**](https://www.creativehope.co.jp/invy/blog/active-prospects/function/invite-visual-variation?hs_amp=true#a4)   ⧵ **紹介機能のデモページを公開中！** /   ## **1. 紹介キャンペーンの成果を左右する「ユーザー別の体験設計」** 紹介キャンペーンでは、どれほど魅力的なインセンティブを用意しても、既存顧客が実際に友人や家族へ紹介するかどうかは「UI/UX」の設計に大きく左右されます。 特に重要なのが、ユーザーごとに最適な訴求を届けることです。アクセス経路や顧客の状況に合わせてメッセージや体験を最適化することで、紹介率の向上につながります。   ### **1.1 紹介行動を妨げる「心理的摩擦」と「体験のズレ」** 紹介キャンペーンの成果が伸び悩む要因の一つが、ユーザーの心理状態や期待に合わない体験設計です。 ユーザーは流入経路によって異なるモチベーションでページを訪れます。例えば、購入完了後は紹介意欲が高まりやすい一方、LINEやメルマガ経由ではキャンペーン確認段階、マイページ経由ではブランドとの関係性を求める段階にあります。 そのため、全ユーザーに同じ訴求を行うと「自分向けの情報ではない」と感じ、紹介メリットを理解する前に離脱につながります。流入時の期待とページ体験のズレによる心理的摩擦を減らすことが、紹介行動を促すポイントです。   ### **1.2 ユーザーに合わせた訴求が紹介率を高める** 先述の通り、紹介率を高めるには、ユーザーの状況や流入経路に合わせた情報体験を提供することが重要です。 流入元や顧客フェーズに応じてKV・メッセージ・導線を最適化し、「自分に向けられた紹介キャンペーンだ」と直感的に理解できる設計にすることで、紹介への心理的ハードルを下げることができます。 ユーザー一人ひとりに合わせた体験設計こそが、紹介キャンペーンの成果を最大化する鍵となります。    ⧵ **紹介機能のデモページを公開中！** /   ## **2. 流入元に応じて訴求を最適化する「KV出し分け機能」とは？** 紹介キャンペーンでは、ユーザーが「自分に関係のある情報だ」と感じられるかどうかが、紹介行動につながる重要なポイントです。本章では、ユーザーのアクセス経路や心理状態に合わせてファーストビューを最適化する「KV出し分け機能」について紹介します。   ### **2.1 「KV出し分け機能」とは** 「KV出し分け機能」とは、ユーザーの流入経路や利用状況に応じて、紹介ページのファーストビューやメッセージを切り替え、ユーザーごとに最適な訴求を届ける機能です。 従来の紹介ページでは、どの流入経路からアクセスしても同じ内容が表示されるため、ユーザーの期待とページ上の訴求にズレが生じ、ファーストビューでの離脱につながるケースがありました。 「KV出し分け機能」では、URLに含まれるパラメータや流入元情報をもとに、アクセス経路ごとに最適なキービジュアル・メッセージを自動で切り替えることができます。   ### **2.2 「KV出し分け機能」で実現できること** 「KV出し分け機能」を用いることで、流入元や顧客フェーズに合わせた一貫性のある顧客体験を提供し、紹介率の向上につなげることができます。 例えば、購入直後のユーザーには「商品体験の共有」を促す訴求、LINEやメルマガ経由のユーザーには「紹介特典」を強調するなど、ユーザーの状況に合わせたメッセージ設計が可能になります。 さらに、invyでは流入元ごとの紹介誘導率を計測し、どの訴求が効果的だったかを分析できます。感覚ではなくデータをもとに改善を繰り返すことで、紹介キャンペーンの成果最大化につなげられます。   ### **2.3 「KV出し分け機能」が適した商材・ビジネスモデル** 「KV出し分け機能」は、顧客との接点が多く、流入経路や利用フェーズが異なるビジネスで特に効果を発揮します。 - **D2C・ECブランド（コスメ、サプリ、アパレルなど）** 購入完了画面、商品同梱物、LINE、メルマガ、Web広告など複数の接点が存在するため、流入元ごとの訴求最適化による効果が期待できます。 - **オンラインスクール・資格講座** サービス理解度が低い段階とマイページ等からアクセスする既存受講生層では、求める情報が異なるため、「サービス理解促進」と「紹介メリット訴求」を使い分けることができます。 - 店舗・サロン・フィットネスジム（OMO型ビジネス） 店舗POP、スタッフ紹介、LINE配信など、オンライン・オフラインの複数チャネルから流入が発生するため、それぞれの接点に合わせた紹介体験を提供できます。 ⧵ **紹介機能のデモページを公開中！** /   ## **3. 活用の実践例：効果的なKV設定と具体的なコミュニケーション設計** KV出し分け機能を最大限に活用するには、単にデザインを変更するだけではなく、「誰が・どのタイミングで・どのような心理状態でアクセスしているか」を理解したうえで、最適な訴求を届けることが重要です。   ### **3.1流入タッチポイント別のKV・メッセージ設定モデル** ユーザーは告知の流入経路によって紹介に対するモチベーションや期待する情報が異なります。そのため、ファーストビューのビジュアル・メッセージ・CTAを最適化することで、紹介への心理的ハードルを下げることができます。 | **流入元** | **顧客の心理状態・文脈** | **最適なKVビジュアル・メインコピー例** | | --- | --- | --- | | EC購入完了画面 （サンクスページ） | 購入決定直後で満足度と高揚感がピークに達しているアクティブ状態 | 【ビジュアル】 ・購入商品の魅力が伝わる情緒的なビジュアル ・ギフトをイメージさせるパッケージ画像  【メインコピー】 「ご購入ありがとうございます！商品が届くまでのワクワクを、大切なご友人にもお裾分けしませんか？」 | | 公式LINE / メルマガ （定常配信） | 「お得な情報はないか」「自分向けの特典か」を短時間で判別したい情報収集状態 | 【ビジュアル】 ・Amazonギフトカードなどをイメージしたビジュアル ・期間限定感を演出するデザイン  【メインコピー】 「いつもご利用ありがとうございます！今月限定のお友達紹介で、2,000円分のポイントをプレゼント！」 | | マイページ / アプリ （定常固定導線） | 日常的にサービスを利用しており、ブランドへの信頼や愛着度が醸成されているロイヤル状態 | 【ビジュアル】 ・プレミアム感のあるデザイン ・アンバサダーカードをイメージしたビジュアル  【メインコピー】 「いつもご愛用いただきありがとうございます。特別なアンバサダーとして、大切なご友人をご招待ください。」 |   ### **3.2 ターゲット特性に応じた訴求軸の最適化** 紹介率を高めるためには、流入経路だけでなく、ターゲットの価値観や行動特性に合わせた訴求設計も重要です。   #### **共感重視（世話好き型・女性ターゲット向け）** 共感・関係性重視のターゲットにはサービスへの共感や、身近な人への「おすすめしたい」という気持ちを引き出す訴求が有効です。 > - 「あなたのお気に入りを大切な人にも」 > - 「一緒に楽しむきっかけを届けませんか？」 といった、相手への思いやりや体験共有を軸にしたメッセージによって、紹介への心理的抵抗を下げることができます。   #### **メリット・特別感重視のターゲット（マッチョ型・男性ターゲット向け）** メリット・特別感重視のターゲットには、具体的な特典や限定感を前面に出した訴求が効果的です。 > - 「紹介1名につき〇〇ポイント還元」 > - 「会員限定の特別オファー」 など、明確なメリットを提示することで、紹介行動の動機を高めることができます。   ### **3.3 データを活用した継続的な改善** KV出し分けは、設定して終わりではなく、成果データをもとに継続的に改善することが重要です。 invyの分析ダッシュボードでは、流入元ごとの紹介誘導率を確認できるため、「どの経路・どの訴求が成果につながっているか」を把握できます。 タッチポイントごとのユーザー心理とデータを掛け合わせて改善を続けることで、紹介施策を継続的に成長させることができます。 ⧵ **紹介機能のデモページを公開中！** /   ## **4. まとめ** 紹介キャンペーンで成果を高めるには、豪華なインセンティブだけでなく、ユーザーの状況に合わせたUI/UX設計が重要です。 流入元に応じた「KV出し分け機能」を活用することで、ユーザーの心理状態や接点に合わせたビジュアル・メッセージを表示し、紹介ページでの離脱を防ぎ、紹介行動を促進できます。 invy（インビー）では、紹介キャンペーンの設計から運用まで一貫してサポートしています。顧客接点ごとの紹介率を改善したい、自社に合った紹介施策を実施したい方は、ぜひお気軽にご相談ください。   [完全な記事を表示](https://www.creativehope.co.jp/invy/blog/active-prospects/function/invite-visual-variation) ```json { "@context" : "http://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "正村絢佳" }, "dateModified" : "2026-08-06T06:51:16.909Z", "datePublished" : "2026-08-06T06:51:07Z", "headline" : "紹介したくなる体験をつくる「KV出し分け機能」とは｜紹介したくなるUI/UX設計", "image" : { "@type" : "ImageObject", "height" : 630, "url" : "https://www.creativehope.co.jp/hubfs/invy_%E3%80%8CKV%E5%87%BA%E3%81%97%E5%88%86%E3%81%91%E6%A9%9F%E8%83%BD%E3%80%8D%E3%81%A8%E3%81%AF.png", "width" : 1200 }, "mainEntityOfPage" : "https://www.creativehope.co.jp/invy/blog/active-prospects/function/invite-visual-variation", "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "height" : 60.0, "url" : "https://cdn2.hubspot.net/hubfs/598786/invy_logo_03-2.png", "width" : 375.0 }, "name" : "invy(インビー)お友達紹介マーケティングクラウド｜BLOG" } } ```