定期便ボックスサイト

訪問者を月額の定期購入につなげる定期便ボックスのサイト。今月のボックスのカルーセル、月払い / 年払いの料金表、申し込みの流れまで体験できます。

プロンプト

犬のおやつとおもちゃを毎月届ける定期便ボックス Pawboxの公式サイトを作ってください。目的は訪問者に月額定期便を申し込んでもらうことです。ファーストビューでは定期便で何が届くかをはっきり伝え、目立つ「申し込む」ボタンを置きます。申し込みの流れを3ステップ(サイズと好みを選ぶ → 毎月お届け → いつでも一時停止)で説明し、今月のボックスは左右にスワイプできる商品カルーセルにして、各商品から詳細ページへ移動できるように。料金プランは月払い / 年払いを切り替えられ、年払いでは割引率と1か月あたりの金額を表示。短いよくある質問も載せてください。さらに申し込みデモとして、プランを選ぶ → わんちゃんの情報(名前・体格・アレルギー)を入力 → 確認ページに「申し込み完了(デモ)」と表示、までの流れを作ってください。デザインは親しみやすく楽しい雰囲気で、サニーイエロー・コーラル・サンドベージュ、かわいい手描き風イラスト、スマホにも対応。

出典
Ofox

使い方

  1. 1

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

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

  2. 2

    自分用にアレンジ

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

  3. 3

    送信して生成

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

よくある質問

何ができあがりますか?

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

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

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

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

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

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

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

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

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

作成をはじめる