てはい帳｜工務店向けクラウドの資料請求LP

DESIGN

誰に

電話とホワイトボードで職人さんの手配を回している、小さな工務店・リフォーム会社の社長と事務担当者に。

ゴール

資料請求（PDF）

ファーストビュー

「電話とホワイトボードの手配を、ひとつの画面に。」

• 1

  読まれない

  最初の3秒で、何の・誰向けのページか伝わる？

  FVに「誰向け・何が楽になるか・資料は無料」を並べ、見出しの下で工程表と連絡状況が実際に動く画面を見せた。

• 2

  信じられない

  頼んで大丈夫だと思える材料はある？

  電話待ち・書き写し・連絡漏れの困りごとから入り、機能3つを画面モック付きで示し、Before/After（想定）・料金（架空）・安全とサポートまで順に置いた。

• 3

  動いてもらえない

  ボタンの先で何が起きるか見えている？

  「3分で読めるPDF」「営業電話はしません」を先に約束し、入力5項目・1分のフォームと画面の途中の申込み帯で請求までの距離を縮めた。

ページ構成

制作サンプル帯／ヘッダー／FV（工程表ダッシュボード）／こんな手配、していませんか／できること3つ／Before・After（想定）／資料の案内帯／導入の流れ／料金（架空）／安全とサポート／よくある質問／資料請求フォーム／フッター

制作範囲

構成・文章・デザイン・HTML/CSS/JavaScriptの実装

表示確認

スマホ・タブレット・PCの幅で表示を確認

画像

写真は使わず、イラスト・図・画面のモックをコードで描画

補足

架空のサービスを題材にした制作サンプルです。フォームは送信されません。