デザインサンプル
カルーセル
スライド表示ウィジェット
お客様の声を一件ずつスライドで表示するレイアウトです。省スペースでありながら、一つひとつの声をじっくり読んでもらえます。
ライブプレビュー
左右の矢印やドットをクリックして、実際の操作感をお試しください。
アンバー背景 / 影なし / 役職非表示
サービスを利用してから売上が20%以上アップしました！お客様の声を簡単に集めて表示できるのが素晴らしいです。操作も直感的でとても使いやすく、スタッフからも好評です。導入してよかったと心から思っています。
白背景 / 影あり / 役職表示
サービスを利用してから売上が20%以上アップしました！お客様の声を簡単に集めて表示できるのが素晴らしいです。操作も直感的でとても使いやすく、スタッフからも好評です。導入してよかったと心から思っています。
カルーセルウィジェットとは
カルーセルウィジェットは、お客様の声を一件ずつスライド形式で表示するデザインです。左右の矢印ボタンやドットインジケーターで切り替えることができ、インタラクティブな体験を提供します。
Wall of Loveと比べて必要なスペースが少なく、ページのレイアウトを崩さずにお客様の声を配置できるのが大きな特徴です。特に、ランディングページやサイドバーなど、縦幅を取りたくないセクションに適しています。
カルーセルのメリット
省スペース
一件ずつ表示するため、縦幅を取りません。サイドバーやLP途中のセクションなど、限られたスペースにも配置できます。
一つの声に集中
一件ずつじっくり読んでもらえるため、長めのコメントや詳細なフィードバックが効果を発揮します。
インタラクティブ
左右の矢印やドットインジケーターで操作できるため、訪問者の関心を引きつけ、サイトの滞在時間を延ばします。
どんなページにも馴染む
コンパクトなレイアウトのため、ブログ記事の途中や料金表の下など、あらゆる場所に違和感なく配置できます。
Wall of Loveとの比較
| 比較項目 | Wall of Love | カルーセル |
|---|---|---|
| 表示方式 | 複数のカードを同時にグリッド表示 | 一件ずつスライドで表示 |
| 必要スペース | 広い（カード数 x 高さ分の縦幅が必要） | 狭い（カード1枚分の高さで済む） |
| 情報量 | 一度に多くの声を見せたいとき | 一つひとつの声をじっくり読ませたいとき |
| おすすめ配置 | トップページ、サービス紹介ページ | LP、サイドバー、フッター上部 |
| おすすめ業種 | Web制作、美容室、飲食店 | クリニック、士業、コーチ・講師 |
カルーセルが効果的な配置場所
ランディングページ（LP）
CTAボタンの直前に配置すると、訪問者の不安を解消し、コンバージョン率の向上が期待できます。
サイドバー
ブログやサービスページのサイドバーに設置して、常にお客様の声が目に入る状態を作れます。
料金ページ
料金表の下に配置して「この価格で満足している人がいる」という安心材料を提供します。
フッター上部
ページ下部でも省スペースで表示でき、離脱する前にもう一度信頼感を伝えることができます。