MY WORKSPACE
VISION NOTE
やりたいこと整理ノートの保存内容はまだありません。
出力できるもの
保存済みの内容をもとに、AI用設計書を作れます。バックアップ用にJSON、共有や確認用にMarkdownを書き出せます。
Prompt Gallery
Page Blueprint Studioで整理した材料を、Web制作AIと画像生成AIへ渡すときのサンプル集です。まずは5パターンから、ページ構成・画像生成プロンプト・避ける表現をまとめています。
HOW TO USE
01
ページ種別、コピー型、ブロック、デザイン方向を決める。
02
ヒーローや実績に必要な写真・画面素材を生成する。
03
構成、文章、画像方針、禁止事項をまとめてページ化する。
SAMPLE-01 / 治療院・専門相談
不安を煽らず、相談しやすさと専門性を両立するためのLPパターン。
明るく清潔な日本の相談室で、専門家が来院者にタブレットを見せながら穏やかに説明している写真。白とネイビーを基調、自然光、安心感、医療広告のような誇張なし、リアルな日本の室内、横長16:9。
日本の専門サービス向けLPを作成してください。対象者は、身体や生活の悩みを相談したいが、強い売り込みには抵抗がある人です。白背景、ネイビー、ミントを基調に、代表者の信頼感、相談の流れ、よくある不安への回答を丁寧に配置してください。効果保証に見える表現、過度な煽り、派手な赤文字は避けてください。
SAMPLE-02 / BtoB SaaS
機能訴求だけに寄せず、導入前の不安を減らすサイトパターン。
日本の業務SaaSのダッシュボード画面がノートPCに表示され、周囲に資料と小さなチェックリストが置かれているプロダクト写真風。白背景、ネイビーとブルーのUI、清潔、現実的なオフィス、横長16:9。
日本のBtoB SaaSサイトを作成してください。対象は、業務効率化ツールを検討している中小企業の責任者です。トップページでは、何を改善できるサービスか、導入ステップ、料金の考え方、サポート体制、導入事例をわかりやすく示してください。抽象的な未来感ではなく、業務画面、比較表、FAQを使って導入しやすさを伝えてください。
SAMPLE-03 / 講座・セミナー
共感、証拠、講師の信頼性を積み上げる清潔な募集LPパターン。
日本の小規模セミナー会場で、講師がホワイトボードの前で説明し、参加者が資料を見ながらメモを取っている写真。清潔感、ネイビー、白、自然な表情、ビジネス研修、横長16:9。
専門家向けセミナーの募集LPを作成してください。読者が抱える現場の悩みに共感し、なぜ今学ぶ必要があるのか、当日学べる内容、講師の実績、参加後に整理できることを順番に伝えてください。縦長で読ませる構成にしつつ、赤文字や黄色背景に頼らず、信頼感のあるデザインにしてください。
SAMPLE-04 / 店舗・地域サービス
初めて訪れる人が、雰囲気、場所、予約方法をすぐ判断できるサイトパターン。
日本の地域店舗の外観と入口。明るい昼間、清潔な看板、入りやすい雰囲気、スタッフの気配が少しある、過度におしゃれすぎない、信頼できる地域サービス、横長16:9。
地域密着型の店舗サイトを作成してください。初めて来店する人が、どんな雰囲気か、誰が対応するか、どこにあるか、予約は簡単かをすぐ判断できる構成にしてください。トップには店舗外観、スタッフ、サービス内容、アクセス、予約導線を置き、スマホで見たときに電話とLINE予約へ迷わず進めるようにしてください。
SAMPLE-05 / AI・制作支援
このサイト自体のような、設計から生成までの流れを見せるプロダクトLPパターン。
ダーク背景の設計ツール画面。カード状のページブロックが線でつながり、右側にAIプロンプトが生成されているUI。精密なグリッド、ブルーのアクセント、プロダクトスクリーンショット風、横長16:9。
AIでLPやWebサイトを作る前に、情報整理とプロンプト生成を支援するツールの紹介LPを作成してください。読者は、何をAIに頼めばいいかわからず手が止まっている個人事業者や制作者です。診断、ブロック選択、デザイン方針、プロンプト出力の流れを、ビルダーや設計図のようなUIで見せてください。