
定期便ボックスサイト
訪問者を月額の定期購入につなげる定期便ボックスのサイト。今月のボックスのカルーセル、月払い / 年払いの料金表、申し込みの流れまで体験できます。
プロンプト
犬のおやつとおもちゃを毎月届ける定期便ボックス Pawboxの公式サイトを作ってください。目的は訪問者に月額定期便を申し込んでもらうことです。ファーストビューでは定期便で何が届くかをはっきり伝え、目立つ「申し込む」ボタンを置きます。申し込みの流れを3ステップ(サイズと好みを選ぶ → 毎月お届け → いつでも一時停止)で説明し、今月のボックスは左右にスワイプできる商品カルーセルにして、各商品から詳細ページへ移動できるように。料金プランは月払い / 年払いを切り替えられ、年払いでは割引率と1か月あたりの金額を表示。短いよくある質問も載せてください。さらに申し込みデモとして、プランを選ぶ → わんちゃんの情報(名前・体格・アレルギー)を入力 → 確認ページに「申し込み完了(デモ)」と表示、までの流れを作ってください。デザインは親しみやすく楽しい雰囲気で、サニーイエロー・コーラル・サンドベージュ、かわいい手描き風イラスト、スマホにも対応。
- 出典
- Ofox
使い方
- 1
「同じものを作る」を押す
Ofox Chat が開き、この依頼文があらかじめ入っています。未ログインの場合は先にログインしてください。
- 2
自分用にアレンジ
プロンプトのハイライト部分を書き換えて、自分の内容に差し替えましょう。
- 3
送信して生成
送信すると Ofox Chat がコードを書いて実行し、結果をプレビューまたはダウンロードできます。会話を続けて手直しもできます。
よくある質問
何ができあがりますか?
そのまま開ける Web ページです。Ofox Chat がコードを書いてサンドボックスで動作を確認し、結果はチャット内でプレビュー、コードファイルはダウンロードできます。
プログラミングの知識は必要ですか?
必要ありません。やりたいことを普段の言葉で伝え、処理したいファイルがあれば一緒にアップロードするだけです。コードは Ofox Chat が書いて実行します。
プロンプトは編集できますか?
はい。プロンプトは Ofox Chat の入力欄に入ります。送信前に自分のテーマに置き換えたり、要件を足したり、不要な部分を消したりできます。
プロンプトはそのままコピーして使えますか?
はい。プロンプトカード右上の「コピー」でプレーンテキストを取得でき、ほかの AI コーディングツールでも使えます。
似ている作例
Webページのプロンプトをもっと見る自分のアイデアがあるなら、今すぐ作ろう
欲しい画像をひと言で伝えるだけ。Ofox Chat がゼロから生成します。