PLAN A / 症状先行
ADOPTEDHERO → SIGNS → LAYERS → BEFORE/AFTER → PRICE → CTA
相見積もりの前に確かめたいのは「うちのエアコンもそれか」なので、症状で拾って内部3層で原因を見せる、この順を採用しました。
エアコンクリーニング アオバクリーン
症状訴求のLP と 予約・リマインド台帳
2026.08
比較サイト経由の相見積もりが前提になっている業種です。価格の勝負に持ち込まれる前に、フィルターの奥は分解しないと洗えないことを図で見せ、そのうえで1台12,000円と言い切る順番にしました。あわせて、電話の折り返しに追われていた予約受付を1つの台帳にまとめるデモを作っています。
(04) INFORMATION
MEMO
(05) DESIGN NOTE / なぜこの構成にしたか
01
この業界の集客構造
- 需要が5月から8月に寄る。梅雨明けから盆までの数週間で、年間の受注量がだいたい決まってしまう。
- 検索は「エアコンクリーニング + 市区町村名」が中心。個人店が店名で指名検索されることはまずない。
- 流入の多くが比較サイト経由。成約ごとに手数料が引かれるので、自社ページで直接受けた分がそのまま手元に残る。
- 問い合わせの引き金は価格ではなく症状。冷えない、におうと感じた当日に、同じ画面で3社ほど並べて見比べられている。
02
狙った導線
- 1行目を「冷えない、におう。」の症状にした。いま自分の家で起きていることと一致した人だけを、先頭で拾いに行く。
- 汚れのサイン6つと内部3層の図を料金より先に置く。フィルター・アルミフィン・送風ファンのうち下2層は分解しないと洗えないと示し、簡易清掃との差を先に理解してもらう。
- Before/Afterは洗浄前後の同じ部品を並べ、注釈ピンで見る場所を指す。あわせて洗浄風景を載せ、汚水を持ち帰るところまで見せる。
- 予約はトークを主、フォームと電話を副にする。作業中で電話に出られない時間帯の取りこぼしを減らす。
03
デザインの根拠
- 基調は清流ブルー #1E6F9F。水と衛生を想起させる色のうち、白文字を載せても読める濃さがあるものを1色だけ持たせた。清潔感は色ではなく白の面積で作っている。
- 内部3層は写真ではなく番号付きの層図にした。02と03を「ここは分解しないと洗えません」の枠で括り、どこまで手が届いていないかを1画面で読み取れるようにする。
- 料金は本文より2段階大きく、税込の総額だけを書く。オプションと出張費、セット割を同じ面に並べ、当日に金額が動く条件をその場で潰す。
- 本文は行間1.9で組んだ。依頼者に40代から60代が多い前提なので、字を詰めずに読ませる。
04
検証で捨てた案
- ヒーローの動画演出。水しぶきの短尺を試したが初回表示が重く、症状が出た当日に開かれる前提と合わないので静止画に戻した。
- 「9,800円から」の下限表示。安く見える一方で当日の追加請求への警戒を強めるため、1台12,000円の言い切りとセット割の併記に変えた。
- 汚れの拡大写真をFVに置く案。訴求力は強いが不快感が先に立つので、先頭は文言だけにしてBefore/Afterを中盤へ下げた。
- 比較サイトの掲載バッジ。信頼の裏付けにはなるが、そちらで予約する動機を与えてしまうので外した。
(06)
Structure 3 Plans
構成の順番だけを変えた3案を作り、最初の30秒で「うちのことだ」と思ってもらえるのはどれかで選びました。
PLAN B / 料金先行
HERO + PRICE → BEFORE/AFTER → SIGNS → FLOW → CTA
価格だけで並べ替えられる読まれ方になり、分解洗浄と簡易清掃の差が伝わる前に金額比較へ入られるので見送りました。
PLAN C / 人柄先行
HERO → ABOUT → FLOW → VOICE → BEFORE/AFTER → PRICE → CTA
代表ひとりで伺う安心感は先に出せるものの、落ちるのか・いくらなのかの結論まで2画面かかるので見送りました。
(07)
Final Design PC View
採用した案Aで組んだ最終形です。症状から入って、料金を挟み、トーク予約まで1本で下りていきます。
FIG.07 / PC版 全体スクリーンショット(枠の中を縦にスクロールできます)
(08)
Smartphone
この業種は流入のほとんどがスマホという前提で作っています。画面下には電話とトークの2つを固定しました。
FIG.08-A / FV(症状と料金)
FIG.08-B / 料金とセット割
SP DESIGN NOTE
- 画面下に「お電話」と「トークで予約」を並べて固定した。作業中で電話がつながらない時間帯でも、もう片方に逃がせる。
- ヘッダーは店名とトーク予約ボタンだけを残して追従させる。どこまで読んでいても予約の入口が切れない。
- 料金は横スクロールさせず、壁掛け・お掃除機能付き・天井埋込の3つを縦に積む。オプションと出張費は行で並べ、金額を右端で揃える。
- FVの見出しは句点の位置に改行を1つ固定し、残りは折返しに任せた。375px幅で3行に収まり、写真の顔と文字が重ならない位置に落ちる。
(09)
Operation Note
業務設計メモ / 予約・リマインド台帳のデモを作るまでに整理したこと。
01
現状の課題
- 予約の入口が電話・トーク・フォームに分かれ、台帳は手書きのカレンダー1冊しかない。
- 作業中は電話に出られず、日程の確認だけで折り返しの往復が発生する。不在ならさらにかけ直しになる。
- 前日の確認連絡を毎回手で打っており、繁忙期に漏れる。当日不在で空振りになる訪問がある。
- 前回いつ作業したか、どの機種だったかが手元になく、現地で聞き直している。
02
ゴール
- カレンダー・予約台帳・顧客リストを、見る場所を1画面にまとめる。
- 明日の予約者への確認連絡を、思い出さなくても数十秒で出し切れる状態にする。
- 日程の確認で発生していた折り返しの電話を減らし、作業に使える時間を増やす。
- 変更したいという返信が来たとき、空き枠を見ながらその場で日程を差し替えられるようにする。
03
打ち手
- 月間カレンダーと予約台帳、顧客リスト24名を1画面に置いた台帳を作る(デモは単一HTML)。
- 「明日の予約者に一括リマインド」を押すと、確認メッセージがトーク風の送信トレイへまとめて流れる。
- 予約の行を押すと顧客カードが開き、前回作業日と機種メモをその場で見られる。
- 返信が来た予約には印が付き、空き枠を選ぶだけで日程を差し替えられる。
04
効果試算
- 予約確認の電話の往復 ▲80% (試算)
- リマインド送信の作業 15分 → 1分 (試算)
- 明日のリマインド未送信 3件 → 0件 (試算)
- 前回作業日と機種の確認 現地で口頭 → 顧客カード (試算)
上記はすべて架空ブランドを前提とした試算値です。実測値ではありません。繁忙期に予約が続く週(1日3〜4件)を想定し、電話1件3分30秒・不在時のかけ直し1.4回を仮置きして算出しており、実際の数値は業務量と体制によって変わります。
(10) SELECTED WORK ↓
(02) ✶ 2026 / DENKI
Tomoshibi Densetsu
地域の電気工事店 / 緊急対応型のLP × 現場写真からの見積書ドラフト