「予約の仕方がわからない」を解消!迷わせないキャンペーンページ制作実例

記事
デザイン・イラスト
こんにちは、ENOWL(エノウル)のなおです。

今回は、以前ホームページのリニューアルを担当させていただいた、マインドフルネス教室「studio mindflow」様からのリピートご依頼です!(本当に嬉しいです…!泣)

▼ 前回のホームページリニューアルの事例はこちら

前回の「空気感」を大切にしたリニューアルを踏まえつつ、今回はさらに「集客(予約)」に特化したページを制作しました。

キャンペーンや体験レッスンを実施する際、一番もったいないのは「興味を持ってくれたのに、途中で離脱されてしまうこと」です。
今回は、そんな課題を解決するために行った施策をご紹介します。

ご依頼の背景と課題

クライアント様とお打ち合わせをさせていただく中で、集客における「明確な課題」が見えてきました。

課題1
無料キャンペーンチケットは多くの方に取得いただいているものの、実際の「予約」まで完了する方が半数程度に留まっていた。
課題2
お客様から「予約方法がわかりにくい」というお問い合わせが増えていた。

原因は、チケット取得から予約完了までの手順が複雑で、お客様を迷わせてしまっていたことでした。

そこで今回は、前回のサイトリニューアルで整えた「世界観」はそのままに、「誰でも迷わず、スムーズに予約完了できる導線」を設計しました。

改善ポイント1:一目でメリットが伝わる「キービジュアル」


2.png

ページを開いた瞬間の印象を決める「キービジュアル(一番上の画像)」を刷新しました。

・「3,300円→0円」の強調
初回無料という最大のメリットに視線が集まるよう、文字を大きく配置。

・配色の工夫
キャンペーンのワクワク感を出しつつ、元々のブランドカラーである「黒」を差し色に使うことで、安っぽくならない「高級感・信頼感」を表現。 

・リアルな空気感
実際の講座風景を背景に使い、「どんな雰囲気なのか」を直感的に伝えました。


改善ポイント2:「2ステップ」で予約のゴールを可視化

今回の最大の改善点はここです。
以前は複雑だった申し込みフローを、以下の「2ステップ」に整理し、画面上で大きく番号を振って表示しました。

3.png

・STEP1:無料チケットの取得
(チケット画像のすぐ下に「取得ボタン」を配置)
・STEP2:希望の日時を予約 
(カレンダーへのリンクを目立つように配置)

「今、自分が何をしているのか」「次はどうすればいいのか」が一目でわかるようにすることで、操作に不慣れな方でも安心して進める設計にしました。


改善ポイント3:継続率を高める「お得感の可視化」


4.png

体験だけで終わらせず、その後の継続利用に繋げるため、限定の「2回券」も合わせて案内しました。その際、ただ価格を書くのではなく、「通常価格」と「キャンペーン価格」を並べて比較表示。

「こんなにお得なんだ!」と視覚的に伝わるようにデザインし、購入への心理的ハードルを下げました。

改善ポイント4:LINEとトップページ導線の強化

さらに、取りこぼしを防ぐための「逃げ道」と「入り口」も整備しました。

5.png

「いきなり予約はちょっと…」という方のために、公式LINEへ質問できるボタンを設置。

トップページへのバナー設置

6.png

サイトを訪れた人が必ずキャンペーンに気づくよう、トップページに「無料体験実施中」のスライダーバナーを追加。

キャンペーンを打ちたいけど、ページを作る時間がない…

「新しいイベントの告知ページを作りたい」
「予約方法が分かりにくいと言われてしまった…」

そんな時は、プロに任せて「成果の出るページ」を作りませんか?既存のホームページの中に、キャンペーン専用の特設ページ(LP)を1枚追加するだけでも、反応率は大きく変わります。

「私のサイトでも作れる?」
「予約ボタンの位置を変えるだけでも効果ある?」

まずは現状のサイトを拝見し、最適な改善プランをご提案・お見積りいたします。

▼キャンペーンページの制作・導線改善のご相談はこちら

7.png


※バナー制作のみのご依頼も、こちらからお気軽にご相談ください。
※ご紹介させていただく事例は、すべてご依頼者様から実績としての掲載許可をいただいております。

なおでした✨
サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す ココナラコンテンツマーケット ノウハウ記事・テンプレート・デザイン素材はこちら