Construire la marketplace publique
Quand l'utiliser
Commencez ici, dans un tout nouveau projet.
Ce qu'un acheteur voit, en travaillant avec les annonces que vous saisissez vous-même.
Le prompt
Ces prompts fonctionnent mieux en anglais — collez-les tels quels, même sur les pages traduites.
Build a marketplace website for [WHAT IS BEING TRADED, e.g. handmade furniture from independent makers], connecting [WHO SELLS] with [WHO BUYS]. Pages: a home page explaining what the marketplace is and who it serves, with prominent search; a browse page showing all listings; a page for one single listing; a page showing everything from one seller; a page explaining how it works, separately for buyers and for sellers; and a contact page with a form that emails me at [EMAIL] and stores submissions. Store listings as editable data with a private owner screen. A listing has a title, short description, full description, price, category, condition or type, location if relevant, images, the seller it belongs to, and a status of draft, pending review, active or removed. Only active listings appear publicly. Store sellers separately with a name, a short profile, a location and a joined date. On browse, show listings as cards with image, title, price, seller name and location. Add search by words in the title and description, and filters for [YOUR FILTERS, e.g. category, price range, location]. Sort by newest by default. The single listing page shows all details, all images, the price, the seller with a link to their page, and a clear action button — which does nothing yet, since purchases come later. Design: [THREE ADJECTIVES, e.g. clean, trustworthy, uncluttered]. Colors: [YOUR COLORS]. Browsing must be excellent on a phone. Use labelled image placeholders saying [REAL LISTING IMAGE NEEDED] — do not use stock photography and do not generate product, seller or customer images from scratch. Editing my own real photos is fine; only invented or generated scenes are the problem. Add three example listings from two example sellers, clearly labelled as examples for me to replace. When finished, tell me where I add listings and sellers, and what is still an example.
Vérifiez que ça a marché
- La navigation affiche vos annonces et les filtres modifient visiblement ce qui apparaît
- La recherche d'un mot provenant du titre d'une annonce le trouve, et un mot sans signification renvoie un état vide clair plutôt qu'une page blanche
- La page d'un vendeur n'affiche que ses annonces
- Une annonce définie comme brouillon disparaît de la navigation publique
- La navigation est fluide sur téléphone, avec des filtres tactiles et sans défilement latéral
Vous saurez que ça a marché quand :
Une marketplace que vous pouvez parcourir et rechercher en tant qu'acheteur, remplie d'annonces que vous contrôlez.
Attention à
Saisissez vos premières annonces vous-même, à la main. Les annonces réelles façonnent les champs dont vous avez réellement besoin, et presque tout le monde découvre un champ manquant à ce stade — c'est beaucoup moins coûteux maintenant qu'une fois que les vendeurs l'utilisent.