むずかしい知識はいりません。日本語で作りたいものを書けば、2人の AI(Claude と GPT)が画像たっぷり・長尺スクロールのランディングページ(LP)を組み上げます。まずは流れを絵で見て、最後に「そのまま使える依頼例文」をどうぞ。
あなたがすることは「書く」「待つ」「確かめる」の3つだけ。下の絵が全体の流れです。
メール・携帯番号・パスワードで登録し、SMSで本人確認します。登録特典のクレジットが付きます。
ダッシュボードの入力欄に、作りたいシステムを日本語で説明します。箇条書きでもOK。
「▶ 全フェーズを一気通貫で実行」を押すと、設計から実装までAIが自動で進めます。閉じても続行します。
「📂 プロト版を開く」で実際の画面を試せます。直したい点はチャットで日本語で伝えるだけ。
気に入ったら「🚀 本番へ反映(公開)」。制限なしで使い続けられます。
作成中の画面はこんな構成です。迷ったら、いつも上にある「次にやること」を見ればOK。
下のカードの「依頼例文」はそのまま使えます。「この例文をコピー」を押して、ダッシュボードの入力欄に貼り付けてください。ご自身の業種・名前に置き換えるとより的確です。
ネイルサロンの新規集客用ランディングページを作ってください。ターゲットは20〜40代の働く女性で、上品で華やか、写真映えするトーンにしてください。構成は次の縦長スクロールでお願いします:①ファーストビュー(施術写真の大きなビジュアル+「自分史上いちばんの指先へ」のようなキャッチコピー+予約ボタン)②こんなお悩みありませんか(セルフネイルが長持ちしない・サロン選びに失敗した等の共感)③当店が選ばれる3つの理由(丁寧なカウンセリング/持ちの良さ/豊富なデザイン。それぞれ画像つき)④デザインギャラリー(施術写真をタイル状に多数)⑤メニューと料金表(ワンカラー/グラデ/定額コースなど価格つき)⑥ビフォーアフター(左右比較で2〜3例)⑦お客様の声(顔写真風の画像+名前+年代つきで3件)⑧施術の流れ(来店から仕上がりまでステップ図)⑨よくある質問(所要時間・オフ料金・支払い方法など5問)⑩アクセス(地図・営業時間・住所)⑪最後のひと押し(初回限定オフ無料などの特典+大きな予約ボタン)。「今すぐ予約する」ボタンは3セクションごとに繰り返し配置し、スクロール追従のフローティングボタンも付けてください。
パーソナルジムの入会促進LPを作ってください。ターゲットは30〜50代のダイエットに何度も失敗してきた男女で、力強く信頼感のあるトーン、ダーク背景に差し色でエネルギッシュにしてください。構成:①ファーストビュー(トレーニング風景の迫力ある写真+「最後のダイエットにしよう」系コピー+無料体験ボタン)②悩みの提起(自己流では痩せない・リバウンドを繰り返す・続かない、をアイコンつきで)③解決策の提示(マンツーマン指導×食事管理×科学的プログラムの3本柱)④ビフォーアフター(体重・体脂肪率の数字つきで3例、左右比較画像)⑤実績を数字で(累計会員数・平均減量kg・継続率などのカウントアップ演出)⑥トレーナー紹介(顔写真・資格・ひとことコメントを2〜3名)⑦プログラムの流れ(カウンセリング→体組成測定→トレーニング→食事サポートのステップ図)⑧料金プラン比較表(2〜3プランを並べ、おすすめプランを強調)⑨お客様の声(3件、年代と目的つき)⑩よくある質問(運動経験ゼロでも大丈夫?・食事制限はきつい?・ウェアは?など)⑪最終CTA(今月限定入会金0円などの特典+大きな無料体験申し込みボタン)。無料体験ボタンは繰り返し配置し、フローティングCTAも設置してください。
新発売の美容サプリを販売するLPを作ってください。ターゲットは30〜50代の美容感度が高い女性で、清潔感と高級感のあるトーン(白基調+ゴールドの差し色)にしてください。構成:①ファーストビュー(商品パッケージの美しい大型ビジュアル+「飲む美容習慣、はじまる」系コピー+購入ボタン)②悩みへの共感(鏡を見るたびため息・化粧ノリが悪い・何を試しても変わらない、を情緒的に)③商品誕生ストーリー(開発のきっかけと想いを、開発風景の画像を交えて)④主要成分と働き(コラーゲン・プラセンタ等を成分ごとに図解カードで)⑤選ばれる理由(国内製造・無添加・続けやすい価格などをアイコンつきで)⑥飲み方・1日の目安(シーン写真つき)⑦愛用者の声(顔写真風画像+年代+使用期間つきで3〜4件)⑧よくある質問(いつ飲む?・アレルギーは?・定期縛りは?など)⑨料金とオファー(通常価格→初回限定価格を大きく見せる。定期コースの特典も)⑩安心の保証(返金保証・品質管理)⑪最終CTA(在庫や期間の限定感を添えて大きな購入ボタン)。購入ボタンは3セクションごとに繰り返し、フローティングCTAも付けてください。薬機法に配慮し、効果を断定する表現は避けてください。
オンラインプログラミングスクールの受講生募集LPを作ってください。ターゲットは20〜30代の未経験からエンジニア転職を目指す社会人で、誠実で将来に希望が持てるトーンにしてください。構成:①ファーストビュー(学習風景やPC画面の写真+「未経験から、エンジニアへ。」+無料カウンセリングボタン)②こんな不安ありませんか(文系でも大丈夫?・働きながら学べる?・本当に転職できる?)③選ばれる理由(現役エンジニア講師/挫折させない伴走サポート/転職支援つき、を画像つきカードで)④学習ロードマップ(入学→基礎→実践→ポートフォリオ制作→転職活動を横断ステップ図で。期間の目安つき)⑤カリキュラム紹介(HTML/CSS・JavaScript・PHP・データベースなどを章立てで)⑥卒業生の実績(転職成功率・平均年収アップ額などの数字+体験談3件を顔写真風画像つきで)⑦講師紹介(2〜3名、経歴とメッセージ)⑧サポート体制(質問し放題・週次面談・キャリア相談)⑨料金プラン(一括と分割、給付金対象なら明記)⑩よくある質問(PCは必要?・年齢制限は?・返金は?など)⑪最終CTA(無料カウンセリングは30分・オンラインOK・無理な勧誘なし、を添えて大きなボタン)。無料カウンセリングへの導線を繰り返し配置してください。
ビジネスセミナー「AI活用で変わる中小企業の未来」の告知・集客LPを作ってください。ターゲットは中小企業の経営者・役員で、信頼感と先進性を感じるトーンにしてください。構成:①ファーストビュー(会場やステージの写真を背景に、イベント名・開催日時・会場を大きく+参加申し込みボタン)②開催趣旨(なぜ今AIなのか、を経営者目線の課題から3段落程度で)③このセミナーで得られること(箇条書きではなく画像つきカード3枚: 最新事例/自社への落とし込み方/人脈)④登壇者紹介(3名、顔写真・肩書き・実績・講演テーマつきのプロフィールカード)⑤タイムテーブル(開場から閉会まで時刻つきの縦型タイムライン)⑥過去開催の様子(会場写真を複数枚+参加者満足度などの数字)⑦参加者の声(前回参加者のコメント3件)⑧参加特典(講演資料・チェックリスト・個別相談枠など)⑨開催概要(日時・会場・アクセス地図・定員・参加費・主催者を表形式で)⑩よくある質問(オンライン参加は?・領収書は?・駐車場は?)⑪最終CTA(定員と締切を明記して緊急性を出し、大きな申し込みボタン)。申し込みボタンは繰り返し配置し、フローティングCTAも付けてください。
中小企業向けクラウド勤怠管理サービスの紹介LPを作ってください。ターゲットは従業員10〜100名の企業の総務・労務担当者と経営者で、信頼感のあるクリーンなビジネストーンにしてください。構成:①ファーストビュー(管理画面のスクリーンショット風画像+「勤怠集計、もう手作業に戻れない」系コピー+資料請求と無料トライアルの2ボタン)②こんな課題ありませんか(タイムカードの集計が月末に大変・打刻漏れの確認に追われる・法改正への対応が不安、をアイコンつきで)③サービスでできること(打刻→自動集計→給与ソフト連携の全体像を1枚の図解で)④主要機能の紹介(スマホ打刻/シフト管理/残業アラート/有給管理/CSV出力を、それぞれ画面画像つきで交互レイアウト)⑤導入効果を数字で(集計時間90%削減・打刻漏れ1/10などのカウント演出)⑥導入事例(業種の異なる2〜3社、課題→導入→効果のストーリー形式で)⑦導入までの流れ(申込→初期設定サポート→運用開始のステップ図。最短日数つき)⑧料金プラン(1名あたり月額の料金表を2〜3プラン、無料トライアル期間を明記)⑨セキュリティと信頼性(データ保護・サポート体制)⑩よくある質問(既存の給与ソフトと連携できる?・スマホがない従業員は?など)⑪最終CTA(まずは資料請求から、を大きなボタンで)。資料請求ボタンを繰り返し配置してください。
整体院の新規来院促進LPを作ってください。ターゲットは慢性的な肩こり・腰痛に悩む30〜60代で、安心感と清潔感のある優しいトーンにしてください。構成:①ファーストビュー(施術風景の温かみのある写真+「その痛み、あきらめないでください」系コピー+Web予約ボタンと電話番号)②症状への共感(朝起きると腰が重い・マッサージに行っても数日で戻る・湿布でごまかしている、を情緒的に)③その症状、原因は◯◯かもしれません(骨盤の歪みや筋膜の癒着など、図解イラストつきでわかりやすく)④当院が選ばれる3つの理由(国家資格保有/丁寧なカウンセリング/根本改善プログラム、を画像つきカードで)⑤施術の流れ(受付→カウンセリング→検査→施術→アフター説明を、各ステップ写真つきの縦タイムラインで)⑥院内紹介(待合室・施術室の写真を複数枚、清潔感を伝える)⑦お客様の声(年代・症状・通院期間つきで3件、顔写真風画像つき)⑧料金表(初回・2回目以降・回数券)⑨初回限定クーポン(目立つデザインで割引を提示、有効期限つき)⑩よくある質問(バキバキしない?・服装は?・保険は使える?・駐車場は?)⑪アクセス(地図・最寄り駅からの道順・営業時間・休診日)⑫最終CTA(Web予約とワンタップ発信の電話ボタンを並べて)。予約導線は繰り返し配置し、フローティングCTAも付けてください。医療広告ガイドラインに配慮し、効果を保証する表現は避けてください。
IT企業のエンジニア採用LPを作ってください。ターゲットは20〜30代の中途エンジニアで、堅苦しくなく、技術とカルチャーの魅力が伝わるモダンなトーン(ダーク基調も可)にしてください。構成:①ファーストビュー(オフィスやチーム開発風景の写真+「コードで、地方から世界を変える」系のミッションコピー+エントリーボタン)②私たちについて(事業内容とミッションを、プロダクト画像を交えて3段落程度で)③数字で見る会社(社員数・平均年齢・リモート比率・有給取得率などをカウント演出つきカードで)④働く環境(フルリモート可・フレックス・最新機材支給・技術書購入補助などをアイコンつきグリッドで)⑤技術スタック(言語・フレームワーク・インフラをロゴ風バッジで一覧)⑥社員インタビュー(2〜3名、顔写真+入社理由+仕事のやりがい+1日のスケジュール)⑦プロジェクト紹介(代表的な開発事例を2件、画像つきで)⑧募集要項(職種・雇用形態・給与レンジ・勤務地・必須/歓迎スキルを表形式で)⑨福利厚生(社会保険・リモート手当・書籍代・カンファレンス参加費など)⑩選考の流れ(カジュアル面談→書類→技術面接→最終→内定の横ステップ図。所要期間つき)⑪よくある質問(私服OK?・副業は?・リモートの割合は?)⑫最終CTA(まずはカジュアル面談から、を添えて大きなエントリーボタン)。エントリー導線を繰り返し配置してください。
フリーランスWebデザイナーのポートフォリオ兼営業LPを作ってください。ターゲットはホームページやLPを作りたい中小企業・個人事業主で、センスの良さと人柄の信頼感が両立するトーンにしてください。構成:①ファーストビュー(プロフィール写真風の画像+「デザインの力で、あなたのビジネスを加速する」系コピー+お問い合わせボタン)②自己紹介(経歴・得意分野・大切にしていることを、親しみやすい文体で3段落程度)③制作実績ギャラリー(Webサイト・LP・バナーなどのモックアップ画像を6件以上タイル状に。それぞれ業種と担当範囲のキャプションつき)④提供サービスと料金目安(LP制作/コーポレートサイト/バナーの3プランを、含まれる内容と価格帯つきのカードで)⑤選ばれる理由(丸投げOK・修正回数無制限・スマホ最適化標準対応などをアイコンつきで)⑥制作の流れ(ヒアリング→ご提案→デザイン→実装→公開を、目安日数つきの横ステップ図で)⑦クライアントの声(業種つきで3件)⑧よくある質問(納期は?・素材がなくても大丈夫?・公開後の修正は?・支払い方法は?)⑨プロフィール補足(使用ツール・稼働時間帯・対応エリア)⑩最終CTA(まずは無料相談から・24時間以内に返信、を添えてお問い合わせボタン)。お問い合わせ導線を繰り返し配置してください。
カフェのオープン1周年記念キャンペーンLPを作ってください。ターゲットは地域の20〜50代で、お祭り感のあるド派手で楽しいトーン(にぎやかな配色・大きな数字・バッジ装飾)にしてください。構成:①ファーストビュー(店舗と看板メニューの写真を背景に「祝1周年!感謝祭開催」を大きく+期間を目立つバッジで+特典を見るボタン)②感謝のメッセージ(オーナーからのひとこと、写真つきで温かく)③キャンペーン特典を3段見せ(特典1: 全ドリンク半額/特典2: 先着100名にオリジナルグッズ/特典3: SNS投稿で次回使えるクーポン、をそれぞれ大きな画像つきカードで)④対象メニュー紹介(人気メニューを写真グリッドで6品以上、価格つき)⑤締切カウントダウン(残り日数を大きく見せるセクション。JavaScriptで日数を動的表示)⑥参加方法(来店→注文→SNS投稿の3ステップを図解で。ハッシュタグも明記)⑦1年間のあゆみ(オープンからの出来事を写真つきの縦タイムラインで振り返り)⑧お客様の声(常連さんのコメント3件)⑨店舗情報(地図・営業時間・駐車場・定休日)⑩注意事項(期間・他クーポン併用不可・売切れ次第終了などを小さめの文字で誠実に)⑪最終CTA(期間終了まであとわずか、を添えて来店予約または地図を開くボタン)。ボタンは繰り返し配置し、賑やかな装飾(紙吹雪風・バッジ・リボン)をCSSで散りばめてください。