Construir o marketplace público
Quando usar
Comece aqui, em um projeto totalmente novo.
O que um comprador vê, trabalhando com listagens que você mesmo insere.
O prompt
Esses prompts funcionam melhor em inglês — cole-os como estão, mesmo em páginas traduzidas.
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.
Confira se funcionou
- A navegação mostra suas listagens e os filtros alteram visivelmente o que aparece
- Pesquisar uma palavra do título de uma listagem a encontra, e uma palavra sem sentido retorna um estado vazio claro em vez de uma página em branco
- A página de um vendedor mostra apenas suas listagens
- Uma listagem definida como rascunho desaparece da navegação pública
- A navegação é agradável em um celular, com filtros tocáveis e sem rolagem lateral
Você saberá que funcionou quando:
Um marketplace que você pode navegar e pesquisar como comprador, preenchido com listagens que você controla.
Fique atento a
Insira suas primeiras listagens você mesmo, manualmente. Listagens reais moldam os campos que você realmente precisa, e quase todo mundo descobre um campo ausente neste momento — muito mais barato agora do que depois que os vendedores estiverem usando.