SaaS 料金・購入ページ

プラン比較、月払い/年払いの切り替え、席数に応じた料金表示と、デモ用の購入フローまでそろった SaaS 料金ページ。スマホでも快適です。

プロンプト

チーム向けタスク管理ツール Flowdeskの料金・購入サイトを作ってください。Flowdesk はタスク、プロジェクト、会話をひとつのワークスペースにまとめるツールです。訪問者がプランの違いをすぐに理解し、スムーズに購入できることが目標です:ファーストビューで価値をはっきり伝える。フリー、プロ、ビジネス、エンタープライズの 4 プランをカードで並べ、おすすめプランを目立たせ、月払い/年払いの切り替えとチーム人数に応じた料金計算に対応。詳しい機能比較表とよくある質問。フッターにはチャットサポート、メール、ヘルプセンターへの導線。購入フローはプラン選択 → アカウントとチーム情報 → 支払い情報(デモのため実際のデータは収集しない)→ 注文内容の確認(クーポンコード入力可)→ 申し込み完了ページ。デザインはシンプルでコンバージョン重視、インディゴを基調に。スマホにも対応してください。

出典
Ofox

使い方

  1. 1

    「同じものを作る」を押す

    Ofox Chat が開き、この依頼文があらかじめ入っています。未ログインの場合は先にログインしてください。

  2. 2

    自分用にアレンジ

    プロンプトのハイライト部分を書き換えて、自分の内容に差し替えましょう。

  3. 3

    送信して生成

    送信すると Ofox Chat がコードを書いて実行し、結果をプレビューまたはダウンロードできます。会話を続けて手直しもできます。

よくある質問

何ができあがりますか?

そのまま開ける Web ページです。Ofox Chat がコードを書いてサンドボックスで動作を確認し、結果はチャット内でプレビュー、コードファイルはダウンロードできます。

プログラミングの知識は必要ですか?

必要ありません。やりたいことを普段の言葉で伝え、処理したいファイルがあれば一緒にアップロードするだけです。コードは Ofox Chat が書いて実行します。

プロンプトは編集できますか?

はい。プロンプトは Ofox Chat の入力欄に入ります。送信前に自分のテーマに置き換えたり、要件を足したり、不要な部分を消したりできます。

プロンプトはそのままコピーして使えますか?

はい。プロンプトカード右上の「コピー」でプレーンテキストを取得でき、ほかの AI コーディングツールでも使えます。

自分のアイデアがあるなら、今すぐ作ろう

欲しい画像をひと言で伝えるだけ。Ofox Chat がゼロから生成します。

作成をはじめる