--- title: サポーターの心を掴む！ページ内で押さえるべき4箇所 description: プロジェクトページで商品の魅力を伝えるために押さえるべき4箇所について、事例とともにご説明します。 image: https://lp-mk-2.makuake.com/hubfs/article_023_kv.png --- [Skip to content](https://lp-mk-2.makuake.com/article/023#main-content) [![Makuake(マクアケ)](https://lp-mk-2.makuake.com/hs-fs/hubfs/logo_header_makuake.png?width=148&height=29&name=logo_header_makuake.png)](https://lp-mk-2.makuake.com/) - [事例](https://lp-mk-2.makuake.com/case) - [イベント](https://lp-mk-2.makuake.com/event) - [記事](https://lp-mk-2.makuake.com/article) - [お役立ち資料](https://lp-mk-2.makuake.com/download) - [サービス/仕組み](https://lp-mk-2.makuake.com/service) - [料金](https://lp-mk-2.makuake.com/system-commission) - [掲載申込](https://www.makuake.com/apply/form/) Open main navigation Close main navigation - [事例](https://lp-mk-2.makuake.com/case) - [イベント](https://lp-mk-2.makuake.com/event) - [記事](https://lp-mk-2.makuake.com/article) - [お役立ち資料](https://lp-mk-2.makuake.com/download) - [サービス/仕組み](https://lp-mk-2.makuake.com/service) - [料金](https://lp-mk-2.makuake.com/system-commission) - [掲載申込](https://www.makuake.com/apply/form/) - [資料請求](https://lp-mk-2.makuake.com/download/service_document) [資料請求](https://lp-mk-2.makuake.com/download/service_document) [All posts](https://lp-mk-2.makuake.com/article/all) 2月 3, 2026 # サポーターの心を掴む！ページ内で押さえるべき4箇所 ![Picture of Makuake編集部](https://lp-mk-2.makuake.com/hs-fs/hubfs/makuake.png?width=50&name=makuake.png) By  [Makuake編集部](https://lp-mk-2.makuake.com/article/author/makuake編集部)  ·  1 minute read ![article\_023\_kv](https://lp-mk-2.makuake.com/hs-fs/hubfs/article_023_kv.png?width=600&height=293&name=article_023_kv.png) プロジェクトページは、実行者様側で作成いただいております。Makuakeで用意したテンプレートに沿って画像やテキストを当て込んでいただければ完成するため、作業自体はコーディングのスキルも不要で、どなたでもご対応いただけます。 しかし「プロジェクトページはボリュームがあって、どこから手を付けていけばいいかわからない」とお悩みの方も多くいらっしゃいます。そこで今回は、商品の魅力を伝えるために押さえるべき箇所4点について、事例とともにご説明します。 なお、Makuakeでは実行者様ごとに担当キュレーターが伴走し、ページ作りをサポートしております。 まだページ内容のイメージがついていない場合でも、プロジェクト実施を検討している新商品・サービスのサンプルがおありでしたらプロジェクト掲載お申し込みフォームよりご相談ください。[⇒プロジェクト掲載お申し込みフォームはこちら](https://www.makuake.com/apply/form/) ![Makuakeメルマガ](https://hubspot-no-cache-na2-prod.s3.amazonaws.com/cta/default/22071999/interactive-303055441612.png) ## サポーターの心を掴むために押さえるべき箇所4点 サポーターの心を掴むために押さえるべき箇所は、以下の4点です。 1. キービジュアル 2. タイトル 3. ストーリー 4. ファーストビュー ![article\_023\_1](https://lp-mk-2.makuake.com/hs-fs/hubfs/article_023_1.png?width=700&height=485&name=article_023_1.png) ## 1）キービジュアル キービジュアルには、「Makuakeサイト上やSNSの短い時間の中で興味を惹かせる」役割があります。毎日新しいプロジェクトが数十件公開されるため、並んだプロジェクトの中で目を惹くかどうかが重要です。キービジュアルの仕上がりは、プロジェクトページの来訪数に直結します。 ### ![article\_023\_2](https://lp-mk-2.makuake.com/hs-fs/hubfs/article_023_2.png?width=1224&height=568&name=article_023_2.png) ポイント1：キービジュアルとタイトルを一緒にしない キービジュアルとタイトルの内容が重複してしまうと、それぞれの良さを有効活用できません。画像のAfterは、キービジュアルを商品画像メインにして具体的なことはタイトルで伝えています。「タイトルとセット」でプロジェクトの内容が分かれば良いので、内容は重複させないようにしましょう。 ![article\_023\_3](https://lp-mk-2.makuake.com/hs-fs/hubfs/article_023_3.png?width=800&height=380&name=article_023_3.png) ### ポイント2：画像と文字のバランスに気をつける 画像のBeforeのように、文字が大きすぎるとせっかくの商品に目がいきません。文字を少なくすることで商品に注目させることができますので、文字は空いている箇所にいれましょう。 ![article\_023\_4](https://lp-mk-2.makuake.com/hs-fs/hubfs/article_023_4.png?width=800&height=382&name=article_023_4.png) ### ポイント3：写真の撮り方や画質にこだわり、目に留まる写真を選ぶ プロジェクトの主役をハッキリさせましょう。Beforeはプロジェクトの主役であるワインボトルに目がいかず、背景写真や「金賞」の文字が目立ちすぎています。Afterのようにワインボトルは中央にし、空いた箇所に他の情報を入れることで主役をハッキリさせましょう。 ![article\_023\_5](https://lp-mk-2.makuake.com/hs-fs/hubfs/article_023_5.png?width=800&height=387&name=article_023_5.png) ## 2）タイトル タイトルは、キービジュアルのすぐ下に表示される40文字のテキスト部分です。キービジュアルと補完関係にあり、商品・サービスの特徴やターゲットが得られる体験を伝えることで「自分に関係のあるプロジェクトだと思わせ、クリックしてもらう」役割があります。 ![article\_023\_6](https://lp-mk-2.makuake.com/hs-fs/hubfs/article_023_6.png?width=800&height=456&name=article_023_6.png) 40文字という短い制限の中ではありますが、下記3点を入れるとよいでしょう。 1. 商品・サービスや体験の特徴 2. 他商品との差別化ポイントや事実、数値（体験の根拠となるもの。これにより「1」の説得力が生まれます） 3. 商品名（SEO対策） 上の画像の事例では、1の特徴が「手軽に家ごはんを格上げ！」、2の体験の根拠となるものが「箸やお椀を一から設計し」、3の商品名が「ARAS」となっています。 ## 3）ストーリー タイトルの下に表示されるプロジェクトページの要約で、本文を読んでもらうためのリードです。ストーリー3文を読むとプロジェクトの概要がわかる状態にしましょう。特に、ユーザーの体験とそれを保証する機能・性能のメリットをわかりやすく記載することが大事です。ベネフィット、差別化要因、誰がやっている・関わっているか、リターン内容などを記載しましょう。 ![article\_023\_7](https://lp-mk-2.makuake.com/hs-fs/hubfs/article_023_7.png?width=800&height=303&name=article_023_7.png) ## 4）ファーストビュー プロジェクトページを最後まで読んでもらうための、本文の掴みとなる部分です。ここでは、本文のワンスクロール目のことを指しています。キービジュアルやタイトルは読んでもらいやすいですが、プロジェクトページの中身まで読み込んでもらうにはもう一段ハードルがあります。そのハードルを越えてもらうために、ファーストビューの内容はかなり重要です。 ![article\_023\_8](https://lp-mk-2.makuake.com/hs-fs/hubfs/article_023_8.png?width=600&height=612&name=article_023_8.png) 入れていただきたい内容は下記4点です。 1. 簡単な自己紹介 誰がどのような商品をつくっているかの紹介です。 2. 問題提起 普段こんなお困りごと・課題がありませんか？という問いかけです。 3. 解決策の提示 2の問題提起とセットで、その問題をこの商品が解決していくという流れを作ります。 4. どんな生活が手に入るのか 主に写真を活用して魅力的なワンシーンを示すと、自分に関係のあるプロジェクトとしてページの続きを読んでもらいやすいです。   ## 読みやすいページをつくるテクニック ここからは、読みやすいページをつくるテクニックを2点ご紹介します。 ### テクニック1：GIF画像の活用 どうしても画像と文章だけでは使用シーンをイメージしづらいため、下記のようなGIF画像を使っていただくと魅力的に映りやすいです。 「GIF画像と動画はどちらがよいですか？」というご質問をいただくことがありますが、プロジェクトページの本文にはGIF画像の方が効果的です。動画は再生ボタンをクリックしないと動かない仕様のため、自動で動くGIF画像の方が注目度を集めやすく、おすすめしております。 ![](https://lh7-us.googleusercontent.com/DLjTgSA99kRi0GxEH3Xy5CPLrVN-PT7eI_8zFv6GvSk5_6rX2MrSirtHZvlHeXa4A6bTnyRXdlNPij3xl8CZlxmai2ENdgimEsxNBDueVTqMOeZwjSdv6Z3PneVQOynSJ_547qdofiLa8MHETFQFtA=s2048) ![](https://lh7-us.googleusercontent.com/Wq3c9kJF_lfmulq8YnKjpH0gy2L8y9wan6qT-1TII9ywM7an_sJuci_IYxCM2eFnInBNac4s_JkJgilqRE-HA5Z-hgJOf5sI4ghicASi-5AcALOJ6wf8iLkPPcSMR48nllpKOwWmUJmCNXl9Aouynw=s2048) ### テクニック2：文章と画像のリズム テキストが続きすぎると読みづらく、ページからの離脱につながるため、150-200文字程度続いたところで画像を入れるとよいでしょう。PCで見るプロジェクトページの場合は4行ほど続いたタイミングで画像を挟むことをおすすめします。 特にスマートフォンでページを見ている場合に、文字が長いと離脱に繋がりやすいため、テキストと画像を組み合わせて読み手のリズムをつくりましょう。 ![article\_023\_11](https://lp-mk-2.makuake.com/hs-fs/hubfs/article_023_11.png?width=600&height=492&name=article_023_11.png)   以上、プロジェクトページ作りのポイントについてご紹介しました。お悩みがありましたら担当キュレーターにご相談ください。実行者様側で作成いただいたページにキュレーターがアドバイスしながら進行することで、より商品の魅力が伝わりやすいページに仕上げていくことができます。 なお実行者様側でのページ作成や商品の写真撮影が難しい場合は、Makuakeから制作会社をご紹介することも可能です。制作費用の目安は25万円〜ですが、各制作会社で様々なプランをご用意しておりますので、ご希望の際はキュレーターにご相談ください。 ※Makuake側は制作会社を紹介するのみで、それに伴う紹介手数料はいただいておりません。 Makuakeでのプロジェクト掲載にご興味のある方は、サービス資料をご覧ください。 [![Makuake資料をダウンロードする](https://hubspot-no-cache-na2-prod.s3.amazonaws.com/cta/default/22071999/interactive-169638399587.png)](https://lp-mk-2.makuake.com/hs/cta/wi/redirect?encryptedPayload=AVxigLK%2B6VqVN2YfWpUEfyPf%2Ba2XecD6tjD86r9an%2BSCjZKQABzQl04QCtOQyvbVJkY47kZu0t3LNFuONAPXP53Xsk%2FD2S1qXORTycmclIMRYGv%2FeHNYFL2E7RdL8UiI3XoaPIccv45KN4KMy5CIIRjNoS08hxJuMEUf5yUN%2BLJCn%2BcshiJ2l8IQL%2B4gE5foVl%2BQ2%2BzRm23MqubZCPweGjAEoy%2Fyuf9frGJ3ONbshoIdy1eIa0QcXJ69J%2Fje4B%2F1rSE%3D&webInteractiveContentId=169638399587&portalId=22071999) ![Makuakeメルマガ](https://hubspot-no-cache-na2-prod.s3.amazonaws.com/cta/default/22071999/interactive-303055441612.png)   共有： [facebook-f icon](http://www.facebook.com/share.php?u=https://lp-mk-2.makuake.com/article/023) [linkedin-in icon](http://www.linkedin.com/shareArticle?mini=true&url=https://lp-mk-2.makuake.com/article/023) [twitter icon](https://twitter.com/intent/tweet?url=https://lp-mk-2.makuake.com/article/023) [pinterest-p icon](http://pinterest.com/pin/create/link/?url=https://lp-mk-2.makuake.com/article/023) [envelope icon](mailto:?body=https://lp-mk-2.makuake.com/article/023) ## 関連記事 [![](https://lp-mk-2.makuake.com/hubfs/article_022_kv.png)](https://lp-mk-2.makuake.com/article/022) [#ページ制作](https://lp-mk-2.makuake.com/article/tag/ページ制作) ### [プロジェクトページは“販売員”！作り込むためのコツ](https://lp-mk-2.makuake.com/article/022) [![](https://lp-mk-2.makuake.com/hubfs/article_028_kv.png)](https://lp-mk-2.makuake.com/article/028) [#審査・掲載準備](https://lp-mk-2.makuake.com/article/tag/審査-掲載準備) ### [プロジェクトの掲載申し込みはどこからできる？](https://lp-mk-2.makuake.com/article/028) [![新商品開発のどのタイミングでMakuakeに掲載申込すべき？｜ベストタイミングは「サンプル完成後」](https://lp-mk-2.makuake.com/hubfs/080_KV-1.webp)](https://lp-mk-2.makuake.com/article/080) [#審査・掲載準備](https://lp-mk-2.makuake.com/article/tag/審査-掲載準備) ### [新商品開発のどのタイミングでMakuakeに掲載申込すべき？｜ベストタイミングは「サンプル完成後」](https://lp-mk-2.makuake.com/article/080) ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Makuake編集部", "url" : "https://lp-mk-2.makuake.com/article/author/makuake編集部" }, "dateModified" : "2026-02-03T10:02:18.760Z", "datePublished" : "2024-02-20T07:03:36.000Z", "headline" : "サポーターの心を掴む！ページ内で押さえるべき4箇所", "image" : [ "https://lp-mk-2.makuake.com/hubfs/article_023_kv.png" ], "mainEntityOfPage" : { "@id" : "https://lp-mk-2.makuake.com/article/023", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://lp-mk-2.makuake.com/hubfs/logo_header_makuake.png" }, "name" : "株式会社マクアケ" } } ``` ```json { "@context" : "http://schema.org", "@type" : "Article", "author" : { "@type" : "Person", "name" : [ "Makuake編集部" ], "url" : "https://lp-mk-2.makuake.com/article/author/makuake編集部" }, "datePublished" : "2024-02-20T07:03:36+0000", "description" : "プロジェクトページで商品の魅力を伝えるために押さえるべき4箇所について、事例とともにご説明します。", "headline" : "サポーターの心を掴む！ページ内で押さえるべき4箇所", "image" : "https://lp-mk-2.makuake.com/hubfs/article_023_kv.png", "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://22071999.fs1.hubspotusercontent-na1.net/hubfs/22071999/logo_header_makuake.png" }, "name" : "株式会社マクアケ" }, "url" : "https://lp-mk-2.makuake.com/article/023" } ```