表示
WF
デザイナー連携
保存

要素を追加

クリック=選択 / ダブルクリック=文字編集
Delete 削除 / ⌘D 複製 / Esc 選択解除
ドラッグで並び替え。パレットはクリック=選択位置の直後に挿入ドラッグ=好きな位置へ挿入
選択中の青いハンドルをドラッグでサイズ変更(幅は親要素比%で保存され、移動先の幅に自動フィット)。
基本要素
📝テキスト説明文・注記などの一文
🔖見出しグループ見出し
🖼画像枠サムネイルのプレースホルダ
🏷タグ選択中のカードのタグ列に追加
🔗CTAリンク詳細を見る 等
ブロック
🃏カードサムネ+タグ+説明+CTA
折りたたみ行グループの折りたたみ表現
🔘カテゴリチップ列絞り込みチップのナビ
📣キャンペーン枠分離枠(横スクロール)
セット(配置後に個別編集可)
📦見出し+カード×21グループ分の標準セット
🗂セクション見出し+リードセクション導入のセット

編集可WFフレーム — 使い方

SP/PC表示幅を切替(Before/After同時) 編集モードクリックで選択→Delete/複製、ダブルクリックで文字編集、右パレットから要素追加 番号を振るデザイナー連携用に番号+説明注釈を付与 おすすめの使い方: 文言を調整 → 「番号を振る」→「注釈付き」でPNG保存 → 制作会社・社内へ共有 ※これはワイヤーフレーム。配色・写真・装飾はトンマナに沿ってデザイナーが決めます。/保存は外部通信なし・端末内で完結。
これはサンプルです。架空のサイト・課題(月次レポートサンプルの課題1「広告LPのCVR改善」)をもとに作成したワイヤーフレームで、実在のサイトへの提案ではありません。ご契約後は、お客様が入力した課題ごとにこの形式でお届けします。

■ 現状(Before)— 広告LP /lp/campaign(架空サイトの例)

ブランドイメージ写真(訴求文言なし)

私たちのこだわりについて

創業以来の想いや素材へのこだわりを長文で説明。広告で訴求している「初回半額」がどこにも見当たらず、申込みボタンはページ最下部までスクロールしないと現れない。

お申込みフォーム(ページ最下部)

氏名
フリガナ
電話番号
住所
メールアドレス
ご要望(任意)

広告文と最初の画面の訴求がつながっておらず、CTAはページ最下部・フォームは6項目 — 広告経由の訪問者が「合っているのか」を確信できずに離脱しやすい構造。

差分サマリ: ①ファーストビューの見出しを広告と同じ訴求(初回半額)に揃え、直下にCTAを配置 ②フォームを3項目に削減し、送信ボタンに完了後の動きを明記 ③CTA直下に安心材料(配送・解約)を集約

■ 変更後(After)— 広告訴求と一致したFV+3項目フォーム(架空サイトの例) <編集対象>

初回半額でお試し。定期便のお試しセット

広告でご覧いただいたキャンペーンのお申込みページです。2回目以降もいつでも解約できます。

初回半額で申し込む約1分で完了・いつでも解約OK
送料無料
回数縛りなし
次回配送の7日前まで解約可
商品写真(お届けセットの中身)

お申込みフォーム

氏名
メールアドレス
お届け先の郵便番号
送信して確認画面へまだ注文は確定しません

デザイナー向け注釈

広告の訴求 → 同じ言葉の見出し → 即CTA → 安心材料 → 3項目フォーム、の順で「確信 → 行動」を1画面で完結させる流れ。

▶ 確定ディレクション・設計意図(参照用・保存対象外)
  1. 必須: ファーストビューの見出しは広告文と同じ訴求語(初回半額)を使う。言い換え禁止(広告とLPの訴求一致が本改善の核)。
  2. 必須: フォームは3項目のまま増やさない。追加情報は決済・確認ステップで取得する。
  3. 意図: 安心材料ブロックはCTA直下(押す直前の不安に答える位置)。内容は実際に提供できる条件のみ記載する。
  4. 裁量: 写真のトーン・ボタン色・余白はトンマナに合わせてデザイナー判断。構造(順序)は維持。
  5. 残リスク: 広告側の訴求が変わるとLP側も追従が必要(広告運用と文言の同期運用を決めておく)。