活用方法

デザイン紹介 - 装飾|購買意欲を高める魅力的な表現を創り出す

Squad beyondの機能の中でも、特に人気なWidget。ブロックやパーツ単位のデザインパーツで、少しの調整で誰でも同じクオリティでLPを作成できます。今回は特別感や限定感を演出する装飾Widgetを紹介します。


今回教えてくれたのは

Shihori Nakaide

- BizOps チーム
- Assistant Manager

2021年2月よりSIVAにJoinし、CXチームで活動。ユーザーからのお問い合わせの解決やチームリーダーとしての役割・ユーザーに合わせた機能活用の提案・コミュニティの運営・オフ会の実施などを務めており、大手広告代理店の動向に関する知識を豊富に持っている。

スクリーンショット 2023-07-05 12.04.38

目次

01 購買意欲を高めるポイント
02 予め用意されたデザインを使えば、時間短縮に
03 装飾のデザイン 14選
04 まとめ

 

 

01|購買意欲を高めるポイント


 

- 特別感を演出する

ユーザーが自発的に参加できるコンテンツが提供されると、LPの滞在時間が延び、サービスへの興味や関心が高まる効果があります。ゲームのような体験でクーポンを手に入れることで、特別感を提供することができます。


- 限定感を演出する

「期間限定」「在庫限り」といった限定感を演出することで、迷っていたユーザーの購入意欲を高める効果があります。この機会を逃すと他では手に入らないというメッセージを伝えることが効果的です。

 

 

02|予め用意されたデザインを使えば、時間短縮に


 

image-1

1 Squad beyondの管理画面にログインし、beyondページを作成
2 Widget管理をクリックし、カテゴリーや検索でお好きなWidgetを追加
3 テキストを変更したり、色やサイズを調整して完成

 

Squad beyondでは、800種類以上の「Widget」というLP制作パーツを提供しており、これらを組み合わせることで簡単にLPを作成することができます。特に比較表のデザインを再現する際には、従来は専門知識が必要で制作が困難でしたが、今では「Widget」を活用することで、誰でも素早く簡単に制作することができます。LPを効率的に量産し、コンバージョン率の向上を目指しましょう。

▼ 参考記事

 

 

03|装飾のデザイン 14選


 

logo (1)

自発的な行動を促すデザイン

ルーレット ※要javascript

/ Widget名

4a4a152fdfafab3f73e4f94fa041e58a


  • 当選後にクーポンが表示されることが多いです
logo (1)

自発的な行動を促すデザイン

ルーレット付きリンク※要javascript

/ Widget名

616538916c7e242091f4d655b7466d31


  • 当選後にクーポンが表示されることが多いです

 

logo (1)

自発的な行動を促すデザイン

宝箱クイズ(箱3つ)※要javascript

/ Widget名

2898f2c842498ad1b3d82ab85d97e76a


  • 宝箱の中にはクーポンが隠されていることが多いです
logo (1)

自発的な行動を促すデザイン

スクラッチ(◯%削れたら紙吹雪、全表示&リンク付き)※要javascript

/ Widget名

f11157938e44dd70a949d99decfac018


  • 削るとクーポンが表示されることが多いです

 

logo (1)

プレミア感を強く出せるデザイン

セミナーテンプレート_その13(クーポン情報)

/ Widget名

スクリーンショット 2023-07-11 12.58.24


  • エステや不動産などの来店予約を目的としたLPでよく利用されています
logo (1)

当たり感を強く出せるデザイン

花火(スクロール量で打上げ開始、時間で終了)※要javascript

/ Widget名

48fd633c21c8cc259ccc998df00c9673

  • Checkmark 夏らしいクリエイティブと併用でトンマナ◎

 

 

logo (1)

当たり感を強く出せるデザイン

紙吹雪-はらはら・最初から出現※要javascript

/ Widget名

3f1ed83efe58c3a499b7d0b8af0e83c4


  • ページ全体に紙吹雪が舞うデザイン
logo (1)

当たり感を強く出せるデザイン

紙吹雪-爆発・スクロール量で出現※要javascript

/ Widget名

c454d4c435fa50b9d91201fb51000f56


  • Checkmark 設定した箇所をユーザーが通過すると紙吹雪がパーンと舞うデザイン
  • Checkmark 美容商材の記事LPの最後のオファー部分で使うと存在感抜群

 

 

logo (1)

クーポン発行の導線との併用利用が ◎

テキストコピー※要Javascript
/ Widget名

24dc9cd2677f02888ad59299f836cfcc


  • Checkmark 「クーポンコードをコピーしたことで、次ページでそのコードを利用してお得に購入したい」という意欲が高まり、CVにスムーズに繋がる可能性あり
  • Checkmark 美容系・ダイエット系の案件にオススメ
logo (1)

画像を目立たせたい時にオススメ

テロップ入り画像
/ Widget名

スクリーンショット 2023-07-11 13.16.18


  • リード獲得のキャンペーンなどでも、目立たせるために活用してみると面白い結果が得られるかもしれません

 

logo (1)

限定感を演出するデザイン

デイリーカウントダウンタイマー(終了時刻セット・終了後テキスト表示)※要Javascript

/ Widget名

91c8c71a5ea3cffa38640348afdff196


logo (1)

限定感を演出するデザイン

受付状況:当月自動表示(要javascript)

/ Widget名

2af78787e7b14f2f59a9562de6ff5501


 

logo (1)

限定感を演出するデザイン

リアルタイム注文表(時刻更新機能付き)※要Javascript

/ Widget名

2af01be5890d2d3b2ed7347698ebe78b


logo (1)

限定感を演出するデザイン

リアルタイム注文表(表示数制御/訪問時間前の1時間間隔で繰り返し表示)※要Javascript

/ Widget名

d01a6736b9fb6a68590ee0d0f82d4556


 

 

04|まとめ


装飾のデザインは、サービスの特別感や限定感を演出することができます。装飾Widgetを活用することで、従来のコーディングに費やしていた時間を短縮できますので、積極的にご利用ください!修正方法を相談したい場合は、https://service.squadbeyond.com/voice/ よりお尋ね下さい。

 

 

 

▼関連記事

ブログCTA案

2

Squad beyondのご利用には、アカウント開設が必要です。

デモを依頼する

お好きな時間を選んで、どんなことでもお気軽にご相談ください。
(商談の設定、お見積もり依頼、サービスの簡単な説明 など)

 

Similar posts