FLOW ANATOMY #29 — 1サイトを縦に解剖する
即金堂は、
なぜ見出しより先に金額を見せるのか。
技法は『点』、サイトは『線』。架空の買取サービス『即金堂（そっきんどう）』は、キャッチコピーで期待を持たせてから金額を出す王道LPの順序をひっくり返します。ファーストビューの主役は最初から「¥128,000」という数字そのもの。機種タブを押すと、金額・内訳・状態別ランクまでが1本のトゥイーンで同時に組み変わり、価格表・他社比較・お客様の声・Q&A・固定CTAバーへと、情報量を落とさずに畳みかけていく。にぎやかさは雑さの言い訳になりません——罫線の太さと数字の桁揃えという地味な規律だけで、高密度でも読める売り方をつくる設計を、章ごとに解剖します。解説をスクロールすると、実物のライブプレビューが同じ場所まで自動でついてきます。
BLUEPRINT流れの設計図 — 章の役割と緩急
価格→根拠（価格表）→手順→比較→信頼（声）→不安の解消（Q&A）→申込、という実売LPの定石を、すべて数字を軸につなぐ。動くのは主に金額のトゥイーンと実績のカウントアップだけで、装飾アニメーションはほぼ使いません。派手さではなく「情報がいま更新された」ことを伝えるためだけに動きを使う、静かな sell-hard 設計です。
- 00HERO起 — 見出しより先に、金額が主役で立つ動
- 01PRICE TABLE証 — 全機種の価格表で「本当か」を裏づける動
- 02STEPS順 — 申込から入金までを3ステップで見通す静
- 03COMPARE比 — 他社3社と正面から数字で比べる常
- 04VOICE証 — 利用者アンケートの声で背中を押す静
- 05QA解 — 不安の多い順に、先回りして答える静
- 06FORM誘 — 概算金額を出しながら申込へ着地させる動
見出しより先に、金額が主役で立つ
狙いふつうのLPはキャッチコピー→根拠→金額の順で期待を積み上げますが、即金堂はその順序を捨てます。「本日の最高買取価格」の直下に¥128,000という数字を、Antonの極太数字書体でどんと置く。iPhone／Android／iPad／Mac／ゲーム機のタブを押すと、メインの金額だけでなく通常価格・キャンペーン上乗せ額・状態別（A/B/C）の6つの数字が、1本のdt正規化トゥイーンで同時に組み変わる。バラバラに書き換わると「作り物」に見えるので、全部が同じ速度で寄っていく一体感を作っている。
つなぎ先に金額を見せてしまうことで、以降のセクションはすべて「その金額の裏づけ」として読まれるようになる。派手な演出より先に、数字そのものを信じさせる設計。
全機種の価格表で、「本当か」を裏づける
狙いヒーローで見せた金額が特別扱いの一例ではないことを示すため、iPhone・Android・iPadの主要機種を未使用／A／B／Cの4段階でずらりと並べる。チップでカテゴリを絞り込め、「20%UP適用後の金額で表示」のスイッチを切ると、同じ行の数字がその場で通常価格へ引き算される。数字の列は全角で桁を揃え、更新日を「2026年7月23日 10:00時点」まで明記することで、価格が生きて動いている実務感を出す。
つなぎヒーローの1機種だけだった金額が、ここで「表」という面に広がる。次の3ステップへ進む前に、来訪者は自分の機種の相場をすでに知っている状態になる。
申込から入金までを、3ステップで見通す
狙い価格に納得したあと、来訪者の次の不安は「面倒じゃないか」。そこで手続きを線アイコン付きの3ステップ（申込→梱包・発送→入金）に単純化し、それぞれに「所要30秒」「集荷も無料」「平均27分」という具体的な数字を1つだけ添える。ステップを増やして丁寧に見せるのではなく、あえて3つに削って"簡単さ"そのものを設計で証明している。
つなぎここまでで「いくら」と「どれくらい簡単か」が揃う。残る不安は「本当に他社よりいいのか」で、次章の比較へつながる。
他社3社と、正面から数字で比べる
狙い大手チェーン・フリマアプリ・キャリア下取りの3社を横に並べ、価格・手数料・入金日数・店舗要否・故障端末の可否・消去証明の6項目を◯△×の記号で採点する。自社列だけ「当社」の見出しシールを付けて視線を集めるが、フリマアプリの価格欄には「¥95,000※手数料前」と自社に不利になりうる注記もそのまま残す。都合の良い項目だけを比較しない姿勢が、比較表全体の信頼度を上げている。
つなぎ数字の比較で理屈は片づいた。次章では、同じ内容を「他人の体験談」という感情の言葉で裏づけ直す。
利用者アンケートの声で、背中を押す
狙い3件の体験談は、いずれも「早さ」「値段」「消去証明」という、これまでの章で数字として語ってきた強みと1対1で対応させてある。しかも「画面が割れたまま3年」「母の分もお願いした」といった具体的な生活の描写を混ぜ、数字の羅列だけでは伝わらない安心感を補う。回答者1,204名という出典も併記し、匿名の感想ではなく調査結果として提示する。
つなぎ数字（比較表）と感情（声）が揃ったところで、最後に残る具体的な疑問——本人確認や残債など——をQ&Aで一つずつ潰していく。
不安の多い順に、先回りして答える
狙い見出しは「お問合せの多い順」。データ消去の証明から始まり、査定額に納得できない場合、本人確認、分割払いの残債、複数台の送付までを、質問→details/summaryアコーディオンで開閉する。買取という取引特有の「データは消えるのか」「返せるのか」という実務的な不安を、机上論ではなく手続きの具体（消去証明書の郵送、返送料の当社負担）で答えている。
つなぎ不安が消えたところで、最後の申込フォームへ。ここまで数字と言葉で積み上げた信頼を、フォームの摩擦で失わせない設計が次章の役目になる。
概算金額を出しながら、申込へ着地させる
狙い機種と状態を選ぶたびに、「概算買取金額」の数字が軽くトゥイーンして再計算される——ヒーローの価格更新と同じ仕組みを、最後にもう一度、来訪者自身の入力で体験させる。フォーム自体は機種・状態・名前・電話番号だけの最小構成。そして、FVを離れた瞬間から画面下に固定CTAバー（締切カウントダウン＋申込＋電話）が常時追従し、どのセクションを読んでいても離脱の摩擦なく申込に戻れる。
つなぎ価格から始まり、価格の計算で終わる。全章を通じて一貫しているのは「言葉で説得する前に、数字を触らせる」という一点で、これが sell-hard 型LPの核になっている。
TAKEAWAY“にぎやか≠雑”を成立させる高密度LPの5原則
即金堂から取り出せる、買取・査定・見積もり系の実売LP全般に持ち帰れる設計則。#30 UNSHU SHIMBUN の縦組み号外と読み比べると、同じ Web Design Lab の中でも「数字で押す」と「文字だけで読ませる」がまったく別の設計原則で成立していることが分かります。
結論（金額）を最初に置く
期待を持たせてから見せるのではなく、最初から核心の数字を見せる。以降のすべての情報は「その数字の裏づけ」として読まれるようになり、離脱前に一番伝えたい情報が伝わる。
数字は同時に、同じ速度で動かす
関連する複数の数字（本体価格・内訳・状態別）は、バラバラなタイミングで書き換えると「作り物」に見える。1本のトゥイーンで同時に寄せると「生きて動く相場」に見える。
情報量は罫線と桁揃えで飼い慣らす
密度を落とさずに読ませたいなら、装飾ではなく罫線の太さ（1/2/3/6pxの4種だけ）と数字の桁を厳格に揃える。規律のある表組みは、量が多くても雑に見えない。
比較は都合の悪い注記も残す
自社に有利な項目だけを並べると比較表そのものへの疑いが生まれる。相手の強みには相手の強みとして注記を添えることで、比較表全体の説得力が上がる。
フォームでもう一度、同じ体験をさせる
ヒーローで見せた「数字が動く」体験を、フォームで来訪者自身の入力によってもう一度起こす。最後の一歩を、新しい体験ではなく“さっき見た安心感の再現”にする。