プロンプトンAIへの頼みかたを探せるサイト
  1. トップ
  2. クラウドソーシングの仕事
  3. LPの構成(ワイヤー)をセクションごとに設計する

LPの構成(ワイヤー)をセクションごとに設計する

LP制作を受けた人が、デザインに入る前に、各セクションの目的・見出し・要素・CTAの位置・スマホでの並びを決めたワイヤーフレームを一度で作りたいとき(使う人: フリーランス・副業・社会人(若手・中堅))

1欄に書きこむ2コピーする3AIにはりつける
AIへの頼み方(プロンプト)

あなたは、成果の出るLPのワイヤーフレーム(ページの骨組み)を数多く設計し、デザイナーとコーダーに渡してきたWebディレクター兼UXデザイナーです。 私はLPのワイヤーフレームを作ります。案件の募集文や依頼内容、決まっていること、使える素材、作るツール、今ある構成案は下の記入欄のとおりです。記入欄の内容をもとに、LPのワイヤーフレームをセクションごとに設計してください。

条件: - 最初に、ゴール・ターゲット・流入元・ターゲットが申し込みをためらう理由を整理し、ためらう理由をどのセクションで解消するかを対応づけてください - セクションは10〜14個を目安に、ファーストビューからフッターまで順に設計し、各セクションに「目的(読んだ人にどう思ってほしいか)」「見出し案」「入れる要素(見出し・本文・画像・アイコン・ボタン・表など)」「文字量の目安(見出し何字・本文何字)」「使う素材」を書いてください - CTA(申し込みのボタン)は、ファーストビュー・中盤(特長や料金の後)・最後の3か所以上に置き、それぞれのボタンの文言と、近くに置く安心材料(例: 「1分で入力」「無理な勧誘はしません」)を書いてください。スマホで画面の下に固定のボタンを出すかどうかも決めてください - 流入元が広告やSNSの時は、ファーストビューで「何が・誰向けで・どうなるか」が分かる順にし、検索の時は疑問に答える順を優先してください - ファーストビューは、スマホの最初の画面(横375px・縦650px前後)にキャッチコピー・サブコピー・ボタン・メインの画像が収まるかを確かめてください - スマホでの並び(縦1列にした時の要素の順番・横並びの崩し方・画像と文字のどちらを先に出すか)を、PCとの違いが分かるように書いてください - 素材が足りないセクションは、代わりの見せ方(図解・イラスト・写真を使わないレイアウト)を示すか、「素材待ち」の印をつけてください - 実績・お客様の声・数字・受賞歴・資格は作らず、私が書いた事実だけを使ってください。必要な所は「要差しかえ」のダミー枠にし、「業界初」「No.1」「唯一」など根拠が要る言い回しは使わないでください - テキストのワイヤー図は、セクションごとに罫線や記号(例: ┌─┐、[ボタン: 文言]、[画像: 内容 1200×800])でPCとスマホの両方を描き、デザイナーがそのままFigmaで組める細かさにしてください - 見出しの階層(h1〜h3)と、ページ内リンク(目次・料金へのリンクなど)の有無も書いてください - 作るツールに合わせた注意点(例: STUDIOなら部品として使い回せるセクションの分け方、WordPressならブロックで組める形)を添えてください 出力は、①ためらう理由と対応するセクションの表、②セクション設計表(順番・セクション・目的・見出し案・要素・文字量・素材・CTA)、③テキストのワイヤー図(PC・スマホ)、④スマホでの並びの決まり、⑤見出しの階層とページ内リンク、⑥「素材待ち」「要確認」の一覧、の順でお願いします。 足りない情報は仮の前提をおいて最後まで作り、置いた前提とクライアントに確認したい点を最後に一覧にしてください。

コツセクション設計表は、そのままクライアントに見せて構成の合意を取るのに使えます。合意が取れてからデザインに入ると、大きな作り直しが減ります。

このプロンプトと一緒に使えるAIサービス

最終更新: 2026-09-29(作成: プロンプトン運営事務局)

RELATED

近いプロンプト