--- title: デザイン紹介 - 装飾｜購買意欲を高める魅力的な表現を創り出す description: Squad beyondの機能の中でも、特に人気なWidget。ブロックやパーツ単位のデザインパーツで、少しの調整で誰でも同じクオリティでLPを作成できます。今回は特別感や限定感を演出する装飾Widgetを紹介します。 image: https://23251619.hs-sites.com/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-07-11%2014.22.15.png --- 活用方法 # デザイン紹介 - 装飾｜購買意欲を高める魅力的な表現を創り出す Squad beyondの機能の中でも、特に人気なWidget。ブロックやパーツ単位のデザインパーツで、少しの調整で誰でも同じクオリティでLPを作成できます。今回は特別感や限定感を演出する装飾Widgetを紹介します。 [ yuiko ](https://23251619.hs-sites.com/author/yuiko) 7 12, 2023 --- **今回教えてくれたのは** ## **Shihori Nakaide** **- BizOps チーム - Assistant Manager** 2021年2月よりSIVAにJoinし、CXチームで活動。ユーザーからのお問い合わせの解決やチームリーダーとしての役割・ユーザーに合わせた機能活用の提案・コミュニティの運営・オフ会の実施などを務めており、大手広告代理店の動向に関する知識を豊富に持っている。 ![スクリーンショット 2023-07-05 12.04.38](https://23251619.hs-sites.com/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-07-05%2012.04.38.png) ### 目次 | 01 | [購買意欲を高めるポイント](https://23251619.hs-sites.com/widget_introduction_4#headline1) | | --- | --- | | 02 | [予め用意されたデザインを使えば、時間短縮に](https://23251619.hs-sites.com/widget_introduction_4#headline2) | | 03 | [装飾のデザイン 14選](https://23251619.hs-sites.com/widget_introduction_4#headline3) | | 04 | [まとめ](https://23251619.hs-sites.com/widget_introduction_4#headline4) | ## 01｜購買意欲を高めるポイント ---   ### - 特別感を演出する ユーザーが自発的に参加できるコンテンツが提供されると、LPの滞在時間が延び、サービスへの興味や関心が高まる効果があります。ゲームのような体験でクーポンを手に入れることで、特別感を提供することができます。 ### - 限定感を演出する 「期間限定」「在庫限り」といった限定感を演出することで、迷っていたユーザーの購入意欲を高める効果があります。この機会を逃すと他では手に入らないというメッセージを伝えることが効果的です。 ## 02｜予め用意されたデザインを使えば、時間短縮に ---   ![image-1](https://23251619.hs-sites.com/hs-fs/hubfs/image-1.gif?width=750&height=378&name=image-1.gif) | 1 | Squad beyondの管理画面にログインし、beyondページを作成 | | --- | --- | | 2 | Widget管理をクリックし、カテゴリーや検索でお好きなWidgetを追加 | | 3 | テキストを変更したり、色やサイズを調整して完成 |   Squad beyondでは、800種類以上の「Widget」というLP制作パーツを提供しており、これらを組み合わせることで簡単にLPを作成することができます。特に比較表のデザインを再現する際には、従来は専門知識が必要で制作が困難でしたが、今では「Widget」を活用することで、誰でも素早く簡単に制作することができます。LPを効率的に量産し、コンバージョン率の向上を目指しましょう。 ▼ 参考記事 - [Widgetの余白を無くしたり、増やしたりしたい](https://knowledge.squadbeyond.com/edit-page/put-on-widget/margin) - [Widget内の文章の行間を変更したい](https://knowledge.squadbeyond.com/edit-page/put-on-widget/edit-letter) - [Widgetマスターへの第一歩｜修正相談・新規作成依頼の手順まとめ](https://23251619.hs-sites.com/squadvoice_widget) ## 03｜装飾のデザイン 14選 ---   ![logo (1)](https://23251619.hs-sites.com/hubfs/logo%20(1).png) 自発的な行動を促すデザイン **ルーレット ※要javascript** **/ Widget名** ![4a4a152fdfafab3f73e4f94fa041e58a](https://23251619.hs-sites.com/hs-fs/hubfs/4a4a152fdfafab3f73e4f94fa041e58a.gif?width=450&height=316&name=4a4a152fdfafab3f73e4f94fa041e58a.gif) --- - ![](https://f.hubspotusercontent30.net/hubfs/8823337/Checkmark.svg) 当選後にクーポンが表示されることが多いです [PREVIEW ](https://sb-draft-preview.squadbeyond.com/articles/mCLwsCqshnvDspJdOw/draft?token=38e2adfff8aa099d42150f50cc193ed7#2) ![logo (1)](https://23251619.hs-sites.com/hubfs/logo%20(1).png) 自発的な行動を促すデザイン **ルーレット付きリンク※要javascript** **/ Widget名** ![616538916c7e242091f4d655b7466d31](https://23251619.hs-sites.com/hs-fs/hubfs/616538916c7e242091f4d655b7466d31.gif?width=412&height=422&name=616538916c7e242091f4d655b7466d31.gif) --- - ![](https://f.hubspotusercontent30.net/hubfs/8823337/Checkmark.svg) 当選後にクーポンが表示されることが多いです [PREVIEW ](https://sb-draft-preview.squadbeyond.com/articles/eNFDdOYCEtCHtXaCoWA/draft?token=d19deb57ed51f0921f97508abc4aa00b#top)   ![logo (1)](https://23251619.hs-sites.com/hubfs/logo%20(1).png) 自発的な行動を促すデザイン **宝箱クイズ（箱3つ）※要javascript** **/ Widget名** ![2898f2c842498ad1b3d82ab85d97e76a](https://23251619.hs-sites.com/hs-fs/hubfs/2898f2c842498ad1b3d82ab85d97e76a.gif?width=442&height=330&name=2898f2c842498ad1b3d82ab85d97e76a.gif) --- - ![](https://f.hubspotusercontent30.net/hubfs/8823337/Checkmark.svg) 宝箱の中にはクーポンが隠されていることが多いです [PREVIEW ](https://sb-draft-preview.squadbeyond.com/articles/hXPYKGIhMHXXrESzCw/draft?token=0dc5c5ef5ab9a7ae8cd677959ce06aa5) ![logo (1)](https://23251619.hs-sites.com/hubfs/logo%20(1).png) 自発的な行動を促すデザイン **スクラッチ（◯%削れたら紙吹雪、全表示＆リンク付き）※要javascript** **/ Widget名** ![f11157938e44dd70a949d99decfac018](https://23251619.hs-sites.com/hs-fs/hubfs/f11157938e44dd70a949d99decfac018.gif?width=320&height=566&name=f11157938e44dd70a949d99decfac018.gif) --- - ![](https://f.hubspotusercontent30.net/hubfs/8823337/Checkmark.svg) 削るとクーポンが表示されることが多いです [PREVIEW ](https://sb-draft-preview.squadbeyond.com/articles/HckarcpjxzCgSXMkSqg/draft?token=ee30ff54b4ffb5c2934f5f9905342f5b)   ![logo (1)](https://23251619.hs-sites.com/hubfs/logo%20(1).png) プレミア感を強く出せるデザイン **セミナーテンプレート_その１３（クーポン情報）** **/ Widget名** ![スクリーンショット 2023-07-11 12.58.24](https://23251619.hs-sites.com/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-07-11%2012.58.24.png?width=441&height=307&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-07-11%2012.58.24.png) --- - ![](https://f.hubspotusercontent30.net/hubfs/8823337/Checkmark.svg) エステや不動産などの来店予約を目的としたLPでよく利用されています [PREVIEW ](https://sb-draft-preview.squadbeyond.com/articles/KRNqvrlNovPl-CAPdA/draft?token=97229cc7fb9af293c97a8950b8fad638) ![logo (1)](https://23251619.hs-sites.com/hubfs/logo%20(1).png) 当たり感を強く出せるデザイン **花火（スクロール量で打上げ開始、時間で終了）※要javascript** **/ Widget名** ![48fd633c21c8cc259ccc998df00c9673](https://23251619.hs-sites.com/hs-fs/hubfs/48fd633c21c8cc259ccc998df00c9673.gif?width=484&height=380&name=48fd633c21c8cc259ccc998df00c9673.gif) --- - ![Checkmark](https://f.hubspotusercontent30.net/hubfs/8823337/Checkmark.svg) 夏らしいクリエイティブと併用でトンマナ◎ [PREVIEW ](https://sb-draft-preview.squadbeyond.com/articles/hcBkDyneKZwfRMPmeA/draft?token=9aafaa9bd142bc3fe773a266c06c4055)     ![logo (1)](https://23251619.hs-sites.com/hubfs/logo%20(1).png) 当たり感を強く出せるデザイン **紙吹雪-はらはら・最初から出現※要javascript** **/ Widget名** ![3f1ed83efe58c3a499b7d0b8af0e83c4](https://23251619.hs-sites.com/hs-fs/hubfs/3f1ed83efe58c3a499b7d0b8af0e83c4.gif?width=454&height=150&name=3f1ed83efe58c3a499b7d0b8af0e83c4.gif) --- - ![](https://f.hubspotusercontent30.net/hubfs/8823337/Checkmark.svg) ページ全体に紙吹雪が舞うデザイン [PREVIEW ](https://sb-draft-preview.squadbeyond.com/articles/inQsScOkByfyfDUhsprA/draft?token=9187397f12eb9d3972ef45c889ad0c22) ![logo (1)](https://23251619.hs-sites.com/hubfs/logo%20(1).png) 当たり感を強く出せるデザイン **紙吹雪-爆発・スクロール量で出現※要javascript** **/ Widget名** ![c454d4c435fa50b9d91201fb51000f56](https://23251619.hs-sites.com/hs-fs/hubfs/c454d4c435fa50b9d91201fb51000f56.gif?width=546&height=300&name=c454d4c435fa50b9d91201fb51000f56.gif) --- - ![Checkmark](https://f.hubspotusercontent30.net/hubfs/8823337/Checkmark.svg) 設定した箇所をユーザーが通過すると紙吹雪がパーンと舞うデザイン - ![Checkmark](https://f.hubspotusercontent30.net/hubfs/8823337/Checkmark.svg) 美容商材の記事LPの最後のオファー部分で使うと存在感抜群 [PREVIEW ](https://sb-draft-preview.squadbeyond.com/articles/hSdjiXuPKAnsxssQ/draft?token=2a71138710bfd477c1d9aa4af52e22f5)     ![logo (1)](https://23251619.hs-sites.com/hubfs/logo%20(1).png) クーポン発行の導線との併用利用が ◎ **テキストコピー※要Javascript** **/ Widget名** ![24dc9cd2677f02888ad59299f836cfcc](https://23251619.hs-sites.com/hs-fs/hubfs/24dc9cd2677f02888ad59299f836cfcc.gif?width=454&height=124&name=24dc9cd2677f02888ad59299f836cfcc.gif) --- - ![Checkmark](https://f.hubspotusercontent30.net/hubfs/8823337/Checkmark.svg) 「クーポンコードをコピーしたことで、次ページでそのコードを利用してお得に購入したい」という意欲が高まり、CVにスムーズに繋がる可能性あり - ![Checkmark](https://f.hubspotusercontent30.net/hubfs/8823337/Checkmark.svg) 美容系・ダイエット系の案件にオススメ [PREVIEW ](https://sb-draft-preview.squadbeyond.com/articles/ArObQXvKzUuFPeTQPMw/draft?token=863c9bb3cccf78ffcabe0618a317a824) ![logo (1)](https://23251619.hs-sites.com/hubfs/logo%20(1).png) 画像を目立たせたい時にオススメ **テロップ入り画像** **/ Widget名** ![スクリーンショット 2023-07-11 13.16.18](https://23251619.hs-sites.com/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-07-11%2013.16.18.png?width=439&height=299&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-07-11%2013.16.18.png) --- - ![](https://f.hubspotusercontent30.net/hubfs/8823337/Checkmark.svg) リード獲得のキャンペーンなどでも、目立たせるために活用してみると面白い結果が得られるかもしれません [PREVIEW ](https://sb-draft-preview.squadbeyond.com/articles/RKBbXhNQOToVGlNKvoQ/draft?token=1b7d6f622bfb064da7178738b82c0f84)   ![logo (1)](https://23251619.hs-sites.com/hubfs/logo%20(1).png) 限定感を演出するデザイン **デイリーカウントダウンタイマー（終了時刻セット・終了後テキスト表示）※要Javascript** **/ Widget名** ![91c8c71a5ea3cffa38640348afdff196](https://23251619.hs-sites.com/hs-fs/hubfs/91c8c71a5ea3cffa38640348afdff196.gif?width=442&height=112&name=91c8c71a5ea3cffa38640348afdff196.gif) --- [PREVIEW ](https://sb-draft-preview.squadbeyond.com/articles/P-uKlqEX-rkCroHsIsvg/draft?token=9e869c6f52fcf759ec7dd1fa0931e0ba) ![logo (1)](https://23251619.hs-sites.com/hubfs/logo%20(1).png) 限定感を演出するデザイン **受付状況：当月自動表示（要javascript）** **/ Widget名** ![2af78787e7b14f2f59a9562de6ff5501](https://23251619.hs-sites.com/hs-fs/hubfs/2af78787e7b14f2f59a9562de6ff5501.gif?width=442&height=194&name=2af78787e7b14f2f59a9562de6ff5501.gif) --- [PREVIEW ](https://sb-draft-preview.squadbeyond.com/articles/Rnr-WHatyNMtJyg/draft?token=9b256ba9a6f2a1b5ebcb7c79b347aa59)   ![logo (1)](https://23251619.hs-sites.com/hubfs/logo%20(1).png) 限定感を演出するデザイン **リアルタイム注文表（時刻更新機能付き）※要Javascript** **/ Widget名** ![2af01be5890d2d3b2ed7347698ebe78b](https://23251619.hs-sites.com/hs-fs/hubfs/2af01be5890d2d3b2ed7347698ebe78b.gif?width=450&height=408&name=2af01be5890d2d3b2ed7347698ebe78b.gif) --- [PREVIEW ](https://sb-draft-preview.squadbeyond.com/articles/NwdQaAvYfSkqmnidA/draft?token=8b8fba2f7719a652f548808c19644e19) ![logo (1)](https://23251619.hs-sites.com/hubfs/logo%20(1).png) 限定感を演出するデザイン **リアルタイム注文表（表示数制御/訪問時間前の1時間間隔で繰り返し表示）※要Javascript** **/ Widget名** ![d01a6736b9fb6a68590ee0d0f82d4556](https://23251619.hs-sites.com/hs-fs/hubfs/d01a6736b9fb6a68590ee0d0f82d4556.gif?width=430&height=610&name=d01a6736b9fb6a68590ee0d0f82d4556.gif) --- [PREVIEW ](https://sb-draft-preview.squadbeyond.com/articles/KVRmHyCcdGHfBlWgEvVA/draft?token=f13946a87bec01ecd9feb741d8a3cdcc) ## 04｜まとめ --- 装飾のデザインは、サービスの特別感や限定感を演出することができます。装飾Widgetを活用することで、従来のコーディングに費やしていた時間を短縮できますので、積極的にご利用ください！修正方法を相談したい場合は、[https://service.squadbeyond.com/voice/](https://service.squadbeyond.com/voice/) よりお尋ね下さい。       ▼関連記事 - [デザイン紹介 - ランキング｜信頼感を醸成し支持を強くする](https://23251619.hs-sites.com/widget_introduction_5) - [デザイン紹介 - アコーディオン｜情報をコンパクトにまとめる](https://23251619.hs-sites.com/widget_introduction_6) - [Widgetマスターへの第一歩｜修正相談・新規作成依頼の手順まとめ](https://23251619.hs-sites.com/squadvoice_widget) - [【ユーザーインタビュー】WordPressの4倍速で記事制作を](https://23251619.hs-sites.com/mobilemovement) [![ブログCTA案](https://23251619.hs-sites.com/hs-fs/hubfs/%E3%83%96%E3%83%AD%E3%82%B0CTA%E6%A1%88.png?width=1500&height=500&name=%E3%83%96%E3%83%AD%E3%82%B0CTA%E6%A1%88.png)](https://lp.squadbeyond.com/download/vtzolnmytctnya) [![2](https://23251619.hs-sites.com/hs-fs/hubfs/2.png?width=1500&height=500&name=2.png)](https://lp.squadbeyond.com/download/creative-heatmap) *Squad beyondのご利用には、アカウント開設が必要です。* *[![デモを依頼する](https://no-cache.hubspot.com/cta/default/23251619/0b35c6a6-3d16-4951-83e9-42a4fb2edaf8.png)](https://cta-redirect.hubspot.com/cta/redirect/23251619/0b35c6a6-3d16-4951-83e9-42a4fb2edaf8)* *お好きな時間を選んで、どんなことでもお気軽にご相談ください。* *（商談の設定、お見積もり依頼、サービスの簡単な説明 など）*   [活用方法](https://23251619.hs-sites.com/tag/活用方法) [LP改善](https://23251619.hs-sites.com/tag/lp改善) [LP制作](https://23251619.hs-sites.com/tag/lp制作) ## Similar posts 活用方法 ### [デザイン紹介 - ランキング｜信頼感を醸成し支持を強くする](https://23251619.hs-sites.com/widget_introduction_5) Squad beyondの機能の中でも、特に人気なWidget。ブロックやパーツ単位のデザインパーツで、少しの調整で誰でも同じクオリティでLPを作成できます。今回は信頼感を醸成し支持を強くするランキングWidgetを紹介します。 yuiko 7 13, 2023 活用方法 ### [デザイン紹介 - 診断｜LP内で個別の体験を提供する](https://23251619.hs-sites.com/widget_introduction_3) Squad beyondの機能の中でも、特に人気なWidget。ブロックやパーツ単位のデザインパーツで、少しの調整で誰でも同じクオリティでLPを作成できます。今回は個別の体験を提供できる診断Widgetを紹介します。 yuiko 7 11, 2023 活用方法 ### [デザイン紹介 - クチコミ｜説得力のある文言を視覚で表現する](https://23251619.hs-sites.com/widget_introduction_2) Squad beyondの機能の中でも、特に人気なWidget。ブロックやパーツ単位のデザインパーツで、少しの調整で誰でも同じクオリティでLPを作成できます。今回はどの案件にも使える万能なクチコミWidgetを紹介します。 yuiko 7 7, 2023 ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "yuiko", "url" : "https://23251619.hs-sites.com/author/yuiko" }, "dateModified" : "2023-09-15T02:40:47.795Z", "datePublished" : "2023-07-12T02:07:06.000Z", "headline" : "デザイン紹介 - 装飾｜購買意欲を高める魅力的な表現を創り出す", "image" : [ "https://23251619.hs-sites.com/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-07-11%2014.22.15.png" ], "mainEntityOfPage" : { "@id" : "https://23251619.hs-sites.com/widget_introduction_4", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://23251619.hs-sites.com/hubfs/SB_Logo_RGB_Symbol_Primary-4-1.png" }, "name" : "株式会社Squad" } } ```